/* =========================================================
   ADDVIBES — TRANSPARENT PREMIUM HEADER V4 — NON STICKY
   Transparent over hero / Navy glass after scroll
========================================================= */

:root{
  --avh-navy:#071426;
  --avh-navy-2:#0C1A30;
  --avh-warm:#F2E7D8;
  --avh-blue:#2FA8D9;
  --avh-purple:#8D63E8;
  --avh-magenta:#D63E9C;
  --avh-amber:#E0A93B;
}

/* FULL-WIDTH HEADER — NEVER STICKY */
nav.default_header_container.av-transparent-header-v4{
  z-index:9998 !important;

  width:100% !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 28px !important;

  border:0 !important;
  border-radius:0 !important;

  color:#fff !important;

  box-shadow:none !important;

  transition:
    background .24s ease,
    box-shadow .24s ease;
}

/* Home page: transparent overlay above hero only */
nav.default_header_container.av-transparent-header-v4.is-home-overlay{
  position:absolute !important;
  inset:0 0 auto 0 !important;

  background:
    linear-gradient(
      180deg,
      rgba(3,10,20,.48) 0%,
      rgba(3,10,20,.14) 62%,
      rgba(3,10,20,0) 100%
    ) !important;

  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* Collection / product / policy pages: normal document flow */
nav.default_header_container.av-transparent-header-v4.is-inner-page{
  position:relative !important;
  inset:auto !important;

  background:
    linear-gradient(
      180deg,
      #071426 0%,
      #0C1A30 100%
    ) !important;

  box-shadow:
    0 10px 28px rgba(7,20,38,.18),
    inset 0 -1px 0 rgba(242,231,216,.08) !important;

  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* MAIN ROW */
nav.default_header_container.av-transparent-header-v4
> div:first-child{
  min-height:74px !important;
  height:auto !important;

  max-width:1280px;
  margin:0 auto;

  position:relative;
}

/* DESKTOP: remove the EasyOrders mobile menu button completely */
@media (min-width:1024px){
  nav.default_header_container.av-transparent-header-v4
  button.lg\:hidden,
  nav.default_header_container.av-transparent-header-v4
  .av-mobile-menu-trigger,
  nav.default_header_container.av-transparent-header-v4
  > div:first-child > div:first-child > button{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:0 !important;
    min-width:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }
}

@media (min-width:1024px){
  nav.default_header_container.av-transparent-header-v4
  > div:first-child > div:first-child{
    min-width:0 !important;
  }
}

/* LOGO */
nav.default_header_container.av-transparent-header-v4
.default_header_logo{
  position:relative;
  z-index:3;
}

nav.default_header_container.av-transparent-header-v4
.default_header_logo a{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:4px 12px;

  border-radius:16px;

  transition:
    transform .22s ease,
    filter .22s ease,
    background .22s ease;
}

nav.default_header_container.av-transparent-header-v4
.default_header_logo a:hover{
  transform:translateY(-2px);

  background:rgba(255,255,255,.04);

  filter:
    drop-shadow(0 0 12px rgba(47,168,217,.20))
    drop-shadow(0 0 18px rgba(214,62,156,.14));
}

nav.default_header_container.av-transparent-header-v4
.default_header_logo img{
  width:auto !important;
  height:58px !important;
  max-width:220px;

  object-fit:contain !important;

  filter:
    brightness(1.03)
    drop-shadow(0 7px 18px rgba(0,0,0,.24));

  transition:
    height .25s ease,
    transform .25s ease;
}


/* SEARCH + CART + MOBILE MENU */
nav.default_header_container.av-transparent-header-v4
.av-header-icon,
nav.default_header_container.av-transparent-header-v4
.av-mobile-menu-trigger{
  position:relative;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  width:42px;
  height:42px;

  padding:0 !important;

  border:1px solid rgba(242,231,216,.16) !important;
  border-radius:50% !important;

  background:rgba(7,20,38,.24) !important;
  color:#fff !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 20px rgba(0,0,0,.16);

  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);

  transition:
    transform .20s ease,
    border-color .20s ease,
    background .20s ease,
    box-shadow .20s ease;
}

nav.default_header_container.av-transparent-header-v4
.av-header-icon:hover,
nav.default_header_container.av-transparent-header-v4
.av-mobile-menu-trigger:hover{
  opacity:1 !important;
  transform:translateY(-2px);

  border-color:rgba(242,231,216,.30) !important;

  background:
    linear-gradient(
      135deg,
      rgba(47,168,217,.22),
      rgba(214,62,156,.18)
    ) !important;

  box-shadow:
    0 12px 24px rgba(0,0,0,.22),
    0 0 18px rgba(47,168,217,.18);
}

nav.default_header_container.av-transparent-header-v4
.av-header-icon svg,
nav.default_header_container.av-transparent-header-v4
.av-mobile-menu-trigger svg{
  width:21px !important;
  height:21px !important;
  color:#fff !important;
}

nav.default_header_container.av-transparent-header-v4
.av-header-search svg path{
  fill:currentColor !important;
}

/* DESKTOP NAV */
nav.default_header_container.av-transparent-header-v4
.av-desktop-links{
  max-width:1280px;
  margin:0 auto !important;
  padding:0 0 14px;
}

nav.default_header_container.av-transparent-header-v4
.av-desktop-links > div{
  gap:6px !important;

  width:max-content;
  max-width:100%;

  margin:0 auto;
  padding:7px 9px;

  border:1px solid rgba(242,231,216,.11);
  border-radius:999px;

  background:rgba(7,20,38,.28);

  box-shadow:
    0 12px 26px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.05);

  -webkit-backdrop-filter:blur(12px) saturate(125%);
  backdrop-filter:blur(12px) saturate(125%);
}


