/* Wholesale shared header styles */
/* Hide search bar - exact classes from inspection */
.site-header-item.site-header-focus-item[data-section="base_customizer_header_search_advanced"],
.header-search-advanced,
.header-item-search-advanced,
.site-header-item:has(.header-search-advanced),
.site-header-item:has(.woocommerce-product-search),
.site-header-item:has(input[type="search"]),
.site-header-item:has(.search-field) {
    display: none !important;
}

/* Hide account, wishlist, cart icons */
.site-header-main-section-right.site-header-section.site-header-section-right,
.site-header-section-right {
    display: none !important;
}

/* Hide Wholesale Order button */
a.button.header-button.button-size-medium.button-style-filled,
.header-button,
.site-bottom-header-wrap .button {
    display: none !important;
}

/* Wholesale nav in MAIN header (logo bar) */
.wholesale-page .site-main-header-wrap .site-container {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
.wholesale-page .site-mobile-header-wrap .site-container,
.wholesale-page .site-mobile-header-wrap .site-mobile-header-inner-wrap {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.wholesale-page .site-main-header-wrap .site-header-row-container-inner {
    width: 100%;
}
.wholesale-page .site-mobile-header-wrap .site-header-row-container-inner {
    width: 100%;
}

/* Logo section stays left */
.wholesale-page .site-main-header-wrap .site-header-section-left,
.wholesale-page .site-mobile-header-wrap .site-header-section-left {
    flex-shrink: 0;
}

/* Right section for nav - keep menu compact on the logo bar */
.wholesale-page .site-main-header-wrap .site-header-section-right,
.wholesale-page .site-mobile-header-wrap .site-header-section-right,
.wholesale-page .site-mobile-header-wrap .site-header-main-section-right {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    flex: 1;
}

/* Prevent original header icons/buttons flashing before JS injects wholesale nav */
.wholesale-page .site-main-header-wrap .site-header-section-right:not(.ow-nav-ready),
.wholesale-page .site-main-header-wrap .site-header-main-section-right:not(.ow-nav-ready),
.wholesale-page .site-mobile-header-wrap .site-header-section-right:not(.ow-nav-ready),
.wholesale-page .site-mobile-header-wrap .site-header-main-section-right:not(.ow-nav-ready) {
    visibility: hidden !important;
}
.wholesale-page .site-main-header-wrap .site-header-section-right.ow-nav-ready,
.wholesale-page .site-main-header-wrap .site-header-main-section-right.ow-nav-ready,
.wholesale-page .site-mobile-header-wrap .site-header-section-right.ow-nav-ready,
.wholesale-page .site-mobile-header-wrap .site-header-main-section-right.ow-nav-ready {
    visibility: visible !important;
}
.wholesale-page .site-main-header-wrap .site-header-section-right > *:not(.wholesale-nav-menu),
.wholesale-page .site-main-header-wrap .site-header-main-section-right > *:not(.wholesale-nav-menu),
.wholesale-page .site-mobile-header-wrap .site-header-section-right > *:not(.wholesale-nav-menu),
.wholesale-page .site-mobile-header-wrap .site-header-main-section-right > *:not(.wholesale-nav-menu) {
    display: none !important;
}
.wholesale-page .site-main-header-wrap .menu-toggle-open,
.wholesale-page .site-main-header-wrap .mobile-toggle-open-container,
.wholesale-page .site-main-header-wrap .mobile-navigation-toggle,
.wholesale-page .site-main-header-wrap .drawer-toggle,
.wholesale-page .site-main-header-wrap .header-mobile-toggle,
.wholesale-page .site-main-header-wrap [data-section*="mobile_trigger"],
.wholesale-page .site-main-header-wrap [data-section*="mobile-toggle"],
.wholesale-page .site-mobile-header-wrap .menu-toggle-open,
.wholesale-page .site-mobile-header-wrap .mobile-toggle-open-container,
.wholesale-page .site-mobile-header-wrap .mobile-navigation-toggle,
.wholesale-page .site-mobile-header-wrap .drawer-toggle,
.wholesale-page .site-mobile-header-wrap .header-mobile-toggle,
.wholesale-page .site-mobile-header-wrap [data-section*="mobile_trigger"],
.wholesale-page .site-mobile-header-wrap [data-section*="mobile-toggle"] {
    display: none !important;
}
.wholesale-page .site-bottom-header-wrap ul#primary-menu,
.wholesale-page .site-bottom-header-wrap #primary-menu,
.wholesale-page .site-bottom-header-wrap .primary-menu-container,
.wholesale-page .site-bottom-header-wrap .menu-primary-container,
.wholesale-page .site-bottom-header-wrap nav,
.wholesale-page .site-bottom-header-inner-wrap,
.wholesale-page .site-bottom-header-wrap .site-header-row-container-inner {
    display: none !important;
}

/* Wholesale nav menu - compact spacing */
.wholesale-nav-menu {
    display: flex;
    align-items: center;
    gap: 28px;
    list-style: none;
    margin: 0 0 0 auto;
    padding: 0;
    width: auto;
    justify-content: flex-end;
}

.wholesale-nav-menu li {
    display: flex;
    align-items: center;
}

/* Match parent menu EXACTLY: Jost font, 17px, #39B1E3 color, padding 0 17px 0 0 */
.wholesale-nav-menu li a {
    color: #333333;
    text-decoration: none;
    font-weight: 400;
    font-size: 17px;
    padding: 0;
    transition: color 0.2s ease;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    font-family: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0.01em;
}

.wholesale-nav-menu li a:hover {
    color: #1a1a2e;
}

/* Last item no padding-right */
.wholesale-nav-menu li:last-child a {
    padding-right: 0;
}

/* CTA button style - match parent Wholesale Order button */
.wholesale-nav-menu li.wholesale-nav-cta a {
    background: #39B1E3;
    color: white;
    font-weight: 600;
    font-size: 16px;
    padding: 7px 25px;
    border-radius: 30px;
    margin-left: 4px;
}

.wholesale-nav-menu li.wholesale-nav-cta a:hover {
    background: #2a9bc9;
    color: white;
}

@media (max-width: 767px) {
    .wholesale-page .site-main-header-wrap .site-container,
    .wholesale-page .site-main-header-wrap .site-header-row-container-inner,
    .wholesale-page .site-main-header-wrap .site-header-row,
    .wholesale-page .site-mobile-header-wrap .site-container,
    .wholesale-page .site-mobile-header-wrap .site-header-row-container-inner,
    .wholesale-page .site-mobile-header-wrap .site-mobile-header-inner-wrap,
    .wholesale-page .site-mobile-header-wrap .site-header-row {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
    }

    .wholesale-page .site-main-header-wrap .site-header-section-left,
    .wholesale-page .site-mobile-header-wrap .site-header-section-left {
        display: flex !important;
        align-items: center;
        min-width: 0;
    }

    .wholesale-page .site-main-header-wrap .site-branding,
    .wholesale-page .site-main-header-wrap .site-branding a,
    .wholesale-page .site-mobile-header-wrap .site-branding,
    .wholesale-page .site-mobile-header-wrap .site-branding a {
        display: flex !important;
        align-items: center;
        min-width: 0;
    }

    .wholesale-page .site-main-header-wrap .custom-logo,
    .wholesale-page .site-main-header-wrap img.custom-logo,
    .wholesale-page .site-mobile-header-wrap .custom-logo,
    .wholesale-page .site-mobile-header-wrap img.custom-logo {
        width: auto !important;
        height: 48px !important;
        max-height: 48px !important;
        max-width: 185px !important;
        object-fit: contain;
    }

    .wholesale-nav-menu {
        gap: 0;
        margin-left: auto;
        flex-shrink: 0;
    }

    .wholesale-nav-menu li:not(.wholesale-nav-cta) {
        display: none !important;
    }

    .wholesale-nav-menu li.wholesale-nav-cta a {
        font-size: 13px;
        line-height: 1.1;
        padding: 8px 12px;
        margin-left: 0;
        white-space: nowrap;
    }
}

@media (max-width: 1200px) {
    .wholesale-nav-menu {
        gap: 18px;
    }
    .wholesale-nav-menu li a {
        font-size: 15px;
    }
    .wholesale-nav-menu li.wholesale-nav-cta a {
        font-size: 15px;
        padding: 7px 18px;
    }
}
@media (max-width: 767px) {
    .wholesale-nav-menu {
        gap: 0;
    }

    .wholesale-nav-menu li:not(.wholesale-nav-cta) {
        display: none !important;
    }

    .wholesale-nav-menu li.wholesale-nav-cta a {
        font-size: 13px;
        line-height: 1.1;
        padding: 8px 12px;
        margin-left: 0;
    }
}
/* Top blue bar thickness (wholesale only) */
.wholesale-page .site-top-header-wrap,
.wholesale-page .site-top-header-wrap .site-header-row-container-inner {
    min-height: 41.59px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.wholesale-page .site-top-header-wrap {
    display: flex !important;
    align-items: center;
    justify-content: center;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    background: #39B1E3 !important;
}
.wholesale-page .site-top-header-wrap.ow-ready {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #39B1E3 !important;
}
.wholesale-page .site-top-header-wrap.ow-ready > *:not(.ow-topbar-message) {
    display: none !important;
}
.wholesale-page .site-top-header-wrap .ow-topbar-message {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 41.59px;
    color: #ffffff !important;
    font-family: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase;
}
.wholesale-page .site-top-header-wrap:not(.ow-ready)::before {
    content: "LEADING THE WAY IN GLOBAL TRADE";
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 41.59px;
    color: #ffffff !important;
    font-family: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase;
}
.wholesale-page .site-top-header-wrap:not(.ow-ready) > * {
    display: none !important;
}
/* Hide top bar text until JS swaps it (prevents flash of old text) */
.wholesale-page .site-top-header-wrap:not(.ow-ready),
.wholesale-page .site-top-header-wrap:not(.ow-ready) * {
    color: transparent !important;
}


/* Sticky wholesale main header only - top blue bar scrolls away */
body.wholesale-page #masthead,
body.wholesale-page .site-header {
    position: relative !important;
    top: auto !important;
    z-index: 900 !important;
}
body.wholesale-page .site-top-header-wrap {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
}
body.wholesale-page .site-main-header-wrap {
    position: relative !important;
    z-index: 900 !important;
    background: #ffffff;
}
body.wholesale-page .site-main-header-wrap.ow-main-header-fixed {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 900 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
body.admin-bar #wpadminbar {
    z-index: 999999 !important;
}
body.admin-bar.wholesale-page .site-main-header-wrap.ow-main-header-fixed {
    top: 32px;
}
body.wholesale-page.ow-main-header-is-fixed .ow-exp {
    padding-top: var(--ow-main-header-height, 0px);
}
@media (max-width: 782px) {
    body.admin-bar.wholesale-page .site-main-header-wrap.ow-main-header-fixed {
        top: 46px;
    }
}