/* Homepage transparent header, overlaying the dark luxury hero.
   Scoped strictly to .ast-theme-transparent-header so no other page is affected. */
.ast-theme-transparent-header #masthead{
  background:var(--aa-ink,#14120F) !important;
}
.ast-theme-transparent-header #masthead .ast-above-header-bar{
  background:rgba(20,18,15,0.55) !important;
  border-bottom:none !important;
}
.ast-theme-transparent-header #masthead .ast-header-html p{
  color:#FAF7F1;
  font-family:'Work Sans',sans-serif;
  font-size:12px;
  letter-spacing:.06em;
  text-align:center;
  margin:0;
  padding:8px 0;
}
.ast-theme-transparent-header #masthead .ast-primary-header-bar{
  background:transparent !important;
  border-bottom:none !important;
}
.ast-theme-transparent-header #masthead .main-header-menu .menu-link,
.ast-theme-transparent-header #masthead .main-header-bar-navigation a{
  color:#FAF7F1 !important;
  font-family:'Work Sans',sans-serif;
  font-size:13px;
  letter-spacing:.04em;
}
.ast-theme-transparent-header #masthead .main-header-menu .menu-link:hover{
  color:#B08D57 !important;
}
.ast-theme-transparent-header #masthead .ast-site-identity .site-title,
.ast-theme-transparent-header #masthead .site-title a{
  color:#FAF7F1 !important;
  font-family:'Cormorant Garamond',serif;
}
.ast-theme-transparent-header #masthead .ast-icon svg,
.ast-theme-transparent-header #masthead .astra-cart-drawer-icon svg,
.ast-theme-transparent-header #masthead svg{
  fill:#FAF7F1 !important;
}
.ast-theme-transparent-header #masthead .ast-header-woo-cart .count{
  background:#B08D57;
  color:#14120F;
}

/* Mobile: same transparent treatment, plus ensure toggle icon is visible */
.ast-theme-transparent-header.ast-header-break-point #masthead .ast-mobile-menu-trigger-minimal svg,
.ast-theme-transparent-header.ast-header-break-point #masthead .menu-toggle-icon svg{
  fill:#FAF7F1 !important;
}

/* Force correct horizontal nav layout — the transparent-header + position:absolute
   combination appears to break Astra's own responsive width detection, causing the
   menu to render in its narrow mobile-stacked state even on desktop. This forces the
   correct layout directly regardless of that upstream JS behaviour. */
.ast-theme-transparent-header #masthead .main-header-bar-navigation,
.ast-theme-transparent-header #masthead .main-navigation,
.ast-theme-transparent-header #masthead .main-header-menu{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  width:auto !important;
  max-width:none !important;
}
.ast-theme-transparent-header #masthead .main-header-menu .menu-item{
  flex:0 0 auto !important;
  width:auto !important;
}
.ast-theme-transparent-header #masthead .main-header-menu .menu-link{
  white-space:nowrap !important;
  display:inline-block !important;
  width:auto !important;
  padding:10px 14px !important;
}