/* ═══════════════════════════════════════════════════════════════
   AWADHMED BHARAT HEALTH OS — DUAL THEME SYSTEM
   Dark mode: MediLux Dark luxury healthcare UI from uploaded HTML.
   Bright mode: CityGeneral/MedCare hospital presentation style from PDF.
   Loaded last as a non-destructive final override.
═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600&family=DM+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --aw-font-ui:'DM Sans','Inter','Poppins','Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --aw-font-display:'Cormorant Garamond','Playfair Display','Georgia',serif;
  --aw-font-brand:'Cinzel','Cormorant Garamond','Inter',serif;
  --aw-ease:cubic-bezier(.22,1,.36,1);
  --aw-radius-xl:34px;
  --aw-radius-lg:24px;
  --aw-radius-md:16px;
}

/* ───────────────── DARK MODE — uploaded MediLux Dark reference ───────────────── */
html[data-theme="dark"],
html[data-theme="dark"] body,
body.theme-dark {
  --void:#05070f !important;
  --deep:#0b0f23 !important;
  --surface:#111628 !important;
  --glass:rgba(255,255,255,.045) !important;
  --glass-border:rgba(255,255,255,.09) !important;
  --dim:#3a3f5c !important;
  --gold-light:#f5e6a3 !important;
  --gold:#c9a84c !important;
  --gold-dark:#8b6914 !important;
  --rose:#c0536a !important;
  --ice:#8ab4d4 !important;
  --text:#f3efe7 !important;
  --text-primary:#fff8e7 !important;
  --text-secondary:#d9d3c8 !important;
  --muted:#a6a0b4 !important;
  --text-muted:#858aa3 !important;

  --mx-bg-0:#05070f !important;
  --mx-bg-1:#0b0f23 !important;
  --mx-bg-2:#111628 !important;
  --mx-panel:rgba(17,22,40,.76) !important;
  --mx-panel-strong:rgba(17,22,40,.93) !important;
  --mx-panel-soft:rgba(255,255,255,.045) !important;
  --mx-line:rgba(245,230,163,.18) !important;
  --mx-line-strong:rgba(245,230,163,.36) !important;
  --mx-cyan:#f5e6a3 !important;
  --mx-cyan-2:#c9a84c !important;
  --mx-teal:#8ab4d4 !important;
  --mx-emerald:#48c78e !important;
  --mx-lime:#b7efd0 !important;
  --mx-white:#fffaf0 !important;
  --mx-text:#f3efe7 !important;
  --mx-text-soft:#d9d3c8 !important;
  --mx-muted:#a6a0b4 !important;
  --mx-muted-2:#858aa3 !important;
  --mx-gold:#c9a84c !important;
  --mx-rose:#c0536a !important;
  --mx-blue:#8ab4d4 !important;
  --mx-shadow:0 26px 90px rgba(0,0,0,.48) !important;
  --mx-glow:0 0 34px rgba(201,168,76,.18), 0 0 72px rgba(138,180,212,.10) !important;

  --bg-base:#05070f !important;
  --bg-layer:#0b0f23 !important;
  --surface:rgba(17,22,40,.94) !important;
  --bg-card:rgba(17,22,40,.72) !important;
  --bg-glass:rgba(255,255,255,.045) !important;
  --input-bg:rgba(5,7,15,.66) !important;
  --header-bg:rgba(5,7,15,.86) !important;
  --primary:#c9a84c !important;
  --border-glass:rgba(245,230,163,.16) !important;
  --shadow-card:0 22px 70px rgba(0,0,0,.38) !important;
  --shadow-gold:0 0 34px rgba(201,168,76,.22), 0 20px 70px rgba(0,0,0,.42) !important;
  color-scheme:dark;
}

