/* Site-wide styles, loaded on every page from Squarespace Settings → Developer Tools → Code Injection → Header.
   Main Squarespace header restyled to match the Hunt menu (pages/hunt-menu.html): same font, size, tracking,
   shadow, hover colour, dropdown panel and CTA button. Links, logo and layout stay Squarespace's. */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@700&display=swap');

/* Top-level links and folder titles */
#header .header-display-desktop .header-nav-item > a,
#header .header-display-desktop .header-nav-folder-title {
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(11px, 1vw, 15px) !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  text-decoration: none !important;
  background-image: none !important; /* no Squarespace underline */
  text-shadow: 0 1px 6px rgba(0, 0, 0, .55);
  transition: color .15s ease;
}
#header .header-display-desktop .header-nav-item > a:hover,
#header .header-display-desktop .header-nav-folder-title:hover,
#header .header-display-desktop .header-nav-item--folder:hover .header-nav-folder-title,
#header .header-display-desktop .header-nav-item--active > a { color: #a2f590 !important; }
#header .header-display-desktop .header-nav-item > a::after,
#header .header-display-desktop .header-nav-folder-title::after { display: none !important; }

/* Dropdown panels */
#header .header-display-desktop .header-nav-folder-content {
  background: rgba(9, 23, 7, .95) !important;
  border: 1px solid rgba(243, 234, 217, .25) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: 170px;
}
#header .header-display-desktop .header-nav-folder-item a {
  display: block !important;
  padding: 13px 18px !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(11px, 1vw, 15px) !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  text-decoration: none !important;
  background-image: none !important;
  white-space: nowrap;
  text-align: left !important;
  line-height: 1.2 !important;
  transition: color .15s ease, background .15s ease;
}
#header .header-display-desktop .header-nav-folder-item { text-align: left !important; padding: 0 !important; }
#header .header-display-desktop .header-nav-folder-item a:hover { color: #a2f590 !important; background: rgba(255, 255, 255, .06) !important; }
#header .header-display-desktop .header-nav-folder-item-content { background-image: none !important; }

/* "Pre-Order Cello's Gate" styled as the Hunt menu's CTA button (it's the last folder in the nav). */
#header .header-display-desktop .header-nav-item--folder:last-child > .header-nav-folder-title {
  border: 2px solid #f3ead9;
  padding: 8px clamp(10px, 1.4vw, 20px) !important;
  line-height: 1.2 !important;
  height: auto !important;
  background: rgba(12, 26, 8, .35) !important;
  transition: transform .15s ease, background .15s ease;
}
#header .header-display-desktop .header-nav-item--folder:last-child > .header-nav-folder-title:hover,
#header .header-display-desktop .header-nav-item--folder:last-child:hover > .header-nav-folder-title {
  background: #c1330a !important; color: #fff !important; transform: scale(1.04);
}

/* Mobile menu (the full-screen overlay) — Hunt overlay type */
#header .header-menu .header-menu-nav-item a,
#header .header-menu .header-menu-nav-folder-content a,
#header .header-menu .header-menu-controls-control {
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #fff !important;
}
#header .header-menu .header-menu-bg { background: rgba(9, 23, 7, .97) !important; }