nav.default_header_container.av-transparent-header-v4
.av-desktop-links a{
  position:relative;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:34px;

  padding:0 13px;

  border:1px solid transparent;
  border-radius:999px;

  color:rgba(242,231,216,.76) !important;
  text-decoration:none !important;

  font-size:10px !important;
  font-weight:800 !important;
  line-height:1;
  letter-spacing:.035em;

  white-space:nowrap;

  transition:
    transform .20s ease,
    color .20s ease,
    border-color .20s ease,
    background .20s ease,
    box-shadow .20s ease;
}

nav.default_header_container.av-transparent-header-v4
.av-desktop-links a::before{
  content:"";

  width:5px;
  height:5px;

  margin-inline-end:8px;

  border-radius:50%;

  background:rgba(242,231,216,.30);

  transition:
    transform .20s ease,
    background .20s ease,
    box-shadow .20s ease;
}

nav.default_header_container.av-transparent-header-v4
.av-desktop-links a:hover{
  transform:translateY(-1px);

  color:#fff !important;

  border-color:rgba(242,231,216,.13);

  background:rgba(255,255,255,.07);

  box-shadow:
    0 8px 18px rgba(0,0,0,.12);
}

nav.default_header_container.av-transparent-header-v4
.av-desktop-links a:hover::before{
  transform:scale(1.25);

  background:
    linear-gradient(
      135deg,
      var(--avh-blue),
      var(--avh-magenta),
      var(--avh-amber)
    );

  box-shadow:
    0 0 12px rgba(47,168,217,.34);
}

nav.default_header_container.av-transparent-header-v4
.av-desktop-links a.is-active{
  color:#fff !important;

  border-color:rgba(242,231,216,.16);

  background:
    linear-gradient(
      135deg,
      rgba(47,168,217,.20),
      rgba(141,99,232,.18),
      rgba(214,62,156,.16)
    );

  box-shadow:
    0 0 18px rgba(47,168,217,.12),
    inset 0 1px 0 rgba(255,255,255,.07);
}

nav.default_header_container.av-transparent-header-v4
.av-desktop-links a.is-active::before{
  background:
    linear-gradient(
      135deg,
      var(--avh-blue),
      var(--avh-magenta),
      var(--avh-amber)
    );

  box-shadow:
    0 0 12px rgba(47,168,217,.34);
}

