/* Sarie Art — Advanced Header Customizer V1
   Loaded after storefront hotfixes so saved header settings remain authoritative. */
.announce{
  background:var(--announcement-background-color,#2e3e4e)!important;
  color:var(--announcement-text-color,#fff)!important;
}

.site-header{
  background:rgb(var(--header-background-rgb,255 255 255) / var(--header-background-opacity,.96))!important;
  border-bottom-color:var(--header-border-color,#dce8e6)!important;
  -webkit-backdrop-filter:blur(var(--header-blur,14px))!important;
  backdrop-filter:blur(var(--header-blur,14px))!important;
}
.site-header .nav-wrap--reordered{
  min-height:var(--header-desktop-height,88px)!important;
  gap:var(--header-gap,9px)!important;
  padding-inline:var(--header-horizontal-padding,10px)!important;
}
.site-header .brand--header .brand-text b,
.site-header .brand--header .brand-text small,
.site-header .nav-links--edge a{
  color:var(--header-text-color,#2e3e4e)!important;
}
.site-header .header-action-icon,
.site-header .header-categories__icon,
.site-header .search--header__toggle,
.site-header .nav-toggle{
  color:var(--header-icon-color,#2e3e4e)!important;
}
.site-header .header-categories__toggle,
.site-header .nav-toggle,
.site-header .search--header,
.site-header .cart-link--icon,
.site-header .account-menu__toggle{
  width:var(--header-action-size,44px)!important;
  min-width:var(--header-action-size,44px)!important;
  height:var(--header-action-size,44px)!important;
  min-height:var(--header-action-size,44px)!important;
  border-radius:var(--header-action-radius,14px)!important;
}
.site-header .search--header{
  grid-template-columns:var(--header-action-size,44px) 0fr 0fr!important;
}
.site-header .search--header:focus-within,
.site-header .search--header.is-open{
  width:min(var(--header-search-width,290px),calc(100vw - 150px))!important;
  grid-template-columns:var(--header-action-size,44px) minmax(0,1fr) 39px!important;
}

.header-shadow-none .site-header{box-shadow:none!important}
.header-shadow-soft .site-header{box-shadow:0 8px 24px rgba(24,48,55,.08)!important}
.header-shadow-strong .site-header{box-shadow:0 14px 36px rgba(20,42,52,.18)!important}

.header-navigation-hidden .site-header .nav-links--edge,
.header-navigation-hidden .site-header .nav-toggle,
.header-categories-hidden .site-header .header-categories,
.header-cart-hidden .site-header .cart-link--icon,
.header-account-hidden .site-header .account-menu{display:none!important}

.header-link-hover-none .nav-links--edge a::after,
.header-link-hover-pill .nav-links--edge a::after{display:none!important}
.header-link-hover-pill .nav-links--edge a{
  padding:8px 12px!important;
  border-radius:999px!important;
  transition:background-color .2s ease,color .2s ease!important;
}
.header-link-hover-pill .nav-links--edge a:hover,
.header-link-hover-pill .nav-links--edge a:focus-visible{
  background:color-mix(in srgb,var(--primary,#0cbaa4) 12%,transparent)!important;
  color:var(--primary,#0cbaa4)!important;
}

body.header-behavior-static .site-header{position:relative!important;top:auto!important}
body.header-behavior-sticky .site-header,
body.header-behavior-smart .site-header{position:sticky!important;top:0!important}
body.header-behavior-static .site-header.is-mobile-scroll-hidden,
body.header-behavior-sticky .site-header.is-mobile-scroll-hidden{transform:none!important}

@media (min-width:861px){
  body.header-brand-desktop-hidden .site-header .brand--header .brand-text{display:none!important}
}

@media (max-width:760px){
  .site-header .container.nav-wrap--reordered{
    min-height:var(--header-mobile-height,58px)!important;
    padding-inline:var(--header-horizontal-padding,10px)!important;
    gap:var(--header-gap,9px)!important;
  }
  .site-header .brand--header .site-logo{
    max-width:calc(var(--header-mobile-logo-height,38px) * 2.5)!important;
    max-height:var(--header-mobile-logo-height,38px)!important;
  }
  .site-header .brand--header .brand-mark{
    width:var(--header-mobile-logo-height,38px)!important;
    min-width:var(--header-mobile-logo-height,38px)!important;
    height:var(--header-mobile-logo-height,38px)!important;
  }
  body.header-brand-mobile-hidden .site-header .brand--header .brand-text{display:none!important}

  body.header-behavior-smart{
    padding-top:var(--sarie-mobile-header-height,var(--header-mobile-height,58px))!important;
  }
  body.header-behavior-smart .site-header{
    position:fixed!important;
    inset:0 0 auto 0!important;
  }
  body.header-behavior-sticky,
  body.header-behavior-static{
    padding-top:0!important;
  }
  body.header-behavior-sticky .site-header{
    position:sticky!important;
    inset:auto!important;
    top:0!important;
    transform:none!important;
  }
  body.header-behavior-static .site-header{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .header-link-hover-pill .nav-links--edge a{transition:none!important}
}