/* IMCURE ds skin for the logic-heavy classic pages (login, cart, become-a-provider, notice-board, health-news/tools/score,
   all-packages, book-diagnostics, clinical-calculators). Markup, ids and JS untouched: this only re-points the classic
   tokens (--ic-*, --ht-*) to the ds palette + Poppins and removes the pill/gradient treatments. Loaded only when body has .ds-skin
   (inc/ds-core.php). Rollback: define('IMCURE_DS_SKIN', false) in wp-config, or delete this file. */
html:not(.dark-mode) body.ds-skin {
  --ic-gold: #2358dc; --ic-gold-2: #1b47b8; --ic-gold-light: #eef3ff;
  --ic-gold-glow: rgba(35,88,220,.18); --ic-gold-faint: rgba(35,88,220,.08);
  --ic-vital: #2358dc; --ic-vital-soft: #eef3ff; --ic-green: #2358dc; --ic-violet: #1b47b8; --ic-purple: #1b47b8;
  --ic-teal: #c7401f; --ic-teal-2: #a8341a; --ic-teal-glow: rgba(199,64,31,.18); --ic-teal-faint: rgba(199,64,31,.08);
  --ic-sky: #2358dc; --ic-amber: #c7401f;
  --ic-pine-deep: #0e2347; --ic-pine: #14213d; --ic-pine-2: #1b47b8;
  --ic-text-1: #14213d; --ic-text-2: #5b667a; --ic-text-3: #6b7689;
  --ic-border: #e9edf3; --ic-border-2: #dbe2ee;
  --ic-radius: 14px; --ic-radius-lg: 14px; --ic-radius-xl: 20px; --ic-radius-sm: 8px;
  --ic-font-h: Poppins, system-ui, sans-serif; --ic-font-b: Poppins, system-ui, sans-serif; --ic-font-mono: Poppins, system-ui, sans-serif;
  --ht-text-1: #14213d; --ht-text-2: #5b667a;
  font-family: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
body.ds-skin #content :where(h1,h2,h3,h4,h5,h6,button,input,select,textarea,label,a,p,li,span,div) { font-family: Poppins, system-ui, sans-serif; }
body.ds-skin #content :where(h1,h2,h3,h4) { letter-spacing: -.01em; }
body.ds-skin #content h1 { font-size: clamp(28px, 3.4vw, 40px); line-height: 1.15; }

/* gradient / two-tone headline words -> plain ds blue */
body.ds-skin .ic-gradient-text, body.ds-skin #content h1 span, body.ds-skin #content h1 em {
  background: none !important; -webkit-text-fill-color: currentColor !important; color: #2358dc !important;
}
/* eyebrow pills / mono kickers above headlines: removed (house rule: no eyebrow pills) */
body.ds-skin .ic-eyebrow-mono, body.ds-skin [class*="eyebrow"], body.ds-skin [class*="-kicker"], body.ds-skin .ic-ht-eyebrow, body.ds-skin .ic-ht-pill, body.ds-skin .ic-hn-eyebrow { display: none !important; }

/* primary buttons + links */
body.ds-skin #content :where(.ic-btn-primary, .ic-btn--primary, button[type=submit], .ic-ht-btn-primary, .ic-ap-book, .ic-btn-gold) { background: #2358dc; border-color: #2358dc; color: #fff; box-shadow: none; border-radius: 10px; }
body.ds-skin #content :where(.ic-btn-primary, .ic-btn--primary, button[type=submit], .ic-ht-btn-primary, .ic-ap-book, .ic-btn-gold):hover { background: #1b47b8; border-color: #1b47b8; }
body.ds-skin #content a:where(:not([class*=btn]):not([class*=card])) { color: #2358dc; }

/* cards: flat ds look (hairline border, small radius, no heavy glow) */
body.ds-skin #content :where([class*="-card"], .ic-pkg, .ic-news-card) { border-color: #e9edf3; box-shadow: 0 1px 2px rgba(15,30,60,.06); }
body.ds-skin #content :where([class*="-card"]):hover { box-shadow: 0 8px 22px rgba(15,30,60,.12); }