html[data-theme="dark"] body,
body.theme-dark {
  font-family:var(--aw-font-ui) !important;
  color:var(--text) !important;
  background:
    radial-gradient(ellipse 80% 50% at 10% 20%, rgba(201,168,76,.085) 0%, transparent 62%),
    radial-gradient(ellipse 60% 40% at 90% 80%, rgba(138,180,212,.075) 0%, transparent 62%),
    radial-gradient(ellipse 50% 60% at 50% 50%, rgba(192,83,106,.04) 0%, transparent 72%),
    linear-gradient(180deg,#05070f 0%,#0b0f23 52%,#05070f 100%) !important;
}
html[data-theme="dark"] body::before {
  background:
    radial-gradient(circle at 12% 18%, rgba(201,168,76,.09), transparent 32%),
    radial-gradient(circle at 88% 62%, rgba(138,180,212,.08), transparent 35%),
    linear-gradient(rgba(245,230,163,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,230,163,.022) 1px, transparent 1px) !important;
  background-size:auto,auto,72px 72px,72px 72px !important;
  opacity:.95 !important;
}
html[data-theme="dark"] body::after { opacity:.28 !important; mix-blend-mode:screen; }

/* ───────────────── BRIGHT MODE — uploaded CityGeneral/MedCare PDF reference ───────────────── */
html[data-theme="bright"],
html[data-theme="bright"] body,
body.theme-bright {
  --am-cream:#f7f2ed;
  --am-cream-2:#fffaf5;
  --am-paper:#fffdf9;
  --am-paper-soft:#f3ebe3;
  --am-ink:#232323;
  --am-ink-2:#3f3f3f;
  --am-muted:#6e6b67;
  --am-line:#202020;
  --am-red:#c74643;
  --am-red-dark:#a93634;
  --am-teal:#139f92;
  --am-teal-soft:#e6f7f4;
  --am-blue:#2f7fa5;
  --am-shadow:0 24px 60px rgba(32,32,32,.12);
  --am-soft-shadow:0 12px 35px rgba(32,32,32,.085);

  --void:#f7f2ed !important;
  --deep:#fffaf5 !important;
  --surface:#fffdf9 !important;
  --glass:rgba(255,255,255,.82) !important;
  --glass-border:rgba(32,32,32,.14) !important;
  --dim:#ded6ce !important;
  --gold-light:#45c6b9 !important;
  --gold:#139f92 !important;
  --gold-dark:#0f766d !important;
  --rose:#c74643 !important;
  --ice:#2f7fa5 !important;
  --text:#232323 !important;
  --text-primary:#232323 !important;
  --text-secondary:#55524e !important;
  --muted:#6e6b67 !important;
  --text-muted:#8b8781 !important;

  --mx-bg-0:#f7f2ed !important;
  --mx-bg-1:#fffaf5 !important;
  --mx-bg-2:#fffdf9 !important;
  --mx-panel:rgba(255,253,249,.90) !important;
  --mx-panel-strong:#fffdf9 !important;
  --mx-panel-soft:rgba(255,255,255,.80) !important;
  --mx-line:rgba(32,32,32,.18) !important;
  --mx-line-strong:rgba(32,32,32,.42) !important;
  --mx-cyan:#139f92 !important;
  --mx-cyan-2:#0f766d !important;
  --mx-teal:#139f92 !important;
  --mx-emerald:#16a34a !important;
  --mx-lime:#dcfce7 !important;
  --mx-white:#232323 !important;
  --mx-text:#232323 !important;
  --mx-text-soft:#55524e !important;
  --mx-muted:#6e6b67 !important;
  --mx-muted-2:#8b8781 !important;
  --mx-gold:#139f92 !important;
  --mx-rose:#c74643 !important;
  --mx-blue:#2f7fa5 !important;
  --mx-shadow:0 24px 60px rgba(32,32,32,.12) !important;
  --mx-glow:0 20px 50px rgba(19,159,146,.13) !important;

  --bg-base:#f7f2ed !important;
  --bg-layer:#fffaf5 !important;
  --surface:#fffdf9 !important;
  --bg-card:#fffdf9 !important;
  --bg-glass:rgba(255,253,249,.92) !important;
  --input-bg:#fffdf9 !important;
  --header-bg:rgba(247,242,237,.92) !important;
  --primary:#139f92 !important;
  --border-glass:rgba(32,32,32,.16) !important;
  --shadow-card:0 14px 35px rgba(32,32,32,.085) !important;
  --shadow-gold:0 18px 42px rgba(19,159,146,.14) !important;
  color-scheme:light;
}

html[data-theme="bright"] body,
body.theme-bright {
  font-family:var(--aw-font-ui) !important;
  color:var(--am-ink) !important;
  background:
    radial-gradient(circle at 7% 10%, rgba(19,159,146,.10), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(199,70,67,.075), transparent 26%),
    radial-gradient(circle at 72% 82%, rgba(47,127,165,.07), transparent 30%),
    linear-gradient(180deg,#fffaf5 0%,#f7f2ed 48%,#f3ebe3 100%) !important;
}
html[data-theme="bright"] body::before {
  background:
    linear-gradient(rgba(35,35,35,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35,35,35,.018) 1px, transparent 1px),
    radial-gradient(circle at 8% 8%, rgba(19,159,146,.10), transparent 28%),
    radial-gradient(circle at 95% 18%, rgba(199,70,67,.08), transparent 26%) !important;
  background-size:68px 68px,68px 68px,auto,auto !important;
  opacity:1 !important;
  mask-image:none !important;
}
html[data-theme="bright"] body::after { opacity:.05 !important; mix-blend-mode:multiply; }

/* ───────────────── SHARED READABILITY ───────────────── */
html[data-theme] *, html[data-theme] *::before, html[data-theme] *::after { box-sizing:border-box; }
html[data-theme] body { letter-spacing:-.012em; text-rendering:geometricPrecision; }
html[data-theme] p,
html[data-theme] li,
html[data-theme] td,
html[data-theme] .hero-desc,
html[data-theme] .featured-subtitle,
html[data-theme] .services-subtitle,
html[data-theme] .svc-desc,
html[data-theme] .med-subtitle,
html[data-theme] .hospital-desc,
html[data-theme] .clinic-info-row,
html[data-theme] .hint,
html[data-theme] .mini,
html[data-theme] .table td,
html[data-theme] .admin-table td {
  line-height:1.68 !important;
  color:var(--text-secondary) !important;
}
html[data-theme] strong, html[data-theme] b { color:var(--text-primary) !important; }
html[data-theme] ::selection { background:rgba(19,159,146,.24); color:var(--text-primary); }
html[data-theme="dark"] ::selection { background:rgba(201,168,76,.28); color:#fffaf0; }

/* ───────────────── HEADER / NAV ───────────────── */
html[data-theme] header,
html[data-theme] .topbar,
html[data-theme] .navbar,
html[data-theme] .site-header,
html[data-theme] .app-header {
  background:var(--header-bg) !important;
  backdrop-filter:blur(22px) saturate(150%) !important;
  border-bottom:1px solid var(--border-glass) !important;
  box-shadow:0 14px 44px rgba(0,0,0,.18) !important;
}
html[data-theme="bright"] header,
html[data-theme="bright"] .topbar,
html[data-theme="bright"] .navbar,
html[data-theme="bright"] .site-header,
html[data-theme="bright"] .app-header {
  border-bottom:2px solid rgba(32,32,32,.13) !important;
  box-shadow:none !important;
}
html[data-theme] .brand-text,
html[data-theme] .logo-text,
html[data-theme] .site-title,
html[data-theme] .top-title b {
  font-family:var(--aw-font-brand) !important;
  color:var(--text-primary) !important;
  letter-spacing:.025em !important;
  font-weight:700 !important;
}
html[data-theme="bright"] .brand-text,
html[data-theme="bright"] .logo-text,
html[data-theme="bright"] .site-title,
html[data-theme="bright"] .top-title b {
  font-family:var(--aw-font-ui) !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}
html[data-theme] .brand-sub,
html[data-theme] .tagline,
html[data-theme] .brand span,
html[data-theme] .top-title span {
  color:var(--gold) !important;
  letter-spacing:.14em !important;
  text-transform:uppercase;
  font-weight:800;
}
html[data-theme] .brand-logo-img,
html[data-theme] .footer-logo-img,
html[data-theme] .logo img { filter:drop-shadow(0 12px 24px rgba(0,0,0,.18)); }
html[data-theme="dark"] .brand-logo-img,
html[data-theme="dark"] .footer-logo-img,
html[data-theme="dark"] .logo img { filter:drop-shadow(0 0 18px rgba(201,168,76,.28)); }

html[data-theme] .nav-tab,
html[data-theme] .header-nav-btn,
html[data-theme] .header-right-btn,
html[data-theme] .user-avatar-btn,
html[data-theme] .aw-theme-toggle,
html[data-theme] .aw-floating-theme-toggle,
html[data-theme] .btn,
html[data-theme] .secondary,
html[data-theme] .outline-btn {
  border:1.5px solid var(--border-glass) !important;
  background:var(--bg-glass) !important;
  color:var(--text-primary) !important;
  border-radius:999px !important;
  font-weight:850 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  transition:transform .25s var(--aw-ease), border-color .25s var(--aw-ease), background .25s var(--aw-ease), box-shadow .25s var(--aw-ease) !important;
}
html[data-theme="bright"] .nav-tab,
html[data-theme="bright"] .header-nav-btn,
html[data-theme="bright"] .header-right-btn,
html[data-theme="bright"] .user-avatar-btn,
html[data-theme="bright"] .aw-theme-toggle,
html[data-theme="bright"] .aw-floating-theme-toggle,
html[data-theme="bright"] .btn,
html[data-theme="bright"] .secondary,
html[data-theme="bright"] .outline-btn {
  border:2px solid rgba(32,32,32,.86) !important;
  background:#fffaf5 !important;
}
html[data-theme] .nav-tab:hover,
html[data-theme] .nav-tab.active,
html[data-theme] .header-nav-btn:hover,
html[data-theme] .header-right-btn:hover,
html[data-theme] .user-avatar-btn:hover,
html[data-theme] .aw-theme-toggle:hover,
html[data-theme] .aw-floating-theme-toggle:hover,
html[data-theme] .btn:hover,
html[data-theme] .secondary:hover {
  transform:translateY(-2px) !important;
  border-color:var(--gold) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.14), var(--shadow-gold) !important;
}
html[data-theme="bright"] .nav-tab:hover,
html[data-theme="bright"] .nav-tab.active,
html[data-theme="bright"] .aw-theme-toggle:hover,
html[data-theme="bright"] .aw-floating-theme-toggle:hover {
  background:var(--am-teal-soft) !important;
  color:#0f766d !important;
}

.aw-theme-toggle,
.aw-floating-theme-toggle {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  min-height:42px;
  padding:.68rem .95rem !important;
  cursor:pointer;
  font-size:.82rem;
  white-space:nowrap;
  z-index:999;
}
.aw-floating-theme-toggle {
  position:fixed;
  right:16px;
  bottom:18px;
  box-shadow:0 18px 44px rgba(0,0,0,.22) !important;
}
.aw-theme-toggle i,
.aw-floating-theme-toggle i { color:var(--gold) !important; }
html[data-theme="bright"] .aw-theme-toggle i,
html[data-theme="bright"] .aw-floating-theme-toggle i { color:var(--am-red) !important; }

/* ───────────────── HERO ───────────────── */
html[data-theme] .hero,
html[data-theme] .hero-section,
html[data-theme] .home-hero,
html[data-theme] .landing-hero,
html[data-theme] .hero-wrap {
  position:relative;
  isolation:isolate;
  border-radius:0 0 44px 44px !important;
  overflow:hidden;
}
html[data-theme="dark"] .hero,
html[data-theme="dark"] .hero-section,
html[data-theme="dark"] .home-hero,
html[data-theme="dark"] .landing-hero,
html[data-theme="dark"] .hero-wrap {
  background:
    radial-gradient(circle at 18% 18%, rgba(201,168,76,.14), transparent 32%),
    radial-gradient(circle at 76% 24%, rgba(138,180,212,.12), transparent 35%),
    linear-gradient(135deg, rgba(5,7,15,.96), rgba(17,22,40,.82)) !important;
  border-bottom:1px solid rgba(245,230,163,.16) !important;
}
html[data-theme="bright"] .hero,
html[data-theme="bright"] .hero-section,
html[data-theme="bright"] .home-hero,
html[data-theme="bright"] .landing-hero,
html[data-theme="bright"] .hero-wrap {
  background:
    radial-gradient(circle at 15% 8%, rgba(19,159,146,.10), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(199,70,67,.08), transparent 30%),
    linear-gradient(135deg, rgba(255,253,249,.72), rgba(247,242,237,.96)) !important;
  border-bottom:2px solid rgba(32,32,32,.12) !important;
}
html[data-theme] .hero::before,
html[data-theme] .hero-section::before,
html[data-theme] .home-hero::before {
  border-color:var(--border-glass) !important;
}
html[data-theme] .hero-title,
html[data-theme] .hero h1,
html[data-theme] h1,
html[data-theme] .headline h1,
html[data-theme] .section-title,
html[data-theme] .services-title,
html[data-theme] .vision-title,
html[data-theme] .featured-title,
html[data-theme] .med-title,
html[data-theme] .modal-title,
html[data-theme] .order-panel-title,
html[data-theme] .apt-title,
html[data-theme] .udb-title,
html[data-theme] .adm-title {
  color:var(--text-primary) !important;
  text-wrap:balance;
}
html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .services-title,
html[data-theme="dark"] .vision-title,
html[data-theme="dark"] .featured-title,
html[data-theme="dark"] .med-title {
  font-family:var(--aw-font-display) !important;
  font-weight:600 !important;
  letter-spacing:-.045em !important;
  line-height:.97 !important;
}
html[data-theme="bright"] .hero-title,
html[data-theme="bright"] .hero h1,
html[data-theme="bright"] h1,
html[data-theme="bright"] .section-title,
html[data-theme="bright"] .services-title,
html[data-theme="bright"] .vision-title,
html[data-theme="bright"] .featured-title,
html[data-theme="bright"] .med-title {
  font-family:var(--aw-font-ui) !important;
  font-weight:950 !important;
  letter-spacing:-.085em !important;
  line-height:.88 !important;
}
html[data-theme] .hero-title em,
html[data-theme] .hero-line-2 em,
html[data-theme] h1 em,
html[data-theme] .services-title em,
html[data-theme] .vision-title em,
html[data-theme] .featured-title em,
html[data-theme] .section-heading em {
  font-style:normal !important;
  color:transparent !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}
html[data-theme="dark"] .hero-title em,
html[data-theme="dark"] .hero-line-2 em,
html[data-theme="dark"] h1 em,
html[data-theme="dark"] .services-title em,
html[data-theme="dark"] .vision-title em,
html[data-theme="dark"] .featured-title em,
html[data-theme="dark"] .section-heading em {
  background:linear-gradient(90deg, #f5e6a3, #ffffff, #c9a84c) !important;
  text-shadow:0 0 32px rgba(201,168,76,.18);
}
html[data-theme="bright"] .hero-title em,
html[data-theme="bright"] .hero-line-2 em,
html[data-theme="bright"] h1 em,
html[data-theme="bright"] .services-title em,
html[data-theme="bright"] .vision-title em,
html[data-theme="bright"] .featured-title em,
html[data-theme="bright"] .section-heading em {
  background:linear-gradient(90deg, #139f92, #232323, #c74643) !important;
}
html[data-theme="bright"] .hero-desc { color:#55524e !important; font-weight:600; }
html[data-theme="dark"] .hero-desc { color:#e7dfd2 !important; }
html[data-theme="bright"] .hero-title::after,
html[data-theme="bright"] .hero h1::after,
html[data-theme="bright"] .section-title::after,
html[data-theme="bright"] .headline h1::after {
  content:"";
  display:block;
  width:155px;
  max-width:38vw;
  height:2.5px;
  background:#202020;
  margin-top:18px;
  opacity:.86;
}
html[data-theme] .hero-eyebrow,
html[data-theme] .medilux-eyebrow,
html[data-theme] .services-eyebrow,
html[data-theme] .featured-eyebrow,
html[data-theme] .search-label,
html[data-theme] .section-label,
html[data-theme] .badge,
html[data-theme] .chip,
html[data-theme] .pill,
html[data-theme] .status-badge {
  color:var(--gold) !important;
  border:1px solid color-mix(in srgb, var(--gold) 36%, transparent) !important;
  background:color-mix(in srgb, var(--gold) 10%, transparent) !important;
  border-radius:999px !important;
  font-weight:900 !important;
}
html[data-theme="bright"] .hero-eyebrow,
html[data-theme="bright"] .medilux-eyebrow,
html[data-theme="bright"] .services-eyebrow,
html[data-theme="bright"] .featured-eyebrow,
html[data-theme="bright"] .search-label,
html[data-theme="bright"] .section-label,
html[data-theme="bright"] .badge,
html[data-theme="bright"] .chip,
html[data-theme="bright"] .pill,
html[data-theme="bright"] .status-badge {
  background:var(--am-teal-soft) !important;
  color:#0f766d !important;
  border:2px solid rgba(19,159,146,.22) !important;
}

/* ───────────────── CARDS / SECTIONS ───────────────── */
html[data-theme] .search-panel,
html[data-theme] .section-switcher,
html[data-theme] .services-hero,
html[data-theme] .service-card,
html[data-theme] .hospital-card,
html[data-theme] .clinic-card,
html[data-theme] .doctor-card,
html[data-theme] .med-card,
html[data-theme] .medicine-card,
html[data-theme] .scheme-card,
html[data-theme] .camp-card,
html[data-theme] .metric-card,
html[data-theme] .testimonial-card,
html[data-theme] .feature-card,
html[data-theme] .vision-card,
html[data-theme] .jan-panel,
html[data-theme] .doc-locker-panel,
html[data-theme] .udb-panel,
html[data-theme] .udb-card,
html[data-theme] .admin-panel,
html[data-theme] .adm-card,
html[data-theme] .order-panel,
html[data-theme] .apt-panel,
html[data-theme] .modal-box,
html[data-theme] .med-modal-box,
html[data-theme] .checkout-box,
html[data-theme] .login-panel,
html[data-theme] .login-card,
html[data-theme] .cart-panel,
html[data-theme] .upi-verify-box,
html[data-theme] .opd-panel,
html[data-theme] .family-panel,
html[data-theme] .healthscore-panel,
html[data-theme] .emergency-panel,
html[data-theme] .panel,
html[data-theme] .card,
html[data-theme] .dashboard-card,
html[data-theme] .quick-action-card,
html[data-theme] .stat-card,
html[data-theme] .table-wrap,
html[data-theme] .admin-table-wrap,
html[data-theme] .schemes-panel,
html[data-theme] .camps-panel,
html[data-theme] .modal-content {
  color:var(--text-primary) !important;
  background:var(--bg-glass) !important;
  border:1.5px solid var(--border-glass) !important;
  border-radius:var(--aw-radius-lg) !important;
  box-shadow:var(--shadow-card) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
}
html[data-theme="dark"] .search-panel,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .hospital-card,
html[data-theme="dark"] .clinic-card,
html[data-theme="dark"] .doctor-card,
html[data-theme="dark"] .med-card,
html[data-theme="dark"] .medicine-card,
html[data-theme="dark"] .scheme-card,
html[data-theme="dark"] .camp-card,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .vision-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .quick-action-card,
html[data-theme="dark"] .stat-card {
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
  border-color:rgba(245,230,163,.13) !important;
}
html[data-theme="bright"] .search-panel,
html[data-theme="bright"] .section-switcher,
html[data-theme="bright"] .services-hero,
html[data-theme="bright"] .service-card,
html[data-theme="bright"] .hospital-card,
html[data-theme="bright"] .clinic-card,
html[data-theme="bright"] .doctor-card,
html[data-theme="bright"] .med-card,
html[data-theme="bright"] .medicine-card,
html[data-theme="bright"] .scheme-card,
html[data-theme="bright"] .camp-card,
html[data-theme="bright"] .metric-card,
html[data-theme="bright"] .testimonial-card,
html[data-theme="bright"] .feature-card,
html[data-theme="bright"] .vision-card,
html[data-theme="bright"] .jan-panel,
html[data-theme="bright"] .panel,
html[data-theme="bright"] .card,
html[data-theme="bright"] .dashboard-card,
html[data-theme="bright"] .quick-action-card,
html[data-theme="bright"] .stat-card,
html[data-theme="bright"] .table-wrap,
html[data-theme="bright"] .admin-table-wrap,
html[data-theme="bright"] .modal-content {
  background:#fffdf9 !important;
  border:2.5px solid rgba(32,32,32,.88) !important;
  box-shadow:var(--am-soft-shadow) !important;
}
html[data-theme] .service-card:hover,
html[data-theme] .hospital-card:hover,
html[data-theme] .clinic-card:hover,
html[data-theme] .doctor-card:hover,
html[data-theme] .med-card:hover,
html[data-theme] .medicine-card:hover,
html[data-theme] .scheme-card:hover,
html[data-theme] .camp-card:hover,
html[data-theme] .metric-card:hover,
html[data-theme] .feature-card:hover,
html[data-theme] .vision-card:hover,
html[data-theme] .card:hover,
html[data-theme] .panel:hover {
  transform:translateY(-5px) !important;
  border-color:var(--gold) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.22), var(--shadow-gold) !important;
}
html[data-theme="bright"] .service-card:nth-child(4n),
html[data-theme="bright"] .feature-card:nth-child(3n),
html[data-theme="bright"] .quick-action-card:nth-child(2n),
html[data-theme="bright"] .metric-card:nth-child(2n),
html[data-theme="bright"] .stat-card:nth-child(2n) {
  background:var(--am-red) !important;
  border-color:var(--am-line) !important;
  color:#fff !important;
}
html[data-theme="bright"] .service-card:nth-child(4n) *,
html[data-theme="bright"] .feature-card:nth-child(3n) *,
html[data-theme="bright"] .quick-action-card:nth-child(2n) *,
html[data-theme="bright"] .metric-card:nth-child(2n) *,
html[data-theme="bright"] .stat-card:nth-child(2n) * { color:#fff !important; }

html[data-theme="bright"] img,
html[data-theme="bright"] .hero-image,
html[data-theme="bright"] .doctor-photo,
html[data-theme="bright"] .hospital-image,
html[data-theme="bright"] .camp-image,
html[data-theme="bright"] .service-image,
html[data-theme="bright"] figure,
html[data-theme="bright"] .visual-card,
html[data-theme="bright"] .image-card {
  border-radius:var(--aw-radius-xl) !important;
}
html[data-theme="bright"] .hero-image,
html[data-theme="bright"] .hospital-image,
html[data-theme="bright"] .doctor-photo,
html[data-theme="bright"] .visual-card,
html[data-theme="bright"] .image-card {
  border:3px solid var(--am-line) !important;
  box-shadow:var(--am-soft-shadow) !important;
  overflow:hidden !important;
}

/* ───────────────── BUTTONS ───────────────── */
html[data-theme] .btn.primary,
html[data-theme] .primary,
html[data-theme] .login-btn,
html[data-theme] .lf-submit,
html[data-theme] .submit-btn,
html[data-theme] .book-btn,
html[data-theme] .book-btn-doc,
html[data-theme] .med-btn-buy,
html[data-theme] .med-action-buy,
html[data-theme] .checkout-btn,
html[data-theme] .order-submit-btn,
html[data-theme] .apt-btn-next,
html[data-theme] .upi-confirm-btn,
html[data-theme] .jan-btn-primary,
html[data-theme] .clinic-search-btn,
html[data-theme] .med-search-btn,
html[data-theme] button[type="submit"] {
  border:0 !important;
  font-weight:900 !important;
  border-radius:18px !important;
  transition:.25s var(--aw-ease) !important;
}
html[data-theme="dark"] .btn.primary,
html[data-theme="dark"] .primary,
html[data-theme="dark"] .login-btn,
html[data-theme="dark"] .lf-submit,
html[data-theme="dark"] .submit-btn,
html[data-theme="dark"] .book-btn,
html[data-theme="dark"] .book-btn-doc,
html[data-theme="dark"] .med-btn-buy,
html[data-theme="dark"] .med-action-buy,
html[data-theme="dark"] .checkout-btn,
html[data-theme="dark"] .order-submit-btn,
html[data-theme="dark"] .apt-btn-next,
html[data-theme="dark"] .upi-confirm-btn,
html[data-theme="dark"] .jan-btn-primary,
html[data-theme="dark"] .clinic-search-btn,
html[data-theme="dark"] .med-search-btn,
html[data-theme="dark"] button[type="submit"] {
  color:#05070f !important;
  background:linear-gradient(135deg,#f5e6a3,#c9a84c 58%,#8b6914) !important;
  box-shadow:0 16px 38px rgba(201,168,76,.24), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
html[data-theme="bright"] .btn.primary,
html[data-theme="bright"] .primary,
html[data-theme="bright"] .login-btn,
html[data-theme="bright"] .lf-submit,
html[data-theme="bright"] .submit-btn,
html[data-theme="bright"] .book-btn,
html[data-theme="bright"] .book-btn-doc,
html[data-theme="bright"] .med-btn-buy,
html[data-theme="bright"] .med-action-buy,
html[data-theme="bright"] .checkout-btn,
html[data-theme="bright"] .order-submit-btn,
html[data-theme="bright"] .apt-btn-next,
html[data-theme="bright"] .upi-confirm-btn,
html[data-theme="bright"] .jan-btn-primary,
html[data-theme="bright"] .clinic-search-btn,
html[data-theme="bright"] .med-search-btn,
html[data-theme="bright"] button[type="submit"] {
  color:#fff !important;
  background:var(--am-red) !important;
  border:2.5px solid var(--am-line) !important;
  box-shadow:0 12px 28px rgba(199,70,67,.18) !important;
}
html[data-theme] .btn.primary:hover,
html[data-theme] .primary:hover,
html[data-theme] .login-btn:hover,
html[data-theme] .submit-btn:hover,
html[data-theme] .book-btn:hover,
html[data-theme] .med-btn-buy:hover,
html[data-theme] .checkout-btn:hover,
html[data-theme] button[type="submit"]:hover {
  transform:translateY(-3px) !important;
  filter:brightness(1.05);
}
html[data-theme="bright"] .btn:not(.primary),
html[data-theme="bright"] .secondary-btn,
html[data-theme="bright"] .header-nav-btn,
html[data-theme="bright"] .header-right-btn,
html[data-theme="bright"] .add-cart,
html[data-theme="bright"] .outline-btn,
html[data-theme="bright"] .med-btn-cart {
  background:#fffaf5 !important;
  color:var(--am-ink) !important;
  border:2px solid var(--am-line) !important;
}

/* ───────────────── INPUTS / TABLES / DASHBOARDS ───────────────── */
html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea,
html[data-theme] .filter-input,
html[data-theme] .filter-select,
html[data-theme] .order-input,
html[data-theme] .order-select,
html[data-theme] .order-textarea,
html[data-theme] .apt-input,
html[data-theme] .apt-select,
html[data-theme] .apt-textarea,
html[data-theme] .lf-input,
html[data-theme] .admin-input,
html[data-theme] .adm-search-input,
html[data-theme] .adm-filter-select,
html[data-theme] .search,
html[data-theme] .select,
html[data-theme] #searchInput,
html[data-theme] #medSearchInput,
html[data-theme] #clinicSearchInput,
html[data-theme] #hospitalSearchInput {
  color:var(--text-primary) !important;
  background:var(--input-bg) !important;
  border:1.5px solid var(--border-glass) !important;
  border-radius:18px !important;
  outline:none !important;
  box-shadow:none !important;
}
html[data-theme="bright"] input,
html[data-theme="bright"] select,
html[data-theme="bright"] textarea,
html[data-theme="bright"] #searchInput,
html[data-theme="bright"] #medSearchInput,
html[data-theme="bright"] #clinicSearchInput,
html[data-theme="bright"] #hospitalSearchInput {
  border:2px solid #d9d1c8 !important;
  background:#fffdf9 !important;
}
html[data-theme] input:focus,
html[data-theme] select:focus,
html[data-theme] textarea:focus,
html[data-theme] #searchInput:focus,
html[data-theme] #medSearchInput:focus,
html[data-theme] #clinicSearchInput:focus,
html[data-theme] #hospitalSearchInput:focus {
  border-color:var(--gold) !important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 15%, transparent) !important;
}
html[data-theme] input::placeholder,
html[data-theme] textarea::placeholder { color:var(--text-muted) !important; }
html[data-theme] select option { background:var(--surface) !important; color:var(--text-primary) !important; }
html[data-theme="bright"] select option { background:#fffdf9 !important; color:#232323 !important; }
html[data-theme] label,
html[data-theme] .filter-group label,
html[data-theme] .order-label,
html[data-theme] .apt-label,
html[data-theme] .admin-label,
html[data-theme] .field label {
  color:var(--gold) !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
}

html[data-theme] .side,
html[data-theme] .sidebar,
html[data-theme] .admin-sidebar {
  background:var(--bg-glass) !important;
  border-color:var(--border-glass) !important;
  backdrop-filter:blur(18px);
}
html[data-theme="bright"] .side,
html[data-theme="bright"] .sidebar,
html[data-theme="bright"] .admin-sidebar {
  background:#fffaf5 !important;
  border-right:2px solid rgba(32,32,32,.16) !important;
}
html[data-theme] .nav,
html[data-theme] .nav-btn,
html[data-theme] .admin-nav-item {
  color:var(--text-secondary) !important;
  border:1px solid transparent !important;
  border-radius:18px !important;
  font-weight:800 !important;
}
html[data-theme] .nav:hover,
html[data-theme] .nav.active,
html[data-theme] .nav-btn:hover,
html[data-theme] .nav-btn.active,
html[data-theme] .admin-nav-item:hover,
html[data-theme] .admin-nav-item.active {
  color:var(--text-primary) !important;
  background:color-mix(in srgb, var(--gold) 11%, transparent) !important;
  border-color:color-mix(in srgb, var(--gold) 25%, transparent) !important;
}
html[data-theme="bright"] .nav:hover,
html[data-theme="bright"] .nav.active,
html[data-theme="bright"] .nav-btn:hover,
html[data-theme="bright"] .nav-btn.active,
html[data-theme="bright"] .admin-nav-item:hover,
html[data-theme="bright"] .admin-nav-item.active {
  background:var(--am-teal-soft) !important;
  color:#0f766d !important;
}
html[data-theme] .table th,
html[data-theme] .admin-table th {
  color:var(--gold) !important;
  background:color-mix(in srgb, var(--gold) 7%, transparent) !important;
  border-bottom:1px solid var(--border-glass) !important;
}
html[data-theme] .table td,
html[data-theme] .admin-table td {
  color:var(--text-secondary) !important;
  border-bottom:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent) !important;
}
html[data-theme="bright"] .table th,
html[data-theme="bright"] .admin-table th { color:#232323 !important; border-bottom:2px solid rgba(32,32,32,.18) !important; }
html[data-theme="bright"] .table td,
html[data-theme="bright"] .admin-table td { color:#3f3f3f !important; border-bottom:1px solid rgba(32,32,32,.10) !important; }

/* ───────────────── CONTENT COLORS ───────────────── */
html[data-theme] .svc-title,
html[data-theme] .doc-name,
html[data-theme] .doctor-name,
html[data-theme] .med-name,
html[data-theme] .med-card-name,
html[data-theme] .clinic-card-name,
html[data-theme] .hospital-name,
html[data-theme] .hospital-card-name,
html[data-theme] .scheme-name,
html[data-theme] .camp-name,
html[data-theme] .card .num,
html[data-theme] .num,
html[data-theme] .metric-value,
html[data-theme] .score-number,
html[data-theme] .service-card h3,
html[data-theme] .feature-card h3,
html[data-theme] .module-card h3,
html[data-theme] .doctor-card h3,
html[data-theme] .medicine-card h3,
html[data-theme] .panel h3 {
  color:var(--text-primary) !important;
  font-weight:950 !important;
}
html[data-theme] .fee-amount,
html[data-theme] .fee-amount-doc,
html[data-theme] .med-price,
html[data-theme] .clinic-fee,
html[data-theme] .metric-num,
html[data-theme] .stat-num,
html[data-theme] .hsc-num,
html[data-theme] .upb-total,
html[data-theme] .cfp-total-val,
html[data-theme] .srp-price-val.ours,
html[data-theme] .hc-stat-num {
  color:var(--gold) !important;
  font-weight:950 !important;
}
html[data-theme="bright"] .fee-amount,
html[data-theme="bright"] .fee-amount-doc,
html[data-theme="bright"] .med-price,
html[data-theme="bright"] .clinic-fee,
html[data-theme="bright"] .metric-num,
html[data-theme="bright"] .stat-num,
html[data-theme="bright"] .hsc-num,
html[data-theme="bright"] .upb-total,
html[data-theme="bright"] .cfp-total-val,
html[data-theme="bright"] .srp-price-val.ours,
html[data-theme="bright"] .hc-stat-num { color:#c74643 !important; }

/* ───────────────── LOGIN / MODALS ───────────────── */
html[data-theme] .modal-overlay,
html[data-theme] .login-backdrop,
html[data-theme] .cart-panel-overlay,
html[data-theme] .checkout-overlay,
html[data-theme] .med-modal-overlay,
html[data-theme] .udb-backdrop,
html[data-theme] .mob-nav-overlay,
html[data-theme] .booking-modal-overlay,
html[data-theme] .schemes-overlay,
html[data-theme] .camps-overlay,
html[data-theme] .family-overlay,
html[data-theme] .emergency-overlay,
html[data-theme] .healthscore-overlay {
  background:rgba(5,7,15,.78) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
}
html[data-theme="bright"] .modal-overlay,
html[data-theme="bright"] .login-backdrop,
html[data-theme="bright"] .cart-panel-overlay,
html[data-theme="bright"] .checkout-overlay,
html[data-theme="bright"] .med-modal-overlay,
html[data-theme="bright"] .udb-backdrop,
html[data-theme="bright"] .mob-nav-overlay,
html[data-theme="bright"] .booking-modal-overlay {
  background:rgba(247,242,237,.86) !important;
}
html[data-theme="dark"] .login-form-side,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .login-panel,
html[data-theme="dark"] .lf-card,
html[data-theme="dark"] .login-content {
  color:var(--text) !important;
  background:linear-gradient(135deg, rgba(5,7,15,.90), rgba(17,22,40,.76)), url('../assets/images/awadhmed-login-bg.png') center/cover !important;
  border-color:rgba(245,230,163,.18) !important;
}
html[data-theme="bright"] .premium-login-modal,
html[data-theme="bright"] .awadh-login-modal,
html[data-theme="bright"] .login-modal,
html[data-theme="bright"] #loginModal .modal-content,
html[data-theme="bright"] .auth-modal,
html[data-theme="bright"] .login-card,
html[data-theme="bright"] .login-panel,
html[data-theme="bright"] .lf-card,
html[data-theme="bright"] .login-content {
  background:#fffdf9 !important;
  border:3px solid var(--am-line) !important;
  border-radius:32px !important;
  box-shadow:0 28px 80px rgba(0,0,0,.18) !important;
}
html[data-theme] .modal-close,
html[data-theme] .checkout-close,
html[data-theme] .cart-close-btn,
html[data-theme] .order-panel-close,
html[data-theme] .upi-close-btn,
html[data-theme] .family-close,
html[data-theme] .emergency-close,
html[data-theme] .healthscore-close,
html[data-theme] .schemes-close,
html[data-theme] .camps-close {
  color:var(--text-primary) !important;
  background:var(--bg-glass) !important;
  border:1px solid var(--border-glass) !important;
}

/* ───────────────── MOBILE ───────────────── */
@media (max-width: 720px) {
  .aw-floating-theme-toggle { right:12px; bottom:12px; min-height:40px; padding:.58rem .76rem !important; font-size:.76rem; }
  html[data-theme="bright"] .hero-title,
  html[data-theme="bright"] .hero h1 { letter-spacing:-.07em !important; }
  html[data-theme="bright"] .card,
  html[data-theme="bright"] .panel,
  html[data-theme="bright"] .service-card,
  html[data-theme="bright"] .feature-card,
  html[data-theme="bright"] .module-card,
  html[data-theme="bright"] .doctor-card,
  html[data-theme="bright"] .medicine-card { border-width:2px !important; border-radius:22px !important; }
}

@supports not (background: color-mix(in srgb, white 50%, transparent)) {
  html[data-theme] .hero-eyebrow,
  html[data-theme] .medilux-eyebrow,
  html[data-theme] .badge,
  html[data-theme] .chip,
  html[data-theme] .pill { background:rgba(19,159,146,.10) !important; }
  html[data-theme] input:focus,
  html[data-theme] select:focus,
  html[data-theme] textarea:focus { box-shadow:0 0 0 4px rgba(19,159,146,.14) !important; }
}
