/* ==========================================================================
   theme-a.css -- the TOKENS of the doctor theme, "Navy & Teal" (theme v2, owner 21 Oct 2026: "remove entirely from the doctor website the red color buttons, themes, bg ... make a perfect theme and implement it"),
   and the shapes the two looks share below the hero (section heads, cards, journey, footer). ONE palette for every doctor: the speciality / doctor colour no longer drives anything on a doctor page (theme.css section 0 pins
   --accent*, --hl* to it). Fonts: the four families the site already ships (Plus Jakarta Sans for every heading, Inter for text) -- no new font file. The hero is theme.css section 3.
   ========================================================================== */
html[data-theme="a"] {
  /* THE palette (theme v2 "Navy & Teal", owner 21 Oct: ONE palette for every doctor, no red, no pink): navy = what you press and where you are, teal = what is alive (icons, eyebrows, the second line of the name, today), green = WhatsApp only.
     Text pairs (measured, WCAG 2): ink / body / muted on white 17.2 / 9.3 / 5.5, navy 8.7, navy-ink on the blue tint 10.2, teal-ink on white 5.8 and on the blue tint 5.2, white on navy 8.7, on the teal fill 4.7, on the deep navy 14.1, on the WhatsApp green 5.0. */
  --t-navy: #0C4C8C; --t-navy-ink: #083A6E; --t-deep: #0A2C52;
  --t-sh: #0A8279; --t-sh-ink: #0A726B; --t-sh-h: #0A7870;
  --t-ink: #0C1B33; --t-body: #36485F; --t-muted: #566B82; --t-line: #D6E4F1; --t-bg: #FFFFFF; --t-band: #F4F9FD; --t-card: #FFFFFF;
  --t-tint: #EAF3FC; --t-mint: #E2F4F1; --t-on-sh: #FFFFFF; --t-on-navy: #FFFFFF; --t-focus: #0C4C8C;
  --t-wa: #15803D; --t-wa-ink: #116B33;
  --t-r1: 10px; --t-r2: 16px; --t-r3: 22px; --t-btn-r: 14px; --t-chip-r: 99px; --t-ic-r: 14px; --t-pic-r: 16px; --t-jic-r: 24px; --t-field-r: 12px; --t-card-r: 24px; --t-photo-r: 30px; --t-panel-r: 36px;
  --t-sh1: 0 1px 2px rgb(12 40 80 / .06); --t-sh2: 0 16px 32px -18px rgb(10 44 82 / .30); --t-sh3: 0 28px 56px -24px rgb(10 44 82 / .38);
  --t-head: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --t-serif: Fraunces, Georgia, serif;
  --t-hfont: var(--t-head); --t-hw: 800; --t-hls: -.034em; --t-h2font: var(--t-head); --t-h2w: 800; --t-h2ls: -.028em;
  --t-pad: 88px; --t-pad-m: 52px;
  --t-hero-bg: radial-gradient(900px 520px at 90% -10%, #DCEBFA 0%, transparent 62%), radial-gradient(680px 420px at -6% 104%, #E3F5F2 0%, transparent 60%), #FFFFFF;
  --t-panel: #E1EEFA; --t-panel-bg: linear-gradient(158deg, #D2E6F8 0%, var(--t-panel) 52%, #DAF0EE 100%);
  --t-ring: rgb(12 76 140 / .10);
  --t-card-line: #CFE0F0; --t-card-sh: 0 34px 64px -30px rgb(10 44 82 / .5), 0 2px 6px rgb(10 44 82 / .06); --t-card-bar: linear-gradient(90deg, var(--t-navy), var(--t-sh));
  --t-panel-line: #D6E4F1; --t-panel-sh: none; --t-reg-panel: linear-gradient(160deg, #E2F4F1, #FFFFFF 74%); --t-reg-panel-line: #BFE3DD;
  --t-eyebrow: var(--t-sh-ink); --t-prog: linear-gradient(90deg, var(--t-navy), var(--t-sh));
  --t-pa: #0C4C8C; --t-pb: #0A7870; --t-pc: #15803D; --t-app-bg: linear-gradient(135deg, #EAF3FC, #FFFFFF 72%);
  /* motion personality: "breathe" -- a short, soft rise */
  --m-dist: 18px; --m-scale: 1; --m-dur: 560ms; --m-ease: cubic-bezier(.22, 1, .36, 1); --m-stag: 55ms; --m-par: 14px;
}

/* ---- section heads: left-aligned, the sentence on the right (a wide page uses its width) ---- */
html[data-theme="a"] .dr-head { text-align: left; max-width: none; margin: 0 0 28px; }
html[data-theme="a"] .dr-head h2::after { content: none; }
html[data-theme="a"] .dr-head h2, html[data-theme="a"] .dr-sec h2 { font-size: clamp(28px, 3.1vw, 40px); line-height: 1.08; text-wrap: balance; }
html[data-theme="a"] .dr-eyebrow { display: inline-flex; align-items: center; gap: 10px; letter-spacing: .14em; }
html[data-theme="a"] .dr-eyebrow::before { content: ""; width: 22px; height: 2px; border-radius: 2px; background: var(--t-sh); }
@media (min-width: 900px) {
  html[data-theme="a"] .dr-head { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); column-gap: 56px; align-items: end; margin-bottom: 44px; }
  html[data-theme="a"] .dr-head .dr-eyebrow { grid-column: 1; margin: 0 0 14px; justify-self: start; }
  html[data-theme="a"] .dr-head h2 { grid-column: 1; margin: 0; }
  html[data-theme="a"] .dr-head .dr-sub { grid-column: 2; grid-row: 1 / span 2; margin: 0; max-width: 54ch; align-self: end; padding-bottom: 4px; }
}

/* ---- cards: hairline blue border, no shadow until hover; icon tiles are rounded squares ---- */
@media (prefers-reduced-motion: no-preference) { html[data-theme="a"] .dr-card:hover, html[data-theme="a"] .dr-camp:hover, html[data-theme="a"] .dr-post:hover { translate: 0 -4px; } }
html[data-theme="a"] .dr-jstep div b { font-size: 17px; }
html[data-theme="a"] .dr-jline { background: var(--t-line); }
@media (min-width: 800px) { html[data-theme="a"] .dr-jline { height: 3px; } }

html[data-theme="a"] .dr-jline i { background: var(--t-sh); }
html[data-theme="a"] .dr-journey-sec { background: var(--t-band); }

/* ---- the footer: the deep navy band; the app band is an inset card on it (the live footer's own) ---- */
html[data-theme="a"] .dr-ft .dr-ft-pill, html[data-theme="a"] .dr-ft .dr-ft-btn { border-radius: 99px; }

/* ---- left-aligned sections keep their controls on the left too ---- */
html[data-theme="a"] .dr-filters { justify-content: flex-start; }
html[data-theme="a"] .dr-more-link, html[data-theme="a"] .dr-gal-more-row { justify-content: flex-start; text-align: left; }
html[data-theme="a"] .dr-more { margin-left: 0; }