/* =====================================================================
   media.css — البلوكات المميّزة + محرّك الوسائط + الطبقة اللونية الاحترافية
   يعتمد primitive + semantic لكل موقع. الإصدار 1.0.0
   ===================================================================== */

/* ---------------------------------------------------------------------
   الطبقة اللونية الاحترافية: ترميز لوني للفئات + ارتفاعات + تدرّجات.
   تُعرّف لكل موقع لتناسب سجله البصري (تُدمج مع tokens الدلالية).
   --------------------------------------------------------------------- */
[data-site="tameensa"]{
  --cat-coverage:#0F3D4A; --cat-claims:#C0512F; --cat-rights:#B0842A;
  --cat-regulation:#3B4E86; --cat-tools:#1F7A5C; --cat-default:#0F3D4A;
  --elev-1:0 1px 2px rgba(13,42,51,.06),0 2px 6px rgba(13,42,51,.06);
  --elev-2:0 6px 22px rgba(13,42,51,.10);
  --elev-3:0 16px 44px rgba(13,42,51,.16);
}
[data-site="daleel"]{
  --cat-tech:#13505B; --cat-med:#B23A2E; --cat-elig:#9A5B0C;
  --cat-standards:#3B4E86; --cat-default:#13505B;
  --cat-coverage:#13505B; --cat-claims:#0E6E7A; --cat-rights:#9A5B0C;
  --cat-regulation:#3B4E86; --cat-tools:#1B7A4B;
  --elev-1:0 1px 2px rgba(17,26,34,.06),0 2px 6px rgba(17,26,34,.06);
  --elev-2:0 6px 22px rgba(17,26,34,.09);
  --elev-3:0 16px 44px rgba(17,26,34,.14);
}

/* لون الفئة النشِط: تُضبط --c على مستوى المكوّن عبر صنف bdm-cat--X */
.bdm{--c:var(--cat-default)}
.bdm-cat--coverage{--c:var(--cat-coverage)} .bdm-cat--claims{--c:var(--cat-claims)}
.bdm-cat--rights{--c:var(--cat-rights)} .bdm-cat--regulation{--c:var(--cat-regulation)}
.bdm-cat--tools{--c:var(--cat-tools)} .bdm-cat--tech{--c:var(--cat-tech)}
.bdm-cat--med{--c:var(--cat-med)} .bdm-cat--elig{--c:var(--cat-elig)}
.bdm-cat--standards{--c:var(--cat-standards)} .bdm-cat--default{--c:var(--cat-default)}

.bdm{font-family:var(--font-text,var(--bd-font-plex));color:var(--text,#0D2A33)}

/* ---------------- media-hero ---------------- */
.bdm-hero{position:relative;border-radius:var(--bd-radius-lg);overflow:hidden;
  margin:0 0 var(--bd-space-6);box-shadow:var(--elev-2);isolation:isolate}
.bdm-hero__media{position:relative;line-height:0}
.bdm-hero__media .bdm-illus,.bdm-hero__img{display:block;width:100%;height:auto}
.bdm-hero::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.20) 45%,transparent 72%)}
.bdm-hero__body{position:absolute;z-index:2;inset-inline:0;inset-block-end:0;
  padding:var(--bd-space-6) var(--bd-space-5);color:#fff}
.bdm-hero__eyebrow{display:inline-block;font-size:.76rem;font-weight:600;letter-spacing:.04em;
  background:rgba(255,255,255,.16);backdrop-filter:blur(4px);color:#fff;
  padding:4px 12px;border-radius:var(--bd-radius-pill);margin-bottom:var(--bd-space-3)}
.bdm-hero__title{font-family:var(--font-display,var(--bd-font-readex));font-weight:700;
  font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.35;margin:0;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.bdm-hero__sub{margin:var(--bd-space-2) 0 0;color:rgba(255,255,255,.9);font-size:1.02rem;max-width:46ch}

/* ---------------- feature-cards ---------------- */
.bdm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:var(--bd-space-4);margin:var(--bd-space-6) 0}
.bdm-card{position:relative;display:block;background:var(--surface-card,#fff);
  border:1px solid var(--line,#e2e2e2);border-radius:var(--bd-radius-lg);
  padding:var(--bd-space-5);box-shadow:var(--elev-1);transition:transform .18s,box-shadow .18s;
  text-decoration:none;color:inherit;overflow:hidden}
.bdm-card::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;background:var(--c)}
a.bdm-card:hover{transform:translateY(-3px);box-shadow:var(--elev-2)}
.bdm-card__ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:var(--bd-radius-md);background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);
  margin-bottom:var(--bd-space-3)}
