/* ZEROOCLOCK_LUXURY_NAV_STATE_SURFACES_SURGICAL_V1_4_76_PUBLIC_CSS
 * Additive three-state surface authority. It does not replace or reset a header model;
 * it only resolves before-scroll, hover and scrolled colors for Apple/TajGold.
 */

/* Apple: its visible surface is the header itself. */
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple{
  --lsf-nav-effective-bg-v176:var(--lsf-apple-top-bg-v158,rgba(245,245,247,.82));
  --lsf-nav-effective-text-v176:var(--lsf-apple-top-text-v158,#1d1d1f);
  --lsf-apple-surface-bg-v169:var(--lsf-nav-effective-bg-v176);
  --lsf-apple-surface-text-v169:var(--lsf-nav-effective-text-v176);
  background:var(--lsf-nav-effective-bg-v176)!important;
  color:var(--lsf-nav-effective-text-v176)!important;
}
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple.is-apple-scrolled-v158{
  --lsf-nav-effective-bg-v176:var(--lsf-apple-scrolled-bg-v158,rgba(245,245,247,.94));
  --lsf-nav-effective-text-v176:var(--lsf-apple-scrolled-text-v158,#1d1d1f);
}
@media (min-width:981px){
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple.is-nav-hover-v176{
    --lsf-nav-effective-bg-v176:var(--lsf-apple-hover-bg-v176,var(--lsf-apple-top-bg-v158,rgba(245,245,247,.82)));
    --lsf-nav-effective-text-v176:var(--lsf-apple-hover-text-v176,var(--lsf-apple-top-text-v158,#1d1d1f));
    /* V1.4.78: write the resolved hover surface directly. Legacy scrolled rules
       have higher specificity than the base authority and otherwise hide a
       page-exception hover alpha even though its CSS variable is correct. */
    background:var(--lsf-nav-effective-bg-v176)!important;
    color:var(--lsf-nav-effective-text-v176)!important;
  }
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple.is-nav-hover-v176 > .lsf-shell.lsf-nav{
    color:var(--lsf-nav-effective-text-v176)!important;
  }
  /* Overlay Apple renders the visible glass on the inner shell while the
     zero-height header must stay transparent. Apply the same page-specific
     hover RGBA to that real surface, both before and after scroll. */
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple[data-lsf-apple-content-mode="under"].is-nav-hover-v176{
    background:transparent!important;
  }
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple[data-lsf-apple-content-mode="under"].is-nav-hover-v176 > .lsf-shell.lsf-nav{
    background:var(--lsf-nav-effective-bg-v176)!important;
    color:var(--lsf-nav-effective-text-v176)!important;
    border-bottom-color:color-mix(in srgb,var(--lsf-nav-effective-text-v176,#1d1d1f) 10%,transparent)!important;
  }
}
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple .lsf-menu.lsf-apple-menu-v158>.lsf-menu-item>a,
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple .lsf-actions.lsf-apple-actions-v158>button,
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple .lsf-actions.lsf-apple-actions-v158>a,
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple .lsf-menu-toggle,
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-apple .lsf-apple-brand-mark-v158{
  color:var(--lsf-nav-effective-text-v176)!important;
  -webkit-text-fill-color:var(--lsf-nav-effective-text-v176)!important;
}

/* TajGold: its visible surface is the full-width child shell. */
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold{
  --lsf-nav-effective-bg-v176:var(--lsf-taj-top-bg-v1456,rgba(255,255,255,.30));
  --lsf-nav-effective-text-v176:var(--lsf-taj-top-text-v176,#1f2f50);
  --lsf-taj-ink-v101:var(--lsf-nav-effective-text-v176)!important;
}
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold.is-taj-scrolled-v100{
  --lsf-nav-effective-bg-v176:var(--lsf-taj-scrolled-bg-v1456,rgba(255,255,255,.99));
  --lsf-nav-effective-text-v176:var(--lsf-taj-scrolled-text-v176,#1f2f50);
}
@media (min-width:981px){
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold.is-nav-hover-v176{
    --lsf-nav-effective-bg-v176:var(--lsf-taj-hover-bg-v176,var(--lsf-taj-scrolled-bg-v1456,rgba(255,255,255,.99)));
    --lsf-nav-effective-text-v176:var(--lsf-taj-hover-text-v176,var(--lsf-taj-scrolled-text-v176,#1f2f50));
  }
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold.is-nav-hover-v176:not(.is-taj-scrolled-v100) .lsf-taj-logo-primary-v100{
    opacity:0!important;transform:scale(.96)!important;
  }
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold.is-nav-hover-v176:not(.is-taj-scrolled-v100) .lsf-taj-logo-scrolled-v100{
    opacity:1!important;transform:scale(1)!important;
  }
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold>.lsf-shell.lsf-nav,
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold:not(.is-taj-scrolled-v100):hover>.lsf-shell.lsf-nav,
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold.is-taj-scrolled-v100>.lsf-shell.lsf-nav{
    background:var(--lsf-nav-effective-bg-v176)!important;
    color:var(--lsf-nav-effective-text-v176)!important;
    border-bottom-color:color-mix(in srgb,var(--lsf-nav-effective-text-v176,#1f2f50) 12%,transparent)!important;
  }
}
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold .lsf-taj-menu-v100>.lsf-menu-item>a,
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold .lsf-taj-actions-left-v100,
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold .lsf-taj-actions-right-v100,
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold .lsf-taj-action-v100,
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold .lsf-taj-search-v100,
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold .lsf-account-link,
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold .lsf-cart-link{
  color:var(--lsf-nav-effective-text-v176)!important;
  -webkit-text-fill-color:var(--lsf-nav-effective-text-v176)!important;
}
html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold .lsf-taj-menu-v100>.lsf-menu-item>a::after{
  background:var(--lsf-nav-effective-text-v176,#1f2f50)!important;
}

/* V1.4.70 consumes these live values for every mega menu/submenu/account popup. */
html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-submenu-follow-nav-colors="1"]{
  --lsf-nav-surface-bg-v170:var(--lsf-nav-effective-bg-v176);
  --lsf-nav-surface-text-v170:var(--lsf-nav-effective-text-v176);
}
@media (min-width:981px){
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-submenu-follow-nav-colors="1"] .lsf-mega,
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-submenu-follow-nav-colors="1"] .lsf-mega-branch-panel,
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-submenu-follow-nav-colors="1"] .lsf-taj-mega-inner-v111,
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-submenu-follow-nav-colors="1"] .lsf-account-submenu{
    background:var(--lsf-nav-effective-bg-v176)!important;
    color:var(--lsf-nav-effective-text-v176)!important;
    -webkit-text-fill-color:var(--lsf-nav-effective-text-v176)!important;
    border-color:color-mix(in srgb,var(--lsf-nav-effective-text-v176,#1d1d1f) 12%,transparent)!important;
  }
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-submenu-follow-nav-colors="1"] .lsf-mega *,
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-submenu-follow-nav-colors="1"] .lsf-mega-branch-panel *,
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-submenu-follow-nav-colors="1"] .lsf-taj-mega-inner-v111 *,
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-submenu-follow-nav-colors="1"] .lsf-account-submenu *{
    color:var(--lsf-nav-effective-text-v176)!important;
    -webkit-text-fill-color:var(--lsf-nav-effective-text-v176)!important;
  }
}

@media (max-width:980px){
  html body .lsf-root[data-template="luxury_storefront"] .lsf-header.lsf-nav-layout-taj_gold>.lsf-shell.lsf-nav{
    color:var(--lsf-nav-effective-text-v176)!important;
  }
}