/*
Theme Name: Storefront Child
Theme URI: https://naturesgiftorganicmarket.com/
Description: Child theme for Nature's Gift Organic Market. Adds top address bar, reorders site title below the primary navigation, and forces nav onto one line.
Author: Launch Creative
Template: storefront
Version: 1.2.0
Text Domain: storefront-child
*/

/* ---------------------------------------------------
   1. TOP ADDRESS BAR
   Injected via functions.php before the header.
--------------------------------------------------- */
.ngom-topbar {
    background: #CB4154;
    color: #fff;
    text-align: center;
    font-size: 0.85em;
    padding: 0.5em 1em;
    line-height: 1.4;
}
.ngom-topbar a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}
.ngom-topbar a:hover {
    text-decoration: underline;
}
.ngom-topbar .ngom-sep {
    margin: 0 0.6em;
    opacity: 0.6;
}

/* ---------------------------------------------------
   2. REORDER: SITE TITLE BELOW NAVIGATION
   Storefront's header is a flex container; we flip the
   order so the primary nav sits above the branding.
--------------------------------------------------- */
.site-header {
    display: flex;
    flex-direction: column;
}
.site-header .site-branding,
.site-header .site-logo-anchor,
.site-header .custom-logo-link {
    order: 2;
}
.storefront-primary-navigation,
.site-header .main-navigation {
    order: 1;
}
/* Hide the header search entirely. */
.site-header .site-search {
    display: none;
}

/* Center the site title across the full header width, one line. */
.site-header .site-branding {
    order: 2;
    width: 100%;
    float: none;
    clear: both;
    text-align: center;
    margin: 0 auto;
}
.site-header .site-branding .site-title,
.site-header .site-branding .beta,
.site-header .site-branding p {
    float: none;
    width: 100%;
    text-align: center;
}
.site-header .site-branding .site-title {
    white-space: nowrap;
}
.site-header .site-branding .site-title a {
    display: inline-block;
    font-size: 2.2rem;
}

/* ---------------------------------------------------
   3. NAV CENTERED ON ONE LINE, CART PINNED RIGHT
--------------------------------------------------- */
.storefront-primary-navigation {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    position: relative;
}
.main-navigation {
    flex: 0 0 auto !important;
    width: auto !important;
    float: none !important;
}
.main-navigation ul.menu,
.main-navigation ul.nav-menu {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    width: auto !important;
}
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
    font-size: 0.9em;
    padding-left: 0.55em;
    padding-right: 0.55em;
    white-space: nowrap;
}
.site-header-cart {
    position: absolute;
    right: 1.5em;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

/* ---------------------------------------------------
   4. HEADER TWEAKS CARRIED FROM EARLIER
   Hide cart subtotal/count text, keep basket icon.
--------------------------------------------------- */
.site-header-cart .cart-contents .amount,
.site-header-cart .cart-contents .count {
    display: none;
}