/* ============================================================
   childrenlungs.com — Arabic (RTL) stylesheet
   Dr Omi Narayan · Pediatric Respiratory & Sleep Medicine
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;600;700&family=Noto+Naskh+Arabic:wght@400;700&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --navy:#0A2342; --gold:#C8A96E; --teal:#007B8A; }

body {
  font-family: 'Noto Naskh Arabic', 'Segoe UI', Tahoma, sans-serif;
  direction: rtl; text-align: right;
  color:#2a2a2a; background:#fff; line-height:1.9; font-size:17px;
}
h1,h2,h3,h4,.nav-logo,.stat-n { font-family:'Noto Kufi Arabic', sans-serif; line-height:1.55; }

a { color: var(--teal); }
.top-bar { background: var(--navy); color:#c5d1e3; font-size:13.5px; padding:9px 20px; text-align:center; }
.top-bar a { color: var(--gold); text-decoration:none; font-weight:600; }

nav { display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:16px 24px; border-bottom:1px solid #e8ecf1; flex-wrap:wrap; }
.nav-logo { font-weight:700; color:var(--navy); font-size:19px; text-decoration:none; }
.nav-links { display:flex; gap:20px; flex-wrap:wrap; align-items:center; }
.nav-links a { color:#33415c; text-decoration:none; font-size:15px; }
.nav-links a:hover { color:var(--teal); }
.nav-cta { background:var(--navy); color:#fff !important; padding:9px 18px; border-radius:7px; font-weight:600; }
.lang-switch { border:1.5px solid var(--gold); color:var(--navy) !important; padding:7px 14px;
  border-radius:7px; font-weight:700; font-size:14px; direction:ltr; }

.breadcrumb-bar { background:#f6f8fa; font-size:13.5px; padding:11px 24px; color:#667; }
.breadcrumb-bar a { color:var(--teal); text-decoration:none; }

.wrap { max-width:860px; margin:0 auto; padding:52px 24px; }
.eyebrow { display:inline-block; background:#e8f5f7; color:var(--teal); font-size:12.5px;
  font-weight:700; padding:5px 13px; border-radius:13px; margin-bottom:16px; }
h1 { font-size:33px; color:var(--navy); margin-bottom:12px; }
.subtitle { font-size:19px; color:#4d5a6d; margin-bottom:26px; line-height:1.85; }
h2 { font-size:25px; color:var(--navy); margin:38px 0 14px; }
h3 { font-size:18.5px; color:var(--teal); margin:24px 0 8px; }
p { margin-bottom:15px; }
.lede { font-size:19px; color:#33415c; line-height:1.95; margin-bottom:26px; }
ul, ol { margin:0 0 18px; padding-right:24px; padding-left:0; }
li { margin-bottom:9px; }

.author-strip { display:flex; align-items:center; gap:14px; margin:26px 0 8px;
  padding:14px 0; border-top:1px solid #e8ecf1; border-bottom:1px solid #e8ecf1; }
.author-strip img { width:60px; height:60px; border-radius:50%; object-fit:cover; }
.author-strip-text { font-size:14px; color:#556; }
.author-strip-text strong { display:block; color:var(--navy); font-size:15.5px; }

.callout { background:#f4f7fa; border-right:3.5px solid var(--gold); border-radius:9px;
  padding:19px 22px; margin:26px 0; font-size:16.5px; color:var(--navy); }
.callout-teal { background:#eef7f8; border-right-color:var(--teal); }

details.faq { border:1.5px solid #e5e5e5; border-radius:10px; margin-bottom:10px; background:#fff; }
details.faq[open] { border-color:var(--gold); }
details.faq summary { cursor:pointer; padding:16px 20px; font-weight:700; font-size:16.5px;
  color:var(--navy); list-style:none; display:flex; justify-content:space-between;
  align-items:center; gap:14px; font-family:'Noto Kufi Arabic',sans-serif; }
details.faq summary::-webkit-details-marker { display:none; }
details.faq summary::after { content:"+"; color:var(--teal); font-size:22px; flex-shrink:0; }
details.faq[open] summary::after { content:"\2212"; }
details.faq .faq-a { padding:0 20px 18px; font-size:16px; color:#444; }

.refs { background:#f8fafc; border-right:3px solid var(--teal); border-radius:8px; padding:19px 22px; margin:34px 0; }
.refs h3 { font-size:15px; margin:0 0 10px; color:var(--navy); }
.refs li { font-size:14px; color:#555; direction:ltr; text-align:left; }

.related { background:#fff8e6; border-radius:10px; padding:19px 22px; margin:30px 0; }
.related strong { display:block; color:var(--navy); margin-bottom:8px; }

.cta-band { background:var(--navy); color:#fff; padding:46px 24px; text-align:center; }
.cta-band h2 { color:#fff; margin:0 0 12px; }
.cta-band p { color:#c5d1e3; max-width:600px; margin:0 auto 20px; }
.btn { display:inline-block; padding:13px 26px; border-radius:8px; text-decoration:none;
  font-weight:700; font-size:15.5px; font-family:'Noto Kufi Arabic',sans-serif; }
.btn-gold { background:var(--gold); color:var(--navy); }
.btn-primary { background:var(--navy); color:#fff; }
.btn-secondary { border:1.5px solid #fff; color:#fff; }

footer { background:var(--navy); color:#c5d1e3; padding:44px 24px 22px; font-size:14.5px; }
.foot-grid { max-width:1080px; margin:0 auto; display:grid; gap:30px;
  grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); }
footer h4 { color:#fff; font-size:15.5px; margin-bottom:12px; }
footer a { color:#c5d1e3; text-decoration:none; display:block; margin-bottom:7px; }
footer a:hover { color:var(--gold); }
.foot-bottom { max-width:1080px; margin:26px auto 0; padding-top:18px;
  border-top:1px solid rgba(255,255,255,.14); font-size:13px; display:flex;
  justify-content:space-between; flex-wrap:wrap; gap:10px; }
.disclaimer { background:#f6f8fa; padding:18px 24px; font-size:13px; color:#667; text-align:center; }

@media (max-width:640px){
  body{font-size:16px;} h1{font-size:26px;} h2{font-size:21px;} .subtitle{font-size:17px;}
  .wrap{padding:34px 18px;} .nav-links{gap:13px;} .nav-links a{font-size:14px;}
}

/* ---------- floating waiting-list button ---------- */
.wa-float { position:fixed; right:18px; bottom:18px; z-index:150; display:inline-flex; align-items:center; gap:8px;
  background:#1f8f4e; color:#fff !important; text-decoration:none; font-weight:600; font-size:14px;
  padding:12px 18px; border-radius:40px; box-shadow:0 6px 20px rgba(0,0,0,.18); }
.wa-float:hover { background:#18763f; }
.wa-float svg { width:20px; height:20px; fill:#fff; flex-shrink:0; }
@media (max-width:640px){ .wa-float { right:12px; bottom:12px; padding:11px 15px; font-size:13px; } }
@media print { .wa-float { display:none; } }
.review-note { font-size:13px; color:#666; max-width:680px; margin:14px auto 0; text-align:center; line-height:1.6; }
.med-disclaimer { background:#f8fafc; border:1px solid #e5e5e5; border-radius:10px; padding:16px 20px; font-size:14px; color:#555; line-height:1.65; margin:32px 0 8px; }
.med-disclaimer strong { color:#0A2342; }
.reviewed-line { display:block; font-size:11.5px; color:#007B8A; margin-top:2px; font-weight:600; }
