/**
 * Classic rail header — solid luxury bar
 * Requires: <header class="site-header header-glass">
 */

.site-header.header-glass {
  --header-bg: #0f0f10;
  --hairline: rgba(204, 169, 103, 0.22);
  --hairline-soft: rgba(204, 169, 103, 0.14);
}

.page-home .site-header.header-glass,
.site-header.header-glass {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--hairline) !important;
  box-shadow: none !important;
  background: var(--header-bg) !important;
  transition: background 0.35s ease, border-color 0.35s ease,
    box-shadow 0.35s ease;
}

/* Slightly stronger once scrolled */
.page-home .site-header.header-glass.scrolled,
.site-header.header-glass.scrolled {
  background: #0b0b0c !important;
  border-bottom-color: var(--hairline-soft) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25) !important;
}

.page-home .site-header.header-glass .header-box,
.site-header.header-glass .header-box {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: 0 !important;
}

.page-home .site-header.header-glass .main-navigation ul li a,
.site-header.header-glass .main-navigation ul li a {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.page-home .site-header.header-glass .main-navigation ul li a:hover,
.site-header.header-glass .main-navigation ul li a:hover {
  color: #b894d6 !important;
}

/* Hamburger: middle bar = span; top/bottom = button::before/::after (theme used dark #011C1A — invisible on black header) */
.page-home .site-header.header-glass .toggle-button span,
.site-header.header-glass .toggle-button span {
  background: #fff !important;
  background-color: #fff !important;
}

.page-home .site-header.header-glass .toggle-button::before,
.page-home .site-header.header-glass .toggle-button::after,
.site-header.header-glass .toggle-button::before,
.site-header.header-glass .toggle-button::after {
  background: #fff !important;
  background-color: #fff !important;
}

/* Close (X) state — gold so it stays visible and on-brand */
.page-home .site-header.header-glass .main-navigation.toggle-menu .toggle-button::before,
.page-home .site-header.header-glass .main-navigation.toggle-menu .toggle-button::after,
.site-header.header-glass .main-navigation.toggle-menu .toggle-button::before,
.site-header.header-glass .main-navigation.toggle-menu .toggle-button::after {
  background: #cca967 !important;
  background-color: #cca967 !important;
}

/* Mobile drawer: dark luxury panel */
.page-home .site-header.header-glass .mobile-menu-box,
.site-header.header-glass .mobile-menu-box {
  background: var(--header-bg) !important;
  box-shadow: -18px 0 64px rgba(0, 0, 0, 0.35) !important;
  border-left: 1px solid var(--hairline-soft) !important;
}

.page-home .site-header.header-glass .mobile-menu-box .main-navigation ul li a,
.site-header.header-glass .mobile-menu-box .main-navigation ul li a {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.page-home .site-header.header-glass .mobile-menu-box .main-navigation ul li a:hover,
.site-header.header-glass .mobile-menu-box .main-navigation ul li a:hover {
  color: #cca967 !important;
}

/* Lighter scrim when menu is open (was heavy black) */
.site-header.header-glass .black-shadow {
  background-color: rgba(17, 17, 17, 0.35) !important;
  opacity: 1 !important;
}