/* ═══════════════════════════════════════════════════════════════════════════
   clinic-site-b.css — دلتای اپ برای صفحهٔ اصلی و پوستهٔ سایت کلینیک (عامل B، ۰۹-۲۷)
   فقط کلاس‌های تازه با پیشوند cl-x-b-؛ هیچ قاعدهٔ موکاپ این‌جا بازنویسی نمی‌شود
   (CSS موکاپ = clinic.css ماشینی عامل A). همه زیر .cl-root.
   ═══════════════════════════════════════════════════════════════════════════ */

/* کارت مقاله: کل کارت قابل کلیک با لینک کشیده روی تیتر (DOM موکاپ حفظ می‌شود) */
.cl-root .cl-x-b-arlink{position:relative}
.cl-root .cl-x-b-stretch{color:inherit;text-decoration:none}
.cl-root .cl-x-b-stretch::after{content:"";position:absolute;inset:0;z-index:1}
.cl-root .cl-x-b-stretch:focus-visible{outline:none}
.cl-root .cl-x-b-arlink:has(.cl-x-b-stretch:focus-visible){outline:2px solid var(--focus,var(--p));outline-offset:4px;border-radius:18px}

/* جای عکس نویسنده/درمانگر وقتی عکس نیست: آیکون خنثی (نه حرف اول) */
.cl-root .cl-x-b-avsil{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;flex:none;background:var(--p-soft);color:var(--p)}
.cl-root .cl-x-b-avsil svg.cl-i{width:18px;height:18px}
.cl-root .cl-x-b-avsil-lg{width:40px;height:40px;background:rgba(255,255,255,.1);color:var(--on-glass,#fff);border:2px solid rgba(255,255,255,.25)}
.cl-root .cl-x-b-avsil-lg svg.cl-i{width:22px;height:22px}

/* قاب عکس درمانگر بدون عکس */
.cl-root .cl-x-b-noph{position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(160deg,var(--p-soft),color-mix(in srgb,var(--p-soft) 55%,var(--paper2)));color:var(--p)}
.cl-root .cl-x-b-noph svg.cl-i{width:38%;height:38%;max-width:120px;max-height:120px;stroke-width:1}
.cl-root .cl-px .cl-x-b-noph{inset:0}

/* کارت خدمت بدون عکس */
.cl-root .cl-x-b-noimg{position:absolute;inset:0;display:grid;place-items:center;
  background:color-mix(in srgb,var(--og,#fff) 8%,transparent);color:var(--acc)}
.cl-root .cl-x-b-noimg svg.cl-i{width:34px;height:34px;stroke-width:1.2}

/* نوار اطلاعات با کمتر از چهار ستون (فقط دسکتاپ؛ موبایل همان دوستونهٔ موکاپ) */
@media (min-width:861px){
  .cl-root .cl-facts .cl-ribbon.cl-x-b-n1{grid-template-columns:1fr}
  .cl-root .cl-facts .cl-ribbon.cl-x-b-n2{grid-template-columns:1.25fr 1fr}
  .cl-root .cl-facts .cl-ribbon.cl-x-b-n3{grid-template-columns:1.25fr 1fr 1fr}
}

/* نشانی بدون نقشه: ستون کناری تمام‌عرض */
.cl-root .cl-locx.cl-x-b-nomap{grid-template-columns:minmax(0,640px)}

/* پیام «در حال دیدن تقویم» / «وقت خالی ندارد» داخل شبکهٔ ساعت‌ها */
.cl-root .cl-x-b-slotwait{grid-column:1/-1;font-size:13px;line-height:38px;color:var(--on-glass-mut);text-align:center;
  border:1px dashed rgba(255,255,255,.22);border-radius:var(--r-xs)}

/* مهر اینماد واقعی به‌جای جای‌نگهدار خط‌چین موکاپ */
.cl-root .cl-foot .cl-badge.cl-x-b-enamad{width:auto;height:auto;border:0;padding:0;display:inline-block}

/* لینک‌های ردیف CTA (کل ردیف قابل کلیک) */
.cl-root .cl-cta .cl-gcard a.cl-sl{text-decoration:none;border-radius:12px;transition:background var(--d-2)}
.cl-root .cl-cta .cl-gcard a.cl-sl:hover{background:rgba(255,255,255,.06)}

@media (prefers-reduced-motion:reduce){
  .cl-root .cl-cta .cl-gcard a.cl-sl{transition:none}
}