/* =====================================================================
   clinic-site-c.css — دلتای عامل C (۹ صفحه داخلی سایت کلینیک)، ۰۹-۲۷
   فقط کلاس‌های تازه با پیشوند cl-x-c- و چند تطبیق لازم برای DOM اپ.
   هیچ قاعده موکاپ این‌جا بازنویسی نمی‌شود (منبع آن‌ها clinic.css ماشینی عامل A است).
   همه قاعده‌ها زیر .cl-root ⇒ صفر اثر روی تنانت‌های تراپیست.
   ===================================================================== */

/* لینک کشیده روی کل کارت (کارت مقاله و مقاله شاخص؛ موکاپ با data-go کلیک می‌گرفت) */
.cl-root .cl-ar,
.cl-root .cl-feat-ar{position:relative}
.cl-root .cl-x-c-stretch{position:absolute;inset:0;z-index:2;border-radius:inherit}
.cl-root .cl-x-c-stretch:focus-visible{outline:2px solid var(--focus,var(--p));outline-offset:4px}

/* آیکون خنثی به‌جای عکس (هرگز حرف اول نام) */
.cl-root .cl-x-c-sil{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;
  background:var(--p-soft);color:var(--p);overflow:hidden}
.cl-root .cl-x-c-sil svg.cl-i{width:58%;height:58%}
.cl-root .cl-frame > .cl-x-c-sil,
.cl-root .cl-frame .cl-x-c-sil-lg{display:grid;width:100%;height:100%;border-radius:0}
.cl-root .cl-frame > .cl-x-c-sil svg.cl-i{width:34%;height:34%;opacity:.8}
.cl-root .cl-author .cl-x-c-sil{width:72px;height:72px}
.cl-root .cl-art-meta .cl-x-c-sil{width:40px;height:40px;border:2px solid rgba(255,255,255,.6)}
.cl-root .cl-who2 .cl-x-c-sil{width:36px;height:36px}
.cl-root .cl-stack .cl-x-c-sil{width:34px;height:34px;border:2px solid #fff}

/* ردیف عکس درمانگران یک خدمت: لینک‌ها بدون تغییر چیدمان .stack موکاپ */
.cl-root .cl-stack .cl-x-c-stackimg{display:contents}
.cl-root .cl-stack .cl-x-c-stackimg > *{margin-inline-start:-10px}
.cl-root .cl-stack .cl-x-c-stackimg:first-child > *{margin-inline-start:0}

/* «درمانگران دیگر کلینیک» در پروفایل (موکاپ: style درون‌خطی روی img) */
.cl-root .cl-x-c-otherth img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.cl-root .cl-x-c-otherth:hover{color:var(--p)}

/* حالت خالی صفحه‌ها (هم‌سبک .fempty موکاپ) */
.cl-root .cl-x-c-empty{padding:40px;text-align:center;color:var(--mut);line-height:2}

/* جدول وقت‌های خالی: بارگذاری / نبود وقت */
.cl-root .cl-x-c-wkload{padding:18px 4px;color:var(--mut);font-size:14px;line-height:1.9}
.cl-root .cl-wk[aria-busy="true"] .cl-x-c-wkload{animation:cl-x-c-pulse 1.4s ease-in-out infinite}
@keyframes cl-x-c-pulse{0%,100%{opacity:1}50%{opacity:.45}}

/* پیام ایمنی نتیجه آزمون (گویه ریسک) — کنتراست متن ۷:۱ به بالا */
.cl-root .cl-x-c-safety{display:flex;gap:12px;align-items:flex-start;text-align:start;width:100%;max-width:470px;
  padding:16px 18px;border-radius:16px;background:#FDECEA;border:1px solid #F1C4BF;color:#6B1A13;margin-bottom:6px}
.cl-root .cl-x-c-safety svg.cl-i{width:24px;height:24px;flex:none;color:#B42318;margin-top:3px}
.cl-root .cl-x-c-safety b{display:block;font-size:15px;margin-bottom:4px}
.cl-root .cl-x-c-safety p{margin:0;font-size:14px;line-height:2}
.cl-root .cl-x-c-safety a{font-weight:800;text-decoration:underline;text-underline-offset:3px;color:#8A1C12}

/* لینک «شروع خودسنجی» کارت‌های کوچک آزمون */
.cl-root .cl-x-c-tstart{align-self:flex-start;margin-top:2px;font-size:14px}

/* پیام وضعیت فرم تماس */
.cl-root .cl-x-c-formerr{color:#B42318;font-weight:700}
.cl-root .cl-x-c-formok{color:#0F6B3E;font-weight:700}
.cl-root .cl-cform .cl-btn[disabled]{opacity:.6;cursor:progress}

/* دکمه غیرفعال (کلاس تکمیل) */
.cl-root .cl-btn[aria-disabled="true"]{opacity:.55;pointer-events:none}

/* مقاله‌های مرتبط: موکاپ style درون‌خطی دوستونه دارد؛ روی موبایل یک ستون */
@media (max-width:860px){
  .cl-root #related.cl-ar-grid{grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion:reduce){
  .cl-root .cl-wk[aria-busy="true"] .cl-x-c-wkload{animation:none}
}