/* ============================================================
   PMCK — clinic tabs (v0.62.0)
   The row of clinic links on a clinic page. Same rules the
   International Patients and Insurance pages already carry, here
   for Billing, Payment Options and Plan Your Visit.
   ============================================================ */

/* ---------- clinic switcher ----------
   Two clinics under one brand, two different documents. Without this the page
   shows one of them and the visitor has no way of knowing the other exists.
   Links, not a dropdown: each choice is its own URL, which keeps it cacheable
   and lets someone share the Semenyih one directly. */
.pmck-cswitch{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  margin:0 0 28px;padding:14px 18px;
  background:var(--brand-soft);border-radius:12px;
}
.pmck-cswitch__l{font-size:18px;color:var(--muted);}
.pmck-cswitch__r{display:flex;flex-wrap:wrap;gap:8px;}
.pmck-cswitch__b{
  display:inline-block;padding:9px 16px;border-radius:999px;
  background:#fff;border:1px solid var(--line);
  font-size:18px;line-height:1.3;color:var(--brand-ink);text-decoration:none;
}
.pmck-cswitch__b:hover,
.pmck-cswitch__b:focus-visible{border-color:var(--brand);}
.pmck-cswitch__b.is-on{
  background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;
}

@media (max-width:560px){
  .pmck-cswitch{flex-direction:column;align-items:flex-start;gap:10px;}
}