/* ==========================================================
   Christopher Lowman — Header Fix
   Homepage : transparent header, white text over banner
   Inner    : solid white header, black text/icons
   ========================================================== */

/* ---------- HEADER: SHARED (all pages) ---------- */
.header-sticky {
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: all 0.3s ease !important;
}

.admin-bar .header-sticky {
    top: 32px; /* admin bar offset (logged-in only) */
}

.header-middle {
    border-bottom: none;
}

.header-middle > .container {
    padding-top: 20px;
    padding-bottom: 0;
}


/* ==========================================================
   HOMEPAGE ONLY — transparent + white text over banner
   ========================================================== */
.home .header-sticky {
    background: transparent !important;
    box-shadow: none !important;
}

.home .header-middle {
    background: transparent !important;
}

.home .sticky-wrapper {
    height: 0 !important;
}

.home .header-sticky .menu-label,
.home .header-sticky a,
.home .header-sticky .icon,
.home .header-sticky .cart-total,
.home .header-sticky .cart-number {
    color: #ffffff !important;
}

/* Account + cart SVG icons white on banner */
.home .header-sticky .icon svg,
.home .header-sticky .icon path,
.home .header-sticky svg,
.home .header-sticky svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.home .header-sticky img.normal-logo,
.home .header-sticky img.sticky-logo {
    filter: brightness(0) invert(1) !important;
}

/* Homepage scrolled state -> white bar, black text/icons */
.home.is-sticky .header-sticky,
.home .is-sticky .header-sticky {
    background: #ffffff !important;
    box-shadow: 0 1px 10px rgba(0,0,0,0.08) !important;
}

.home.is-sticky .menu-label,
.home.is-sticky a,
.home.is-sticky .icon,
.home.is-sticky .cart-total,
.home .is-sticky .menu-label,
.home .is-sticky a,
.home .is-sticky .icon,
.home .is-sticky .cart-total {
    color: #000000 !important;
}

.home.is-sticky .header-sticky svg,
.home.is-sticky .header-sticky svg path,
.home .is-sticky .header-sticky svg,
.home .is-sticky .header-sticky svg path {
    fill: #000000 !important;
    stroke: #000000 !important;
}

.home.is-sticky img.normal-logo,
.home.is-sticky img.sticky-logo,
.home .is-sticky img.normal-logo,
.home .is-sticky img.sticky-logo {
    filter: none !important;
}


/* ==========================================================
   INNER PAGES — solid white header, black text/icons (default)
   ========================================================== */
body:not(.home) .header-sticky {
    background: #ffffff !important;
    position: relative !important;   /* normal flow, scrolls with page */
    box-shadow: 0 1px 10px rgba(0,0,0,0.08) !important;
}

body:not(.home) .header-middle {
    background: #ffffff !important;
}

body:not(.home) .sticky-wrapper {
    height: auto !important;
}

body:not(.home) .admin-bar .header-sticky {
    top: 0;
}

/* Text black */
body:not(.home) .header-sticky .menu-label,
body:not(.home) .header-sticky a,
body:not(.home) .header-sticky .icon,
body:not(.home) .header-sticky .cart-total {
    color: #000000 !important;
}

/* Account + cart SVG icons black */
body:not(.home) .header-sticky .icon svg,
body:not(.home) .header-sticky .icon path,
body:not(.home) .header-sticky svg,
body:not(.home) .header-sticky svg path {
    fill: #000000 !important;
    stroke: #000000 !important;
}

/* Logo black */
body:not(.home) .header-sticky img.normal-logo,
body:not(.home) .header-sticky img.sticky-logo {
    filter: none !important;
}


/* ==========================================================
   CART BADGE — number always white on its dark circle
   (placed AFTER the inner-page block so it wins)
   ========================================================== */
.header-sticky .cart-number,
.cart-icon span.cart-number,
body:not(.home) .header-sticky .cart-number,
body:not(.home) .cart-icon span.cart-number {
    color: #ffffff !important;
}


/* ==========================================================
   MENU LINKS — black everywhere except homepage banner
   ========================================================== */
.ts-header .menu-wrapper .ts-menu li:not(.button) a:not(.button):not(.elementor-button) {
    color: #000000 !important;
}

.home:not(.is-sticky) .ts-header .menu-wrapper .ts-menu li:not(.button) a:not(.button):not(.elementor-button) {
    color: #ffffff !important;
}


/* ==========================================================
   BREADCRUMB — dark text on inner pages
   ========================================================== */
body:not(.home) .breadcrumb,
body:not(.home) .breadcrumb *,
body:not(.home) .breadcrumbs,
body:not(.home) .breadcrumbs *,
body:not(.home) .woocommerce-breadcrumb,
body:not(.home) .woocommerce-breadcrumb *,
body:not(.home) [class*="breadcrumb"],
body:not(.home) [class*="breadcrumb"] *,
body:not(.home) .page-title-wrapper,
body:not(.home) .page-title-wrapper * {
    color: #222222 !important;
    opacity: 1 !important;
}

body:not(.home) [class*="breadcrumb"] a:hover {
    color: #000000 !important;
    opacity: 0.7 !important;
}


/* ==========================================================
   SUBMENU / DROPDOWN — white bg, black text (all pages)
   ========================================================== */
.header-sticky .sub-menu {
    background: #ffffff !important;
}

.header-sticky .sub-menu .menu-label,
.header-sticky .sub-menu a {
    color: #000000 !important;
}

.header-sticky .sub-menu li:hover > a {
    color: #000000 !important;
    opacity: 0.7;
}


/* ==========================================================
   MINI-CART / CHECKOUT BUTTON
   ========================================================== */
a.button.checkout-button {
    color: #ffffff !important;
}