/* MOBILE */
@media (max-width:1023px){
  nav.default_header_container.av-transparent-header-v4.is-home-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(3,10,20,.56) 0%,
        rgba(3,10,20,.18) 74%,
        rgba(3,10,20,0) 100%
      ) !important;
  }

  nav.default_header_container.av-transparent-header-v4.is-inner-page{
    background:
      linear-gradient(
        180deg,
        #071426 0%,
        #0C1A30 100%
      ) !important;
  }

  nav.default_header_container.av-transparent-header-v4{
    padding:0 12px !important;

    background:
      linear-gradient(
        180deg,
        rgba(3,10,20,.56) 0%,
        rgba(3,10,20,.18) 72%,
        rgba(3,10,20,0) 100%
      ) !important;
  }

  
  nav.default_header_container.av-transparent-header-v4
  > div:first-child{
    min-height:68px !important;
  }

  nav.default_header_container.av-transparent-header-v4
  .default_header_logo img{
    height:48px !important;
    max-width:170px;
  }

  
  nav.default_header_container.av-transparent-header-v4
  .av-header-icon,
  nav.default_header_container.av-transparent-header-v4
  .av-mobile-menu-trigger{
    width:40px;
    height:40px;
  }

  nav.default_header_container.av-transparent-header-v4
  .ms-auto.flex.items-center.flex-1.justify-end{
    gap:8px !important;
  }
}

@media (max-width:390px){
  nav.default_header_container.av-transparent-header-v4{
    padding-inline:8px !important;
  }

  nav.default_header_container.av-transparent-header-v4
  .default_header_logo img{
    height:43px !important;
    max-width:145px;
  }

  nav.default_header_container.av-transparent-header-v4
  .av-header-icon,
  nav.default_header_container.av-transparent-header-v4
  .av-mobile-menu-trigger{
    width:37px;
    height:37px;
  }
}

@media (prefers-reduced-motion:reduce){
  nav.default_header_container.av-transparent-header-v4,
  nav.default_header_container.av-transparent-header-v4 *{
    transition:none !important;
  }
}


/* =========================================================
   V5 ICON VISIBILITY FIX
   Force EasyOrders search/cart SVGs to stay visible on navy.
========================================================= */

nav.default_header_container.av-transparent-header-v4
.av-header-icon,
nav.default_header_container.av-transparent-header-v4
.av-mobile-menu-trigger{
  color:#F2E7D8 !important;
}

nav.default_header_container.av-transparent-header-v4
.av-header-icon svg,
nav.default_header_container.av-transparent-header-v4
.av-mobile-menu-trigger svg{
  color:#F2E7D8 !important;
  opacity:1 !important;
}

/* Search icon uses hard-coded fill values */
nav.default_header_container.av-transparent-header-v4
.av-header-search svg path,
nav.default_header_container.av-transparent-header-v4
a[href="/search"] svg path{
  fill:#F2E7D8 !important;
  stroke:#F2E7D8 !important;
}

/* Cart icon uses strokes plus two filled wheel circles */
nav.default_header_container.av-transparent-header-v4
.av-header-cart svg path,
nav.default_header_container.av-transparent-header-v4
.ms-auto.flex.items-center.flex-1.justify-end > button svg path{
  stroke:#F2E7D8 !important;
}

nav.default_header_container.av-transparent-header-v4
.av-header-cart svg path[fill]:not([fill="none"]),
nav.default_header_container.av-transparent-header-v4
.ms-auto.flex.items-center.flex-1.justify-end > button svg path[fill]:not([fill="none"]){
  fill:#F2E7D8 !important;
}

/* Keep transparent paths transparent */
nav.default_header_container.av-transparent-header-v4
.av-header-cart svg path[fill="none"],
nav.default_header_container.av-transparent-header-v4
.ms-auto.flex.items-center.flex-1.justify-end > button svg path[fill="none"]{
  fill:none !important;
}

