/* =========================================================
   استایل بخش‌های افزونه
   رنگ‌ها از خود قالب خوانده می‌شوند؛ اگر قالب عوض شود،
   مقادیر جایگزین پایین استفاده می‌شوند.
   ======================================================= */
:root{
  --drsa-plum:var(--plum,#3B2853);
  --drsa-lilac:var(--lilac,#A98BCF);
  --drsa-teal:var(--teal,#01AAAD);
  --drsa-line:var(--line,#E7DFF1);
  --drsa-muted:var(--muted,#6B6180);
  --drsa-soft:var(--lilac-soft,#EFE9F7);
}

/* تصویر شاخص صفحه درمان */
.drsa-cover{border-radius:22px;overflow:hidden;border:1px solid var(--drsa-line);background:#fff}
.drsa-cover img{width:100%;display:block;height:auto}

/* ---- مراحل شماره‌دار ---- */
.drsa-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.drsa-step{background:#fff;border:1px solid var(--drsa-line);border-radius:18px;padding:26px 22px}
.drsa-step h3{font-size:17px;font-weight:800;margin:14px 0 8px}
.drsa-step p{font-size:14.5px;color:var(--drsa-muted);margin:0}
.drsa-step-n{width:34px;height:34px;border-radius:11px;background:var(--drsa-soft);
  color:var(--drsa-plum);display:grid;place-items:center;font-weight:800;font-size:15px;margin:0}

/* ---- قبل و بعد ---- */
.drsa-ba{background:#fff;border:1px solid var(--drsa-line);border-radius:20px;padding:22px}
.drsa-ba .wp-block-columns{gap:16px;margin-bottom:0}
.drsa-ba-tag{display:inline-block;font-size:12.5px;font-weight:700;padding:5px 14px;border-radius:999px;
  background:var(--drsa-soft);color:var(--drsa-plum);margin:0 0 10px}
.drsa-ba-after{background:var(--drsa-teal);color:#fff}
.drsa-ba-img img{width:100%;border-radius:14px;display:block;height:auto}
.drsa-ba-img{margin:0}
.drsa-ba-note{font-size:12.5px;color:var(--drsa-muted);margin:16px 0 0;text-align:center}

/* ---- جدول اطلاعات ---- */
.drsa-facts{background:#fff;border:1px solid var(--drsa-line);border-radius:18px;padding:6px 22px}
.drsa-fact{display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  padding:15px 0;margin:0;border-bottom:1px dashed var(--drsa-line);font-size:14.5px}
.drsa-facts .drsa-fact:last-child{border-bottom:0}
.drsa-fact strong{color:var(--drsa-muted);font-weight:600}
.drsa-fact span{color:var(--drsa-plum);font-weight:700;text-align:left}

/* ---- نقل قول ---- */
.drsa-quote{border-inline-start:3px solid var(--drsa-lilac);padding:6px 24px;margin:0}
.drsa-quote p{font-size:18px;line-height:2;color:var(--drsa-plum);margin:0 0 10px}
.drsa-quote-by{font-size:13.5px!important;color:var(--drsa-lilac)!important;font-weight:700;margin:0!important}

/* ---- هشدار ---- */
.drsa-warn{background:#FFF7E8;border:1px solid #F0DFBC;border-inline-start:3px solid #D9A441;
  border-radius:14px;padding:18px 22px}
.drsa-warn p{margin:0;font-size:14.5px;color:#6B5423;line-height:2}

@media(max-width:900px){
  .drsa-steps{grid-template-columns:1fr}
}