/* Blue Crescent — single hospital pages (19 Oct 2026). Scoped to .bc-hospital-page.
   Solid backgrounds only (TikTok in-app browser). Builds on bc-knowledge-pages.css. */
.bc-hospital-page .page-hero{background:#0e3357;border-bottom:3px solid #bc914d;padding-bottom:40px}
.bc-hp-hero{display:grid;gap:26px;align-items:center}
.bc-hp-hero h1{max-width:16em}
.bc-hp-photo{margin:0;border-radius:18px;overflow:hidden;border:1px solid #4b6a87;background:#0b284b}
.bc-hp-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.bc-hp-photo figcaption{padding:10px 16px 12px;font-size:.86rem;line-height:1.6;color:#dbe8f8}
.bc-hp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.bc-hp-actions .button{min-height:48px}
.bc-hospital-page .bc-hp-start{background:#fff;color:#153a60;border:1px solid #d1b370}
.bc-hospital-page .bc-hp-start:hover{background:#f4f7fa}
.bc-hospital-page .bc-hp-actions .g-wa{color:#fff}
.bc-hp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.bc-hp-facts>div{background:#fff;padding:16px 18px}
.bc-hp-facts>div:last-child{grid-column:1/-1}
.bc-hp-facts dt{font-size:.84rem;color:var(--muted);font-weight:600}
.bc-hp-facts dd{margin:4px 0 0;font-size:1.06rem;font-weight:800;color:var(--navy);line-height:1.5}
html:not([lang="ar"]) .bc-hp-facts dd{font-weight:700}
.bc-hp-official{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:14px;font-weight:700}
.bc-hp-steps{list-style:none;padding:0;margin:0;counter-reset:bchp;display:grid;gap:16px}
.bc-hp-steps li{counter-increment:bchp;position:relative;padding-inline-start:54px;min-height:38px;line-height:1.75}
.bc-hp-steps li::before{content:counter(bchp);position:absolute;inset-inline-start:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.95rem}
.bc-hp-others{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding:0;list-style:none}
.bc-hp-others a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-weight:700;text-decoration:none}
.bc-hp-others a:hover{border-color:var(--blue);color:var(--blue)}
.bc-hospital-page .bc-hp-specs{display:block;columns:1}
.bc-hospital-page .bc-hp-specs li{margin-bottom:10px}
.bc-hospital-page .page-cta{background:#0e3357}
.bc-hospital-page .page-cta .bc-hp-actions{margin-top:20px}
@media (min-width:700px){.bc-hospital-page .bc-hp-specs{columns:2;column-gap:36px}.bc-hospital-page .bc-hp-specs li{break-inside:avoid}}
@media (min-width:900px){
  .bc-hp-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px}
  .bc-hp-facts{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bc-hp-facts>div:last-child{grid-column:auto}
}
@media (max-width:650px){.bc-hp-actions .button{flex:1 1 100%}}

/* 2026-10-19: doctors from the directory on each hospital page */
.bc-hp-doctors{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.bc-hp-doctors li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;line-height:1.5}.bc-hp-doctors a{font-weight:800;color:var(--navy);text-decoration:none}.bc-hp-doctors a:hover,.bc-hp-doctors a:focus-visible{text-decoration:underline;text-underline-offset:3px}.bc-hp-doctors span{display:block;margin-top:3px;color:var(--muted);font-size:.88rem}

/* Hospital directory: readable controls and direct coordination. */
#hospital-doctors{scroll-margin-top:110px}
.bc-hp-doctor-tools{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:24px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}
.bc-hp-doctor-tools label{display:grid;gap:8px;font-size:.85rem;font-weight:700;color:var(--navy);min-width:0}
.bc-hp-doctor-tools input,.bc-hp-doctor-tools select{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:46px;border:1px solid #aebfcd;border-radius:9px;padding:10px 12px;background:#fff;color:#173b57;font:inherit;font-size:.88rem}
.bc-hp-doctor-reset{min-height:46px;border:1px solid #b8c9d5;border-radius:9px;padding:10px 14px;background:#edf3f7;color:#153a58;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}
.bc-hp-doctor-reset:disabled{opacity:.55;cursor:default}
.bc-hp-doctor-count{font-size:.85rem;margin:12px 0;color:#405c70}
.bc-hp-doctor-empty{background:#fff8e8;border:1px solid #d6bc83;border-radius:12px;padding:18px;color:#55401d}
.bc-hp-doctors li{display:flex;flex-direction:column;gap:6px;min-width:0}
.bc-hp-doctors li[hidden],.bc-hp-doctor-tools[hidden],.bc-hp-doctor-empty[hidden]{display:none!important}
.bc-hp-doctor-request{margin-top:8px;align-self:flex-start;min-height:44px;padding:9px 13px;background:#103958;color:#fff;border:1px solid #103958;border-radius:9px;font:inherit;font-size:.82rem;font-weight:700;line-height:1.5;text-align:start;cursor:pointer}
.bc-hp-doctor-request:hover{background:#194d70}
.bc-hp-doctor-tools :focus-visible,.bc-hp-doctor-request:focus-visible{outline:3px solid #ae7f29;outline-offset:3px}
.bc-hospital-page .bc-hp-doctor-jump{background:transparent;color:#fff;border:1px solid #d5e0ec}
@media(max-width:700px){.bc-hp-doctor-tools{grid-template-columns:minmax(0,1fr);padding:14px}.bc-hp-doctor-reset{justify-self:start}#hospital-doctors{scroll-margin-top:145px}}