/* Inner pages need stronger contrast */
nav.default_header_container.av-transparent-header-v4.is-inner-page
.av-header-icon,
nav.default_header_container.av-transparent-header-v4.is-inner-page
.av-mobile-menu-trigger{
  border-color:rgba(242,231,216,.22) !important;
  background:rgba(242,231,216,.07) !important;
  color:#F2E7D8 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 20px rgba(0,0,0,.20),
    0 0 16px rgba(47,168,217,.05) !important;
}

nav.default_header_container.av-transparent-header-v4.is-inner-page
.av-header-icon:hover,
nav.default_header_container.av-transparent-header-v4.is-inner-page
.av-mobile-menu-trigger:hover{
  background:
    linear-gradient(
      135deg,
      rgba(47,168,217,.24),
      rgba(141,99,232,.20),
      rgba(214,62,156,.18)
    ) !important;

  border-color:rgba(242,231,216,.34) !important;
}


/* =========================================================
   V6 — HARD FIX FOR INNER PAGE SEARCH / CART ICONS
   EasyOrders keeps hard-coded black SVG paint on product and
   collection pages, so force the whole SVG to warm white.
========================================================= */

nav.default_header_container.av-transparent-header-v4.is-inner-page
a[href="/search"] svg,
nav.default_header_container.av-transparent-header-v4.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button svg{
  color:#F2E7D8 !important;
  opacity:1 !important;

  filter:
    brightness(0)
    saturate(100%)
    invert(94%)
    sepia(11%)
    saturate(451%)
    hue-rotate(339deg)
    brightness(103%)
    contrast(90%) !important;
}

/* Reset every painted shape inside the action icons */
nav.default_header_container.av-transparent-header-v4.is-inner-page
a[href="/search"] svg *,
nav.default_header_container.av-transparent-header-v4.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button svg *{
  opacity:1 !important;
}

/* Search */
nav.default_header_container.av-transparent-header-v4.is-inner-page
a[href="/search"] svg path{
  fill:#000 !important;
  stroke:#000 !important;
}

/* Cart outlines */
nav.default_header_container.av-transparent-header-v4.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button svg path{
  stroke:#000 !important;
}

/* Cart filled wheel circles */
nav.default_header_container.av-transparent-header-v4.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button svg path[fill]:not([fill="none"]){
  fill:#000 !important;
}

/* Preserve genuinely transparent areas */
nav.default_header_container.av-transparent-header-v4.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button svg path[fill="none"]{
  fill:none !important;
}

/* Make the circular action backgrounds visible against navy */
nav.default_header_container.av-transparent-header-v4.is-inner-page
a[href="/search"],
nav.default_header_container.av-transparent-header-v4.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button{
  border:1px solid rgba(242,231,216,.28) !important;
  background:rgba(242,231,216,.08) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 20px rgba(0,0,0,.22),
    0 0 14px rgba(47,168,217,.07) !important;
}

nav.default_header_container.av-transparent-header-v4.is-inner-page
a[href="/search"]:hover,
nav.default_header_container.av-transparent-header-v4.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:hover{
  background:
    linear-gradient(
      135deg,
      rgba(47,168,217,.28),
      rgba(141,99,232,.24),
      rgba(214,62,156,.20)
    ) !important;

  border-color:rgba(242,231,216,.42) !important;
}


/* =========================================================
   ADDVIBES HEADER V9 — FINAL SCROLL/RERENDER HARD LOCK
   This block intentionally comes LAST.
========================================================= */

