/* Ionyx: check to visit (patch 202).  [IONYX: CHECK TO VISIT (patch 202)]
   The symptom check, the result, Find a provider and Visits in the Ionyx look (navy, sky blue, white).
   Loaded after ix201.css. Everything is scoped to its page, so nothing else changes. */

/* ---------------- the symptom check (triage_start.html, body.ix202-check) ---------------- */
.ix202-check .foot{ position:sticky; bottom:0; z-index:6; box-shadow:0 -6px 18px rgba(18,24,42,.06); }
.ix202-check .card{ min-height:56px; border-radius:16px; }
.ix202-check .card.on{ border-color:#12182A !important; background:#E8F5FC !important; box-shadow:inset 0 0 0 1px #12182A; }
.ix202-check .card.on .tick{ color:#12182A; }
.ix202-check .go:not(.green){ background:#53B8E7; color:#12182A; font-family:'Plus Jakarta Sans','Source Sans 3',sans-serif; font-weight:800; }
.ix202-check .go:not(.green):hover{ background:#3FA9DC; }
.ix202-check .go:disabled{ background:#CBD5E1; color:#4A5568; opacity:1; }
.ix202-check .go:focus-visible, .ix202-check .card:focus-visible{ outline:3px solid #1A6FA0; outline-offset:2px; }
.ix202-check .bar > i{ background:#53B8E7; }
.ix202-check .ix202-agreed{ font-size:14.5px; color:#4A5568; line-height:1.5; margin:14px 0 0; }
.ix202-check .ix202-agreed a{ color:#1A6FA0; font-weight:700; }
.ix202-check .ix202-kept{ margin:0 0 12px; background:#E8F5FC; color:#12182A; border-radius:12px; padding:10px 14px; font-size:15px; font-weight:600; }

/* ---------------- the result (triage conversation, .ix-res) ---------------- */
.ix-res .ic-bluf{ border-radius:20px; }
.ix-res .ic-sum-block{ background:#fff; border:1px solid #E3E9F1; border-radius:18px; padding:16px 18px; margin-top:14px; }
.ix-res .ic-sum-block h2{ font-family:'Plus Jakarta Sans','Source Sans 3',sans-serif; font-weight:800; font-size:18px; color:#12182A; margin:0 0 8px; }
.ix-res .ic-sum-block.ix-warn{ border:1.5px solid #F4C7C3; background:#FFF7F6; }
.ix-res .ic-sum-block.ix-warn h2{ color:#B42318; }
.ix-res .ix202-told{ font-size:15px; color:#3D4A5C; line-height:1.45; margin:0 0 8px; }

/* ---------------- Find a provider: filters and "Good for" ---------------- */
.ix202-fb{ display:flex; flex-direction:column; gap:10px; margin:4px 0 14px; }
.ix202-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.ix202-chip{ min-height:44px; padding:0 16px; border-radius:999px; border:1.5px solid #CBD5E1; background:#fff; color:#12182A; font:700 15.5px/1 'Source Sans 3',system-ui,sans-serif; cursor:pointer; }
.ix202-chip[aria-pressed="true"]{ background:#12182A; border-color:#12182A; color:#fff; }
.ix202-chip:focus-visible{ outline:3px solid #1A6FA0; outline-offset:2px; }
.ix202-none{ font-size:16px; color:#3D4A5C; margin:0 0 14px; }
.ix202-none[hidden]{ display:none; }
.ix202-all{ min-height:44px; border:0; background:none; color:#1A6FA0; font-weight:700; font-size:16px; text-decoration:underline; cursor:pointer; padding:0 4px; }
.fd-good{ margin:4px 0 0; font-size:15px; line-height:1.4; color:#1E5F86; font-weight:600; }
section.fd-doc[hidden], h2.fd-group[hidden]{ display:none !important; }

/* ---------------- Visits ---------------- */
#ma .ixv-card{ border-radius:20px; }
#ma .ixv-card:first-of-type{ border:2px solid #53B8E7; }
#ma .ix202-tip{ font-size:15px; color:#3D4A5C; line-height:1.45; margin:10px 0 0; }

/* ---------------- photos: providers see the patient's photo where they had initials ---------------- */
img.ixd-ini, img.ixr-ini{ object-fit:cover; padding:0; }
.ixp-av img{ width:100%; height:100%; object-fit:cover; border-radius:inherit; display:block; }
.ix201-av a{ color:inherit; text-decoration:none; }
.ix202-phl{ display:inline-flex; align-items:center; min-height:44px; font-weight:700; font-size:15px; color:#1A6FA0 !important; text-decoration:none !important; }

/* ---------------- phone header: the Check tab is there, so the top bar keeps room for the logo ---------------- */
@media (max-width:440px){ .ixtop-start{ display:none !important; } }

/* ---------------- round 2: the check on phones ---------------- */
.ix202-check.ix202-kb .foot{ position:static; box-shadow:none; }          /* the on-screen keyboard is open: Continue stays in the page */
.ix202-check #ix-resume.ix202-inpage{ position:static !important; left:auto !important; bottom:auto !important; transform:none !important; width:auto !important;
  margin:4px 20px 8px !important; box-shadow:none !important; z-index:auto !important; }
.ix202-check .ix154-chip{ min-height:44px; }
.ix202-check .ix202-agreed{ margin:8px 0 14px; }
.ix202-check .ix202-agreed a{ display:inline-flex; align-items:center; min-height:44px; padding:0 2px; }