/* drg.css — Dr. Gregory shared overrides (LIGHT theme). Load AFTER skeleton.css + theme-light.css.
   Applies to every color variant (accent stays token-driven via var(--accent)). */

/* ══ HERO — stop darkening the baby photo ══
   skeleton's hero scrim goes to rgba(0,0,0,.86) at the bottom (dark-theme leftover) — that's what
   was making the hero look dark. Keep ONLY a gentle top scrim (for white nav-text legibility);
   the caption now lives in a frosted glass pill that's legible on its own. */
.theme-light .hero-full::before{
  background:linear-gradient(to bottom, rgba(0,0,0,.30) 0%, rgba(0,0,0,0) 16%);
}
/* caption = a frosted glass pill (premium, legible over ANY photo, zero darkness) */
.theme-light .hero-cap{
  width:auto; max-width:44ch;
  background:rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.65);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  padding:1.15rem 1.55rem; border-radius:var(--r-lg);
  box-shadow:0 14px 38px rgba(18,22,40,.16);
  opacity:1 !important; transform:none !important;          /* never hide the hero caption */
}
.theme-light .hero-cap .eyebrow{color:var(--accent); text-shadow:none}
.theme-light .hero-cap .hero-line{color:var(--text); text-shadow:none}

/* ══ PREMIUM CTA — the "Get Queue" button: gradient gel + soft glow + top highlight ══ */
.btn-primary{
  background:linear-gradient(180deg, var(--accent-2), var(--accent));
  color:var(--primary-ink);
  border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);
  padding:.92rem 1.7rem; font-weight:700; letter-spacing:.01em;
  box-shadow:0 8px 22px -8px var(--glow), inset 0 1px 0 rgba(255,255,255,.30);
}
.btn-primary:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:0 16px 34px -8px var(--glow), inset 0 1px 0 rgba(255,255,255,.36);
}
/* calm the magnetic "chase" — make it a gentle pull, not a jerky follow */
.nav .btn-primary{transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s, filter .2s}

/* ══ BRIGHT-BG GUARANTEE — kill the dark-theme leftovers muddying light backgrounds ══
   The colored "aurora" glow-blobs + the black corner vignette are DARK-theme atmosphere.
   On a bright paper theme they read as murky/dark patches BEHIND the cards (exactly what
   the owner saw). Remove them so the paper stays genuinely bright. Robust even if
   theme-light.css somehow fails to load. */
body.theme-light::after{display:none !important}      /* kill the black corner vignette */
body.theme-light .aurora{display:none}                /* kill the colored glow blobs */

/* ══ FIX: the user chat-bubble ("How long is the queue...") was invisible on light themes ══
   theme-light.css redeclares `.bubble` at equal specificity & later in source, so it overrode
   `.bubble.me`'s accent background → left white text on a near-transparent bubble. Restore it. */
.theme-light .bubble.me{background:var(--primary); color:var(--primary-ink); border-color:transparent}

/* ══ DARK-theme cards: solid elevated panel ══
   The faint translucent glass (.05) let the glow bleed through BEHIND the text, so cards looked
   washed/mismatched and subtitles were hard to read. A solid elevated dark panel gives text a
   clean backdrop + reads as native dark-theme. (body:not(.theme-light) = the dark variants.) */
body:not(.theme-light) .glass{background:#151a27;border-color:rgba(255,255,255,.10)}
body:not(.theme-light) .contact-card .c-line span{color:#c5cee0}   /* brighter subtitle for legibility */

/* ══ DARK-theme scrolled nav: solid bar ══
   Same wash-out bug as the cards — .nav.scrolled used the faint --surface, so on scroll the
   header became a washed translucent strip. Make it a solid dark bar with a hairline edge. */
body:not(.theme-light) .nav.scrolled{background:#121722;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:none;-webkit-backdrop-filter:none}

/* ══ LIGHT-theme scrolled nav: crisp SOLID bar ══
   The translucent frosted nav looked muddy on scroll and dulled the Get Queue button. Make it a
   crisp solid bar with a hairline edge + soft shadow so the accent button pops. */
.theme-light .nav.scrolled{background:rgba(255,255,255,.94);border-bottom:1px solid var(--surface-brd);box-shadow:0 4px 22px rgba(20,30,50,.07);backdrop-filter:none;-webkit-backdrop-filter:none}