.bdm-card__t{font-family:var(--font-display,inherit);font-size:1.1rem;font-weight:600;
  color:var(--ink,#0D2A33);margin:0 0 var(--bd-space-2)}
.bdm-card__x{font-size:.94rem;color:var(--text-2,#555);margin:0;line-height:1.7}
.bdm-card__go{position:absolute;inset-block-end:var(--bd-space-4);inset-inline-start:var(--bd-space-5);
  color:var(--c);font-size:1.1rem;opacity:.5;transition:.18s}
a.bdm-card:hover .bdm-card__go{opacity:1;transform:translateX(-3px)}

/* ---------------- explainer ---------------- */
.bdm-explainer{margin:var(--bd-space-6) 0;display:grid;gap:var(--bd-space-3)}
.bdm-step{display:flex;gap:var(--bd-space-4);align-items:flex-start;
  background:var(--surface-card,#fff);border:1px solid var(--line,#e2e2e2);
  border-radius:var(--bd-radius-md);padding:var(--bd-space-4) var(--bd-space-5);box-shadow:var(--elev-1)}
.bdm-step__n{flex:0 0 auto;width:38px;height:38px;border-radius:50%;
  background:var(--brand,#0F3D4A);color:#fff;font-family:var(--font-display,inherit);font-weight:700;
  display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.bdm-step__t{margin:0 0 4px;font-size:1.05rem;font-weight:600;color:var(--ink,#0D2A33)}
.bdm-step__x{margin:0;font-size:.95rem;color:var(--text-2,#555);line-height:1.7}

/* ---------------- timeline ---------------- */
.bdm-timeline{list-style:none;margin:var(--bd-space-6) 0;padding:0;position:relative}
.bdm-timeline::before{content:"";position:absolute;inset-block:6px;inset-inline-start:9px;
  width:2px;background:var(--line-strong,#ccc)}
.bdm-tl{position:relative;padding-inline-start:var(--bd-space-6);padding-bottom:var(--bd-space-5)}
.bdm-tl__dot{position:absolute;inset-inline-start:2px;inset-block-start:4px;width:16px;height:16px;
  border-radius:50%;background:var(--brand,#0F3D4A);border:3px solid var(--surface,#f6f3ec);z-index:1}
.bdm-tl__date{display:inline-block;font-family:var(--bd-font-mono);font-size:.78rem;
  color:var(--accent-ink,#8F3A20);background:var(--accent-soft,#f6e4dc);
  padding:2px 9px;border-radius:var(--bd-radius-pill);margin-bottom:6px}
.bdm-tl__t{margin:0 0 4px;font-size:1.08rem;font-weight:600;color:var(--ink,#0D2A33)}
.bdm-tl__x{margin:0;font-size:.95rem;color:var(--text-2,#555);line-height:1.75}

/* ---------------- highlight ---------------- */
.bdm-highlight{position:relative;margin:var(--bd-space-6) 0;padding:var(--bd-space-5) var(--bd-space-6);
  background:var(--brand-tint,#f0f5f5);border-radius:var(--bd-radius-lg);
  border-inline-start:5px solid var(--accent,#C0512F)}
.bdm-highlight__t{margin:0;font-family:var(--font-display,inherit);font-size:1.22rem;line-height:1.7;
  color:var(--ink,#0D2A33);font-weight:500}
.bdm-highlight__c{display:block;margin-top:var(--bd-space-3);font-size:.88rem;color:var(--text-2,#555);font-style:normal}
.bdm-highlight__c::before{content:"— "}

/* ---------------- definition-card (دليل نفيس) ---------------- */
.bdm-def{background:var(--surface-card,#fff);border:1px solid var(--line,#dbe2e8);
  border-radius:var(--bd-radius-md);padding:var(--bd-space-4) var(--bd-space-5);
  margin:var(--bd-space-5) 0;border-inline-start:4px solid var(--accent,#0E6E7A);box-shadow:var(--elev-1)}
.bdm-def__head{display:flex;align-items:baseline;gap:var(--bd-space-3);margin-bottom:6px;flex-wrap:wrap}
.bdm-def__term{font-family:var(--font-display,inherit);font-size:1.1rem;font-weight:700;color:var(--ink,#111A22)}
.bdm-def__abbr{font-family:var(--bd-font-mono);font-size:.8rem;color:var(--accent-ink,#0A4E57);
  background:var(--accent-soft,#ddeef0);padding:2px 9px;border-radius:var(--bd-radius-pill)}
.bdm-def__body{margin:0;font-size:.96rem;color:var(--text,#111A22);line-height:1.75}

/* ---------------- spec-grid (دليل نفيس) ---------------- */
.bdm-spec{margin:var(--bd-space-5) 0;border:1px solid var(--line,#dbe2e8);border-radius:var(--bd-radius-md);
  overflow:hidden;box-shadow:var(--elev-1)}
.bdm-spec__row{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--line,#dbe2e8)}
.bdm-spec__row:last-child{border-bottom:0}
.bdm-spec__k{margin:0;padding:11px var(--bd-space-4);background:var(--surface-sunk,#edf1f4);
  font-weight:600;color:var(--ink-2,#1E2B36);font-size:.9rem}
.bdm-spec__v{margin:0;padding:11px var(--bd-space-4);font-family:var(--bd-font-mono);
  font-size:.88rem;color:var(--text,#111A22);background:var(--surface-card,#fff);word-break:break-word}
@media(max-width:520px){.bdm-spec__row{grid-template-columns:1fr}}

/* ---------------- media-figure ---------------- */
.bdm-figure{margin:var(--bd-space-6) 0;border-radius:var(--bd-radius-lg);overflow:hidden;
  box-shadow:var(--elev-1);background:var(--surface-card,#fff)}
.bdm-figure__media{position:relative;width:100%;overflow:hidden;line-height:0;background:var(--surface-sunk,#eee)}
.bdm-figure__media .bdm-illus,.bdm-figure__img{display:block;width:100%;height:100%;object-fit:cover}
.bdm-figure__cap{display:flex;flex-wrap:wrap;gap:var(--bd-space-3);align-items:baseline;
  padding:var(--bd-space-3) var(--bd-space-4);font-size:.84rem;color:var(--text-2,#555);
  border-top:1px solid var(--line,#e2e2e2)}
.bdm-figure__credit{margin-inline-start:auto;color:var(--text-3,#888);font-size:.78rem}
.bdm-figure__credit::before{content:"المصدر: "}