/* ==========================================================================
   Drawing Analysis — Universal Header Theme & Contrast Overrides (#lvh)
   Provides high-contrast visibility with glowing purple-gold brand radiance,
   crisp white typography for Sign In, Language, and Credits, matching the
   Kriyasya Drawing Analysis mystical violet and gold aesthetic.
   ========================================================================== */

#lvh {
  background: rgba(19, 14, 43, 0.95) !important;
  border-bottom: 1px solid rgba(244, 207, 107, 0.28) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: 0 4px 24px rgba(8, 5, 20, 0.45) !important;
}

/* Kriyasya Brand Logo & Wordmark — Radiant Gold & White */
#lvh .lvh-master-logo {
  filter: brightness(1.35) contrast(1.2) drop-shadow(0 2px 10px rgba(244, 207, 107, 0.65)) !important;
}
#lvh .lvh-master-mark,
#lvh .lvh-master-word {
  background: linear-gradient(135deg, #ffffff 0%, #fff4d1 25%, #f4cf6b 65%, #cfa029 100%) !important;
}
#lvh .lvh-brand {
  color: #ffffff !important;
}
#lvh .lvh-brand .lvh-bt {
  color: #f4cf6b !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5) !important;
}
#lvh .lvh-beta {
  background: rgba(244, 207, 107, 0.22) !important;
  color: #fff2c4 !important;
  border: 1px solid rgba(244, 207, 107, 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: #f4cf6b !important;
  background: rgba(244, 207, 107, 0.16) !important;
}
#lvh .lvh-a .lvh-ic {
  color: #f4cf6b !important;
  stroke: #f4cf6b !important;
  opacity: 1 !important;
}
#lvh .lvh-chev {
  stroke: #f4cf6b !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: #f4cf6b !important;
  stroke: #f4cf6b !important;
}
#lvh .lvh-credits {
  background: linear-gradient(135deg, rgba(244, 207, 107, 0.28), rgba(124, 92, 255, 0.2)) !important;
  border: 1.5px solid #f4cf6b !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), 0 0 12px rgba(244, 207, 107, 0.3) !important;
}
#lvh .lvh-credits .lvh-ic {
  stroke: #f4cf6b !important;
}
#lvh .lvh-credits:hover {
  background: rgba(244, 207, 107, 0.35) !important;
  box-shadow: 0 4px 18px rgba(244, 207, 107, 0.45) !important;
}

/* Language Switcher (EN | हि) — Crisp White Text with Active Gold */
#lvh .lvh-lang {
  border: 1.5px solid rgba(244, 207, 107, 0.5) !important;
  background: rgba(28, 20, 60, 0.85) !important;
  backdrop-filter: blur(8px) !important;
}
#lvh .lvh-lang a {
  color: #ffffff !important;
  font-weight: 700 !important;
  opacity: 0.92 !important;
  transition: all 0.2s ease !important;
}
#lvh .lvh-lang a:hover {
  color: #f4cf6b !important;
  background: rgba(244, 207, 107, 0.2) !important;
  opacity: 1 !important;
}
#lvh .lvh-lang a.on {
  background: linear-gradient(135deg, #f4cf6b 0%, #cfa029 100%) !important;
  color: #150f2e !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  box-shadow: 0 2px 8px rgba(244, 207, 107, 0.38) !important;
}

/* Membership CTA */
#lvh .lvh-mem {
  color: #ffffff !important;
  border: 1px solid rgba(244, 207, 107, 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: #f4cf6b !important;
  stroke: #f4cf6b !important;
}
#lvh .lvh-mem:hover {
  background: rgba(244, 207, 107, 0.16) !important;
  border-color: #f4cf6b !important;
  color: #ffffff !important;
}

/* Sign In CTA — White Font with Luminous Gold Accent */
#lvh .lvh-cta {
  background: linear-gradient(135deg, #3d2478, #231649) !important;
  border: 1.5px solid #f4cf6b !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), 0 0 14px rgba(244, 207, 107, 0.3) !important;
  transition: all 0.2s ease !important;
}
#lvh .lvh-cta .lvh-ic {
  color: #f4cf6b !important;
  stroke: #f4cf6b !important;
}
#lvh .lvh-cta:hover {
  background: linear-gradient(135deg, #f4cf6b 0%, #cfa029 100%) !important;
  color: #150f2e !important;
  border-color: #f4cf6b !important;
  box-shadow: 0 6px 20px rgba(244, 207, 107, 0.55) !important;
}
#lvh .lvh-cta:hover .lvh-ic {
  color: #150f2e !important;
  stroke: #150f2e !important;
}

/* Search Icon */
#lvh #lvs-btn {
  color: #ffffff !important;
  opacity: 0.92 !important;
  border-color: rgba(244, 207, 107, 0.35) !important;
}
#lvh #lvs-btn:hover {
  color: #f4cf6b !important;
  border-color: #f4cf6b !important;
}

/* Mobile Drawer Links */
@media (max-width: 860px) {
  #lvh .lvh-nav {
    background: #150f2e !important;
    border-left: 1px solid rgba(244, 207, 107, 0.25) !important;
  }
  #lvh .lvh-btn-gold {
    background: linear-gradient(135deg, #3d2478, #231649) !important;
    border: 1.5px solid #f4cf6b !important;
    color: #ffffff !important;
  }
  #lvh .lvh-btn-ghost {
    color: #ffffff !important;
    border-color: rgba(244, 207, 107, 0.4) !important;
  }
}

/* Account Profile Chip (Logged-in User) & Royal Dropdown Menu */
#lvh .lvh-chip {
  color: #ffffff !important;
  border: 1px solid rgba(244, 207, 107, 0.45) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  font-weight: 600 !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.2s ease !important;
}
#lvh .lvh-chip span {
  color: #ffffff !important;
  font-weight: 600 !important;
}
#lvh .lvh-chip .lvh-ic {
  color: #f4cf6b !important;
  stroke: #f4cf6b !important;
}
#lvh .lvh-chip:hover {
  background: rgba(244, 207, 107, 0.18) !important;
  border-color: #f4cf6b !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(244, 207, 107, 0.3) !important;
}
#lvh .lvh-acctmenu {
  background: linear-gradient(180deg, #140d2a 0%, #0c071a 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 60px rgba(4, 2, 15, 0.85), 0 0 25px rgba(212, 175, 55, 0.1) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  padding: 8px !important;
}
#lvh .lvh-acctmenu a {
  color: #e8e3f5 !important;
  border-radius: 9px !important;
  transition: all 0.15s ease !important;
}
#lvh .lvh-acctmenu a .lvh-ic {
  color: #f4cf6b !important;
  stroke: #f4cf6b !important;
}
#lvh .lvh-acctmenu a:hover {
  background: rgba(212, 175, 55, 0.14) !important;
  color: #ffffff !important;
}