/* ════════════════════════════════════════════════════════════════
   تنسيق الشهادات
   ⚠ كل المقاسات هنا بالمليمتر — الصفحة A4 أفقية 297×210.
     البكسل يولّد ورقة بيضاء زائدة (فرق 0.13mm).
   ════════════════════════════════════════════════════════════════ */

.cert-page {
  font-family: 'Noto Sans Arabic', sans-serif;
  color: #1b2733;
  background: #fff;
  direction: rtl;
}

/* نقشة خفيفة جدًا تمنع البياض الميت — كما في نماذج الوزارة */
.cert-page::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 50% 50%, rgba(15,122,107,.05) 1px, transparent 1.2px);
  background-size: 7mm 7mm;
}

.c-deco { position: absolute; inset: 0; width: 100%; height: 100%; }

.c-body {
  position: relative; z-index: 2;
  height: 100%;
  padding: 12mm 26mm 10mm;
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
}

/* ─── الشعارات ─────────────────────────────────────────────── */
.c-logos {
  width: 100%; display: flex; align-items: flex-start;
  justify-content: space-between; margin-bottom: 2mm;
}
.c-logo-vision { height: 17mm; width: auto; }
.c-logo-moe    { height: 14mm; width: auto; }

/* ─── العنوان ──────────────────────────────────────────────── */
.c-title {
  font-size: 13mm; font-weight: 900; line-height: 1.1;
  color: var(--tier, #0f7a6b);
  margin: 1mm 0 5mm;
  letter-spacing: -.3mm;
}
.c-excellence .c-title { font-size: 11mm; }

/* ─── النصوص ───────────────────────────────────────────────── */
.c-lead   { font-size: 4.6mm; font-weight: 700; margin: 0 0 4mm; color: #2b3a48; }
.c-to     { font-size: 4.4mm; font-weight: 700; margin: 0 0 1mm; color: #5a6b7b; }
.c-name {
  font-size: 9mm; font-weight: 900; margin: 0 0 5mm;
  color: #0f7a6b;
  padding-bottom: 2mm;
  border-bottom: .5mm solid rgba(184,164,136,.55);
  min-width: 110mm;
}
.c-reason { font-size: 4.3mm; font-weight: 600; margin: 0 0 2mm; line-height: 1.8; max-width: 210mm; }
.c-dua    { font-size: 4.3mm; font-weight: 700; margin: 3mm 0 0; color: #0f7a6b; }

/* ─── التوقيعان ────────────────────────────────────────────── */
.c-signs {
  margin-top: auto; padding-top: 6mm;
  width: 100%; display: flex; justify-content: space-between; align-items: flex-end;
}
.c-sign { display: flex; flex-direction: column; gap: 1.5mm; min-width: 55mm; }
.c-sign-role { font-size: 4mm; font-weight: 800; color: #0f7a6b; }
.c-sign-name { font-size: 4.2mm; font-weight: 700; color: #1b2733; min-height: 5mm; }

/* ─── ترويسة الإدارة (أسفل، صغيرة) ─────────────────────────── */
.c-admin {
  margin-top: 4mm; display: flex; gap: 3mm; flex-wrap: wrap; justify-content: center;
  font-size: 2.9mm; font-weight: 600; color: #7d8b99;
}
.c-admin span + span::before { content: '·'; margin-left: 3mm; color: #b8a488; }

/* ─── معاينة على الشاشة: تتقلّص لتناسب الحاوية ─────────────── */
@media screen {
  .cert-stage {
    width: 100%; overflow: hidden;
    display: flex; flex-direction: column; align-items: center;
  }
  /* zoom على الحاوية لا transform — لا يفسد قياس الطباعة */
  .cert-stage .cert-page { zoom: var(--cz, 1); }
}

@media print {
  .cert-stage { display: block; }
  .cert-stage .cert-page { zoom: 1; }
}