/* Inner pages must NEVER inherit EasyOrders' sticky/scrolled skin. */
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page{
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  inset:auto !important;

  transform:none !important;

  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 28px !important;

  background:linear-gradient(
    180deg,
    #071426 0%,
    #0C1A30 100%
  ) !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:
    0 10px 28px rgba(7,20,38,.18),
    inset 0 -1px 0 rgba(242,231,216,.08) !important;

  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* Keep first/header row identical before and after scrolling. */
nav.default_header_container.av-transparent-header-v4.av-v9-locked
> div:first-child{
  min-height:74px !important;
  height:auto !important;
  max-width:1280px !important;
  margin:0 auto !important;
  position:relative !important;
  transform:none !important;
}

/*
  HARD LOCK the desktop navigation itself.
  It no longer depends on EasyOrders retaining .hidden.lg:block.
*/
@media (min-width:1024px){
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    position:relative !important;
    inset:auto !important;
    transform:none !important;

    width:auto !important;
    max-width:1280px !important;
    min-height:0 !important;

    margin:0 auto !important;
    padding:0 0 14px !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links > div{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:6px !important;
    width:max-content !important;
    max-width:100% !important;

    margin:0 auto !important;
    padding:7px 9px !important;

    border:1px solid rgba(242,231,216,.11) !important;
    border-radius:999px !important;

    background:rgba(7,20,38,.28) !important;

    box-shadow:
      0 12px 26px rgba(0,0,0,.14),
      inset 0 1px 0 rgba(255,255,255,.05) !important;

    -webkit-backdrop-filter:blur(12px) saturate(125%) !important;
    backdrop-filter:blur(12px) saturate(125%) !important;

    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:34px !important;
    padding:0 13px !important;

    border:1px solid transparent !important;
    border-radius:999px !important;

    color:rgba(242,231,216,.76) !important;
    background:transparent !important;
    text-decoration:none !important;

    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.035em !important;
    white-space:nowrap !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links a:hover{
    color:#fff !important;
    border-color:rgba(242,231,216,.13) !important;
    background:rgba(255,255,255,.07) !important;
    transform:translateY(-1px) !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links a.is-active{
    color:#fff !important;
    border-color:rgba(242,231,216,.16) !important;
    background:linear-gradient(
      135deg,
      rgba(47,168,217,.20),
      rgba(141,99,232,.18),
      rgba(214,62,156,.16)
    ) !important;
  }
}

/* Lock logo and action buttons against the scrolled EasyOrders theme. */
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.default_header_logo img{
  height:58px !important;
  max-width:220px !important;
  transform:none !important;
}

nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.av-header-icon,
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.av-mobile-menu-trigger{
  width:42px !important;
  height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:1px solid rgba(242,231,216,.16) !important;
  border-radius:50% !important;

  background:rgba(7,20,38,.24) !important;
  color:#F2E7D8 !important;

  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}

nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.av-header-icon svg,
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.av-mobile-menu-trigger svg{
  width:21px !important;
  height:21px !important;
  color:#F2E7D8 !important;
  opacity:1 !important;
}

/* Remove the old black+filter workaround from V6 on V9 locked headers. */
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
a[href="/search"] svg,
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button svg{
  filter:none !important;
  color:#F2E7D8 !important;
}

nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
a[href="/search"] svg path{
  fill:currentColor !important;
  stroke:currentColor !important;
}

nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button svg path{
  stroke:currentColor !important;
}

nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button svg path[fill]:not([fill="none"]){
  fill:currentColor !important;
}

nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button svg path[fill="none"]{
  fill:none !important;
}

@media (max-width:1023px){
  nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page{
    padding:0 12px !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  > div:first-child{
    min-height:68px !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
  .default_header_logo img{
    height:48px !important;
    max-width:170px !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
  .av-header-icon,
  nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
  .av-mobile-menu-trigger{
    width:40px !important;
    height:40px !important;
  }
}

@media (max-width:390px){
  nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page{
    padding-inline:8px !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
  .default_header_logo img{
    height:43px !important;
    max-width:145px !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
  .av-header-icon,
  nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
  .av-mobile-menu-trigger{
    width:37px !important;
    height:37px !important;
  }
}


/* =========================================================
   ADDVIBES HEADER V10 — DESKTOP MENU HIDE + ICON COLOR LOCK
   MUST stay at the very end of the CSS file.
========================================================= */

/* Desktop: EasyOrders mobile-menu trigger must never appear. */
@media (min-width:1024px){
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-mobile-menu-trigger,
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  button.lg\:hidden,
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  > div:first-child > div:first-child > button{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;

    position:absolute !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;

    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }
}

/*
  SEARCH + CART:
  EasyOrders SVGs can come back with hard-coded black paint after rerender.
  Paint them black internally, then recolor the WHOLE SVG to warm-white
  with a filter. This is more reliable than currentColor on these SVGs.
*/
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
a[href="/search"] svg,
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:not(.av-mobile-menu-trigger) svg{
  color:#F2E7D8 !important;
  opacity:1 !important;

  filter:
    brightness(0)
    saturate(100%)
    invert(94%)
    sepia(11%)
    saturate(451%)
    hue-rotate(339deg)
    brightness(103%)
    contrast(90%) !important;
}

/* Search icon base paint */
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
a[href="/search"] svg path,
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
a[href="/search"] svg circle,
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
a[href="/search"] svg line,
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
a[href="/search"] svg polyline{
  fill:#000 !important;
  stroke:#000 !important;
}

/* Cart outlines */
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:not(.av-mobile-menu-trigger) svg path,
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:not(.av-mobile-menu-trigger) svg circle,
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:not(.av-mobile-menu-trigger) svg line,
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:not(.av-mobile-menu-trigger) svg polyline{
  stroke:#000 !important;
}

/* Filled cart pieces / wheels */
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:not(.av-mobile-menu-trigger)
svg path[fill]:not([fill="none"]),
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:not(.av-mobile-menu-trigger)
svg circle[fill]:not([fill="none"]){
  fill:#000 !important;
}

/* Preserve actual transparent areas. */
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:not(.av-mobile-menu-trigger)
svg path[fill="none"],
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:not(.av-mobile-menu-trigger)
svg circle[fill="none"]{
  fill:none !important;
}

/* Keep action circles themselves visible on navy. */
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
a[href="/search"],
nav.default_header_container.av-transparent-header-v4.av-v9-locked.is-inner-page
.ms-auto.flex.items-center.flex-1.justify-end > button:not(.av-mobile-menu-trigger){
  border:1px solid rgba(242,231,216,.16) !important;
  background:rgba(7,20,38,.24) !important;
  color:#F2E7D8 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 20px rgba(0,0,0,.16) !important;
}


/* =========================================================
   ADDVIBES HEADER V11 — MOBILE MENU ICON LIGHT COLOR FIX
   Keep this block LAST.
========================================================= */

@media (max-width:1023px){

  /* Mobile menu button itself */
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-mobile-menu-trigger{
    color:#F2E7D8 !important;
    background:rgba(7,20,38,.24) !important;
    border:1px solid rgba(242,231,216,.16) !important;
    border-radius:50% !important;

    opacity:1 !important;
    visibility:visible !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 8px 20px rgba(0,0,0,.16) !important;
  }

  /* The SVG uses fill="currentColor", so force currentColor light */
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-mobile-menu-trigger svg{
    color:#F2E7D8 !important;
    fill:none !important;
    opacity:1 !important;
    filter:none !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-mobile-menu-trigger svg path{
    fill:#F2E7D8 !important;
    stroke:none !important;
  }
}


/* =========================================================
   ADDVIBES HEADER V13 — GENERIC SPLIT PARENT + DROPDOWN
   Main label = clickable parent collection
   Chevron = native EasyOrders submenu toggle
   Applies to all desktop parent categories with children.
========================================================= */

@media (min-width:1024px){

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-split-holder{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:34px !important;

    border:1px solid transparent !important;
    border-radius:999px !important;

    background:transparent !important;
    overflow:visible !important;

    transition:
      transform .20s ease,
      border-color .20s ease,
      background .20s ease,
      box-shadow .20s ease !important;
  }

  /* Clickable MAIN category */
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-parent-link{
    position:relative !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:34px !important;
    padding:0 8px 0 13px !important;

    border:0 !important;
    border-radius:999px 0 0 999px !important;

    color:rgba(242,231,216,.76) !important;
    background:transparent !important;

    text-decoration:none !important;

    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.035em !important;
    white-space:nowrap !important;

    opacity:1 !important;
    visibility:visible !important;
  }

  /* Keep the normal nav dot on the main category label */
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-parent-link::before{
    content:"" !important;
    display:block !important;

    width:5px !important;
    height:5px !important;
    flex:0 0 5px !important;

    margin-inline-end:8px !important;

    border-radius:50% !important;
    background:rgba(242,231,216,.30) !important;
  }

  /* Native EasyOrders HeadlessUI button becomes chevron-only */
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-native-toggle{
    position:relative !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:26px !important;
    min-width:26px !important;
    height:34px !important;
    min-height:34px !important;

    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    border-left:1px solid rgba(242,231,216,.10) !important;
    border-radius:0 999px 999px 0 !important;

    color:rgba(242,231,216,.76) !important;
    background:transparent !important;

    cursor:pointer !important;

    font-size:0 !important;
    line-height:0 !important;

    opacity:1 !important;
    visibility:visible !important;

    z-index:2 !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-native-toggle::after{
    content:"" !important;

    width:6px !important;
    height:6px !important;

    border-right:1.5px solid currentColor !important;
    border-bottom:1.5px solid currentColor !important;

    transform:translateY(-2px) rotate(45deg) !important;
    transition:transform .20s ease !important;

    pointer-events:none !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-native-toggle[aria-expanded="true"]::after{
    transform:translateY(2px) rotate(225deg) !important;
  }

  .av-nav-toggle-sr{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
  }

  /* Unified hover/open state */
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-split-holder:hover,
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-split-holder:has(.av-nav-native-toggle[aria-expanded="true"]){
    transform:translateY(-1px) !important;

    border-color:rgba(242,231,216,.16) !important;

    background:
      linear-gradient(
        135deg,
        rgba(47,168,217,.16),
        rgba(141,99,232,.14),
        rgba(214,62,156,.12)
      ) !important;

    box-shadow:
      0 8px 18px rgba(0,0,0,.12),
      inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-split-holder:hover .av-nav-parent-link,
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-split-holder:hover .av-nav-native-toggle,
  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-parent-link.is-active{
    color:#fff !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-parent-link.is-active::before{
    background:
      linear-gradient(
        135deg,
        var(--avh-blue),
        var(--avh-magenta),
        var(--avh-amber)
      ) !important;

    box-shadow:0 0 12px rgba(47,168,217,.34) !important;
  }

  /*
    EasyOrders' dropdown is intentionally left structurally untouched.
    Only skin the native full-width panel.
  */
  .av-nav-submenu-panel{
    z-index:10050 !important;
  }

  .av-nav-submenu-panel > div[aria-hidden="true"]{
    background:rgba(7,20,38,.92) !important;
  }

  .av-nav-submenu-panel > .relative,
  .av-nav-submenu-panel .relative.bg-white{
    background:
      linear-gradient(
        180deg,
        rgba(12,26,48,.985),
        rgba(7,20,38,.99)
      ) !important;

    border-top:1px solid rgba(242,231,216,.10) !important;
    border-bottom:1px solid rgba(242,231,216,.08) !important;

    box-shadow:0 18px 44px rgba(0,0,0,.30) !important;

    -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
    backdrop-filter:blur(18px) saturate(125%) !important;
  }

  .av-nav-submenu-panel a{
    color:#F2E7D8 !important;
    text-decoration:none !important;
  }

  .av-nav-submenu-panel p{
    color:rgba(242,231,216,.55) !important;
  }

  .av-nav-submenu-panel .bg-gray-100{
    background:rgba(255,255,255,.055) !important;
  }
}

/* Mobile: don't touch EasyOrders' own mobile hierarchy. */
@media (max-width:1023px){
  .av-nav-parent-link,
  .av-nav-native-toggle{
    all:unset;
  }
}


/* =========================================================
   ADDVIBES HEADER V14 — DROPDOWN CLOSE / INTERACTION FIX
========================================================= */
@media (min-width:1024px){
  .av-nav-submenu-panel{
    pointer-events:auto !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-native-toggle{
    pointer-events:auto !important;
  }

  nav.default_header_container.av-transparent-header-v4.av-v9-locked
  .av-desktop-links .av-nav-parent-link{
    pointer-events:auto !important;
  }
}