/* ==========================================================================
   Signature Analysis — Universal Header Theme & Contrast Overrides (#lvh)
   Gives the universal top bar crystal-clear visibility, radiant golden logo,
   and crisp white/gold fonts aligned with the Signature Analysis atelier theme.
   ========================================================================== */

#lvh {
  background: rgba(10, 18, 36, 0.94) !important;
  border-bottom: 1px solid rgba(216, 184, 113, 0.28) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: 0 4px 24px rgba(4, 10, 24, 0.4) !important;
}

/* Kriyasya Brand Logo & Wordmark — High-Visibility Radiant Gold & White */
#lvh .lvh-master-logo {
  filter: brightness(1.32) contrast(1.2) drop-shadow(0 2px 10px rgba(216, 184, 113, 0.6)) !important;
}
#lvh .lvh-master-mark,
#lvh .lvh-master-word {
  background: linear-gradient(135deg, #ffffff 0%, #fff2cc 22%, #f5d47a 58%, #d8b871 100%) !important;
}
#lvh .lvh-brand {
  color: #ffffff !important;
}
#lvh .lvh-brand .lvh-bt {
  color: #f5d47a !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5) !important;
}
#lvh .lvh-beta {
  background: rgba(216, 184, 113, 0.22) !important;
  color: #ffeaa7 !important;
  border: 1px solid rgba(216, 184, 113, 0.55) !important;
  font-weight: 800 !important;
}

/* Nav links: Home, Explore, Credits */
#lvh .lvh-a {
  color: #ffffff !important;
  font-weight: 600 !important;
  opacity: 0.96 !important;
  transition: all 0.2s ease !important;
}
#lvh .lvh-a:hover,
#lvh .lvh-dd.open > .lvh-a {
  color: #f5d47a !important;
  background: rgba(216, 184, 113, 0.16) !important;
}
#lvh .lvh-a .lvh-ic {
  color: #f5d47a !important;
  stroke: #f5d47a !important;
  opacity: 1 !important;
}
#lvh .lvh-chev {
  stroke: #f5d47a !important;
}

/* Credits in nav and balance button */
#lvh a[href*="credits"] {
  color: #ffffff !important;
  font-weight: 700 !important;
}
#lvh a[href*="credits"] .lvh-ic {
  color: #f5d47a !important;
  stroke: #f5d47a !important;
}
#lvh .lvh-credits {
  background: linear-gradient(135deg, rgba(216, 184, 113, 0.28), rgba(216, 184, 113, 0.12)) !important;
  border: 1.5px solid #d8b871 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), 0 0 12px rgba(216, 184, 113, 0.25) !important;
}
#lvh .lvh-credits .lvh-ic {
  stroke: #f5d47a !important;
}
#lvh .lvh-credits:hover {
  background: rgba(216, 184, 113, 0.35) !important;
  box-shadow: 0 4px 18px rgba(216, 184, 113, 0.4) !important;
}

/* Language Switcher (EN | हि) — Crisp White Text with Active Gold */
#lvh .lvh-lang {
  border: 1.5px solid rgba(216, 184, 113, 0.5) !important;
  background: rgba(14, 23, 42, 0.8) !important;
  backdrop-filter: blur(8px) !important;
}
#lvh .lvh-lang a {
  color: #ffffff !important;
  font-weight: 700 !important;
  opacity: 0.88 !important;
  transition: all 0.2s ease !important;
}
#lvh .lvh-lang a:hover {
  color: #f5d47a !important;
  background: rgba(216, 184, 113, 0.18) !important;
  opacity: 1 !important;
}
#lvh .lvh-lang a.on {
  background: linear-gradient(135deg, #d8b871 0%, #b8933b 100%) !important;
  color: #0d1527 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  box-shadow: 0 2px 8px rgba(216, 184, 113, 0.35) !important;
}

/* Membership CTA */
#lvh .lvh-mem {
  color: #ffffff !important;
  border: 1px solid rgba(216, 184, 113, 0.45) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  font-weight: 600 !important;
  backdrop-filter: blur(6px) !important;
  transition: all 0.2s ease !important;
}
#lvh .lvh-mem .lvh-ic {
  color: #f5d47a !important;
  stroke: #f5d47a !important;
}
#lvh .lvh-mem:hover {
  background: rgba(216, 184, 113, 0.16) !important;
  border-color: #d8b871 !important;
  color: #ffffff !important;
}

/* Sign In CTA — White Font with Luminous Gold Accent */
#lvh .lvh-cta {
  background: linear-gradient(135deg, #24355a, #15233e) !important;
  border: 1.5px solid #d8b871 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), 0 0 14px rgba(216, 184, 113, 0.3) !important;
  transition: all 0.2s ease !important;
}
#lvh .lvh-cta .lvh-ic {
  color: #f5d47a !important;
  stroke: #f5d47a !important;
}
#lvh .lvh-cta:hover {
  background: linear-gradient(135deg, #d8b871 0%, #b8933b 100%) !important;
  color: #0d1527 !important;
  border-color: #f5d47a !important;
  box-shadow: 0 6px 20px rgba(216, 184, 113, 0.5) !important;
}
#lvh .lvh-cta:hover .lvh-ic {
  color: #0d1527 !important;
  stroke: #0d1527 !important;
}

/* Search Icon */
#lvh #lvs-btn {
  color: #ffffff !important;
  opacity: 0.92 !important;
  border-color: rgba(216, 184, 113, 0.35) !important;
}
#lvh #lvs-btn:hover {
  color: #f5d47a !important;
  border-color: #d8b871 !important;
}

/* Mobile Drawer Links */
@media (max-width: 860px) {
  #lvh .lvh-nav {
    background: #0d1527 !important;
    border-left: 1px solid rgba(216, 184, 113, 0.25) !important;
  }
  #lvh .lvh-btn-gold {
    background: linear-gradient(135deg, #24355a, #15233e) !important;
    border: 1.5px solid #d8b871 !important;
    color: #ffffff !important;
  }
  #lvh .lvh-btn-ghost {
    color: #ffffff !important;
    border-color: rgba(216, 184, 113, 0.4) !important;
  }
}