/* form controls */
body.ds-skin #content :where(input, select, textarea):focus { border-color: #2358dc !important; box-shadow: 0 0 0 3px rgba(35,88,220,.14) !important; outline: none; }

/* hard-coded classic blues (inline page <style> blocks) -> ds blue. Specificity beats them via body.ds-skin + !important */
html:not(.dark-mode) body.ds-skin { --ht-emerald: #2358dc; --ht-pine-2: #1b47b8; --ht-sky: #c7401f; --ht-text-1: #14213d; --ht-border: #e9edf3; }
body.ds-skin :where(.ich-cta-btn, .ic-package-cta, .ic-nb-cta-doctor, .ic-filter-tab.active, .ic-news-pagination a:hover) { background: #2358dc !important; border-color: #2358dc !important; color: #fff !important; box-shadow: none !important; }
body.ds-skin .ic-filter-tab:hover { background: #2358dc !important; border-color: #2358dc !important; color: #fff !important; }
body.ds-skin .ic-pill-teal, body.ds-skin .ic-news-cat { color: #2358dc !important; background: #eef3ff !important; border-color: #dbe6ff !important; }
body.ds-skin :where(.ic-read-more, .ic-nb-views, .ic-nb-list li a, .ic-news-article-body a, .ic-nb-check) { color: #2358dc !important; }
body.ds-skin .ic-nb-title .ic-nb-accent { background: none !important; -webkit-text-fill-color: currentColor !important; color: #2358dc !important; }
body.ds-skin .ic-nb-card::before { background: #2358dc !important; height: 3px !important; }
body.ds-skin .ic-nb-live-dot { background: #2358dc !important; }
body.ds-skin .ic-nb-eyebrow-page { display: none !important; }

/* my-account keeps off-canvas explainer panels wider than the phone viewport (pre-existing): clip, no scroll container */
body.ds-skin { overflow-x: clip; }

/* all-packages: whole card opens its own detail view */
body.ds-skin .ic-allpkg-card { cursor: pointer; }
body.ds-skin .ic-allpkg-card .ic-package-name a.ic-allpkg-open { color: inherit; text-decoration: none; }
body.ds-skin .ic-allpkg-card .ic-package-name a.ic-allpkg-open:hover { color: #2358DC; }

/* provider command-palette trigger: was a flex item beside the content column (stretched into a full-height arch); now a small floating pill */
body.ds-skin .ic-cmdk-trigger { position: fixed; left: 20px; bottom: 20px; z-index: 55; margin: 0; align-self: auto; box-shadow: 0 6px 18px rgba(15,30,60,.14); }
body.ds-skin .ic-cmdk-trigger span, body.ds-skin .ic-cmdk-trigger kbd { display: none; } body.ds-skin .ic-cmdk-trigger { padding: 12px; } /* icon-only so it never overlaps the content column; Ctrl+K and the click still open the palette */

/* Dark/AMOLED: Astra's own page wrapper is white and showed as side gutters behind the dark content */
html.dark-mode body.ds-skin :where(#page, .site, .site-content, .ast-container) { background-color: #0d1117 !important; }
html.dark-mode:has(body.ds-skin) { background-color: #0d1117; }

/* doctor-consult booking page polish */
body.ds-skin .ic-md-wrap input[type=radio], body.ds-skin .ic-md-wrap input[type=checkbox] { accent-color: #2358dc; }
body.ds-skin .ic-md-detail .ic-md-doc-meta { margin: 4px 0 0; line-height: 1.5; }
body.ds-skin .ic-md-detail .ic-md-doc-fee { margin: 8px 0 6px; }
@media (max-width: 640px) {
  body.ds-skin .ic-md-detail-head { flex-direction: column; align-items: flex-start; gap: 12px; }
}