/*
 * Home page styles (v1).
 * Source: extracted from inline <style> in its HTML file to keep responsibilities separated.
 * Rule: preserve visual behavior without refactoring runtime logic.
 */

:root {
  --wx-brand-bg: #05060a;
  --wx-brand-border-soft: rgba(214, 178, 113, 0.2);
  --wx-header-gold: #d6b271;
  --wx-header-gold-soft: rgba(214, 178, 113, 0.5);
  --wx-header-silver: #d6dbe3;
  --wx-header-light: #eef1f6;
  --wx-header-muted: rgba(214, 220, 229, 0.62);
}

body#wx-page {
  font-family: "Manrope", "Sora", sans-serif;
  background:
    radial-gradient(
      110% 90% at 0% 0%,
      rgba(214, 178, 113, 0.12) 0%,
      rgba(8, 10, 14, 0) 62%
    ),
    radial-gradient(
      90% 70% at 100% 0%,
      rgba(85, 109, 147, 0.14) 0%,
      rgba(8, 10, 14, 0) 58%
    ),
    var(--wx-brand-bg);
  color: #f8f4ea;
}

#site-header [data-wx-nav1-surface] {
  border-color: var(--wx-header-gold-soft) !important;
  background: #040404 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 var(--wx-header-gold-soft);
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#site-header [data-wx-nav23-surface],
#site-header [data-wx-mobile-panel] {
  border-color: var(--wx-header-gold-soft) !important;
  border-top: 1px solid var(--wx-header-gold-soft);
  background: linear-gradient(
    135deg,
    rgba(24, 28, 36, 0.54) 0%,
    rgba(13, 16, 22, 0.38) 55%,
    rgba(9, 12, 17, 0.5) 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(214, 178, 113, 0.4);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  backdrop-filter: blur(16px) saturate(1.15);
}

#site-header #wx-nav1 #wx-hours-short,
#site-header #wx-nav1 #wx-status-text {
  color: var(--wx-header-silver) !important;
}

#site-header #wx-nav1 [data-wx-icons-nav1] a {
  color: var(--wx-header-gold) !important;
}

#site-header #wx-brand-name {
  color: var(--wx-header-silver) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.14);
}

#site-header #wx-brand-tagline {
  color: var(--wx-header-muted) !important;
}

#site-header #wx-nav2 [data-wx-nav2-links] a,
#site-header #wx-nav3 #wx-mobile-panel a {
  color: var(--wx-header-light) !important;
}

#site-header #wx-nav2 [data-wx-nav2-links] a svg,
#site-header #wx-nav3 #wx-mobile-panel a svg,
#site-header #wx-mobile-toggle svg {
  color: var(--wx-header-light) !important;
}

#site-header #wx-nav2 [data-wx-nav2-links] a:hover,
#site-header #wx-nav3 #wx-mobile-panel a:hover {
  background: rgba(214, 178, 113, 0.08) !important;
}

#wx-main [class*="bg-zinc-950"] {
  background-color: transparent !important;
}

footer {
  border-color: var(--wx-brand-border-soft) !important;
  background: rgba(7, 9, 13, 0.72) !important;
}