/* ==========================================================================
   Dr. Monika Gupta - Official Portal Stylesheet (Light Luxury Theme)
   Theme: Luminous Pearl, Ivory, Royal Champagne Gold & Warm Amber
   Palette: Pearl White (#FDFBF7), Warm Sand (#F4EFEA), Gold (#B69A5B), Amber (#C99738)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Noto+Serif+Devanagari:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --color-pearl-50: #fdfbf7;
  --color-pearl-100: #faf8f5;
  --color-pearl-200: #f5f0e8;
  --color-pearl-300: #ede5d8;
  --color-pearl-400: #e2d7c5;
  
  --color-gold-500: #b69a5b;
  --color-gold-400: #c9b075;
  --color-gold-300: #dccba8;
  --color-gold-200: #ede4d0;
  --color-gold-100: #f6f2e9;
  --color-gold-600: #9e7f40;
  
  --color-amber-accent: #c88a35;
  --color-charcoal: #23201e;
  --color-charcoal-light: #44403c;
  --color-sand: #f2ede4;
}

html {
  scroll-behavior: smooth;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  background-color: var(--color-pearl-100);
  color: var(--color-charcoal);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Custom Serif Heading Typography */
.font-serif,
h1, h2, h3, .heading-serif {
  font-family: 'Noto Serif Devanagari', 'Cinzel', Georgia, serif;
}

.font-cinzel {
  font-family: 'Cinzel', Georgia, serif;
}

/* Selection */
::selection {
  background-color: var(--color-gold-300);
  color: var(--color-charcoal);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: var(--color-pearl-100);
}
::-webkit-scrollbar-thumb {
  background: var(--color-gold-400);
  border-radius: 4px;
  border: 2px solid var(--color-pearl-100);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-gold-600);
}

/* Background Patterns & Textures */
.bg-light-pattern {
  background-color: var(--color-pearl-50);
  background-image: radial-gradient(rgba(182, 154, 91, 0.15) 1.2px, transparent 1.2px);
  background-size: 32px 32px;
}

.bg-subtle-glow {
  background: radial-gradient(circle at 50% 20%, rgba(201, 176, 117, 0.18) 0%, rgba(250, 248, 245, 0) 70%);
}

/* Royal Gold Gradient Borders */
.gold-border-gradient {
  border-image: linear-gradient(135deg, var(--color-gold-300), var(--color-gold-500), var(--color-gold-400)) 1;
}

.gold-glow {
  box-shadow: 0 10px 30px -10px rgba(182, 154, 91, 0.25);
}

.gold-glow-lg {
  box-shadow: 0 20px 45px -12px rgba(182, 154, 91, 0.35);
}

.soft-shadow {
  box-shadow: 0 10px 35px -8px rgba(35, 32, 30, 0.08);
}

.soft-shadow-lg {
  box-shadow: 0 20px 45px -10px rgba(35, 32, 30, 0.12);
}

/* Card Hover Lift */
.card-hover-lift {
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s ease, border-color 0.35s ease;
}
.card-hover-lift:hover {
  transform: translateY(-5px);
  border-color: var(--color-gold-400) !important;
}

/* Royal Arch Mask */
.royal-arch-frame {
  border-top-left-radius: 200px;
  border-top-right-radius: 200px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  overflow: hidden;
}

/* Badge Shimmer Animation */
@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(200%); }
}

.animate-shimmer {
  position: relative;
  overflow: hidden;
}
.animate-shimmer::after {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 50%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  animation: shimmer 3s infinite;
}

/* Language Visibility Controls */
html[data-lang="hi"] .lang-en {
  display: none !important;
}
html[data-lang="en"] .lang-hi {
  display: none !important;
}

/* Light Glassmorphism */
.glass-header-light {
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(182, 154, 91, 0.25);
}

.glass-card-light {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(182, 154, 91, 0.3);
}

/* Interactive Lightbox Modal */
#galleryLightbox {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Focus styles */
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-gold-500) !important;
  box-shadow: 0 0 0 3px rgba(182, 154, 91, 0.2) !important;
}