/* =========================================================
   وقف تبجيل — print.css
   تنسيقات مخصّصة لتصدير الموقع كتقرير PDF عبر window.print().
   هذا الملف مستقل وقابل لإعادة الاستخدام في أي موقع آخر بنفس الفكرة:
   فقط أضف الصنف "no-print" على أي عنصر تفاعلي (أزرار، هيدر، فوتر
   الموقع، عناصر عائمة)، والصنف "print-only" على أي عنصر تريده يظهر
   في التقرير فقط (غلاف، شريط علوي، تذييل)، ثم اربط هذا الملف بوسم:
     <link rel="stylesheet" href="css/print.css" media="print">

   ملحوظ: كل القواعد هنا مغلّفة أيضًا داخل @media print احترازيًا،
   بحيث يبقى الملف يعمل بأمان حتى لو استُخدم بدون media="print"
   على وسم <link> في موقع آخر.
   ========================================================= */

@media print{

  /* ===== ألوان التقرير (هوية وقف تبجيل) ===== */
  :root{
    --pdf-navy: #000033;
    --pdf-blue: #0033A0;
    --pdf-sky: #6699FF;
    --pdf-white: #FFFFFF;
    --pdf-tint: #F2F5FC;
    --pdf-ink: #16181f;
    --pdf-ink-soft: #4c5570;
    --pdf-line: #d8dce6;
  }

  /* ===== إعداد الصفحة: A4 مع هوامش تفسح مجالًا للشريط العلوي والتذييل ===== */
  @page{
    size: A4;
    margin: 24mm 14mm 20mm 14mm;
  }

  /* ===== إعادة ضبط عامة لتفادي أي تمرير أفقي أو قص للنصوص ===== */
  html, body{
    width: 100% !important;
    overflow: visible !important;
    background: var(--pdf-white) !important;
    color: var(--pdf-ink) !important;
    font-size: 11.5pt;
    line-height: 1.7;
  }
  * { box-shadow: none !important; text-shadow: none !important; }
  .container{ max-width: 100% !important; padding-inline: 0 !important; }

  /* =========================================================
     إخفاء كل عنصر خاص بالموقع الحي وغير مناسب للتقرير الورقي
     ========================================================= */
  .no-print,
  .site-header,
  .site-footer,
  .float-actions,
  .hero-decor,
  .scroll-cue{
    display: none !important;
  }

  /* ===== إظهار عناصر التقرير المخصَّصة للطباعة فقط ===== */
  .print-only{ display: block !important; }

  /* ---- غلاف التقرير (الصفحة الأولى) ---- */
  .print-cover{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 230mm;
    page-break-after: always;
    break-after: page;
    background:
      linear-gradient(180deg, var(--pdf-navy) 0%, var(--pdf-navy) 6mm, transparent 6mm),
      linear-gradient(0deg, var(--pdf-blue) 0%, var(--pdf-blue) 4mm, transparent 4mm),
      var(--pdf-white);
    border: 1px solid var(--pdf-line);
    border-radius: 4mm;
    padding: 20mm 14mm;
  }
  .print-cover-logo{
    width: 90px; height: 90px; border-radius: 50%;
    margin-bottom: 20px;
    border: 3px solid var(--pdf-tint);
  }
  .print-cover h1{
    font-family: 'Cairo', sans-serif;
    font-size: 26px; font-weight: 800; color: var(--pdf-blue);
    margin-bottom: 14px;
    max-width: 26ch;
  }
  .print-cover-tagline{
    font-family: 'Cairo', sans-serif;
    font-size: 15px; font-weight: 700; color: var(--pdf-navy);
    margin-bottom: 30px;
  }
  .print-cover-subtitle{
    font-family: 'Tajawal', sans-serif;
    font-size: 12px; color: var(--pdf-sky);
    direction: ltr;
    margin-bottom: 8px;
  }
  .print-cover-date{
    font-family: 'Tajawal', sans-serif;
    font-size: 12px; color: var(--pdf-ink-soft);
  }

  /* ---- شريط علوي صغير يتكرر أعلى كل صفحة (شعار + اسم الوقف) ---- */
  .print-header-bar{
    display: flex !important;
    align-items: center; gap: 8px;
    position: fixed;
    top: 0; left: 14mm; right: 14mm;
    height: 16mm;
    border-bottom: 1.5px solid var(--pdf-blue);
    font-family: 'Cairo', sans-serif;
    font-size: 11px; font-weight: 700; color: var(--pdf-blue);
  }
  .print-header-bar img{ width: 20px; height: 20px; border-radius: 50%; }

  /* ---- تذييل يتكرر في كل صفحة مطبوعة ---- */
  .print-footer-bar{
    display: flex !important;
    justify-content: space-between; flex-wrap: wrap; gap: 4px 14px;
    position: fixed;
    bottom: 0; left: 14mm; right: 14mm;
    border-top: 1px solid var(--pdf-line);
    padding-top: 6px;
    font-family: 'Tajawal', sans-serif;
    font-size: 9px; color: var(--pdf-ink-soft);
  }
  .print-footer-bar span:first-child{ color: var(--pdf-blue); font-weight: 700; }

  /* ===== إصلاح مشكلة الظهور التدريجي: تُجبَر كل العناصر على الظهور
     الكامل عند الطباعة، لأن بعضها قد لا يكون دخل نطاق الرؤية بعد
     أثناء التصفح العادي (JS reveal-on-scroll) ===== */
  .reveal, .reveal-stagger, .reveal-stagger > *{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* =========================================================
     تصميم غني للأقسام بدل الأبيض الساده — شريط علوي ملوّن لكل قسم
     وخلفية خفيفة مستوحاة من هوية الوقف
     ========================================================= */
  main > section{
    background: var(--pdf-tint) !important;
    border: 1px solid var(--pdf-line);
    border-radius: 3mm;
    border-top: 2.5mm solid var(--pdf-blue);
    padding: 6mm 6mm 8mm !important;
    margin-bottom: 6mm;
  }
  main > section .container{ padding: 0 !important; }

  /* الأقسام الداكنة أصلًا (الهيرو، الأهداف، التوضيح، الدعم، الطموح) تأخذ
     شريطًا علويًا بلون الهوية الداكن بدل الأزرق لتمييزها بصريًا */
  #hero, #waqf-goals, #why-association-impact, #donation, #investment-goal{
    border-top-color: var(--pdf-navy);
  }

  .section-title, .section-title.on-dark,
  .hero h1, .why-quote, .clarify-box h2{
    color: var(--pdf-navy) !important;
  }
  .section-title em, .section-title.on-dark em,
  .hero h1 em, .why-quote em{
    color: var(--pdf-blue) !important;
  }
  .section-desc, .section-desc.on-dark, .hero-sub,
  .clarify-box p, .why-item p, .support-card p{
    color: var(--pdf-ink-soft) !important;
  }
  .eyebrow, .eyebrow.on-dark{
    color: var(--pdf-blue) !important;
    background: #e4eaf9 !important;
    border-color: #c7d0ea !important;
  }

  /* ===== بطاقات بيضاء نظيفة داخل الأقسام المُلوَّنة خلفيتها ===== */
  .relation-card, .pillar-card, .why-item, .spend-item,
  .founder-card, .board-card, .bank-card, .support-card,
  .contact-row, .trust-card, .impact-card{
    background: var(--pdf-white) !important;
    border: 1px solid var(--pdf-line) !important;
    color: var(--pdf-ink) !important;
  }
  .trust-card .tc-head h3, .tc-row .v, .tc-quote,
  .impact-card .value{ color: var(--pdf-blue) !important; }
  .tc-row .k, .bb-label, .bb-bank{ color: var(--pdf-ink-soft) !important; }

  .icon-chip, .icon-chip.on-dark{ background: #e4eaf9 !important; }
  .icon-chip svg, .icon-chip.on-dark svg{ color: var(--pdf-blue) !important; }

  .iban-display{
    color: var(--pdf-navy) !important;
    background: var(--pdf-white) !important;
    border: 1.5px dashed var(--pdf-blue) !important;
  }

  .investment-panel, .investment-headline{
    background: var(--pdf-white) !important;
    border: 1px solid var(--pdf-line) !important;
    color: var(--pdf-ink) !important;
  }
  .investment-headline b{ color: var(--pdf-blue) !important; }

  /* ===== منع انقسام البطاقات والوحدات الصغيرة عبر صفحتين ===== */
  .impact-card, .relation-card, .pillar-card, .why-item, .spend-item,
  .founder-card, .board-card, .bank-card, .support-card, .contact-row,
  .trust-card{
    break-inside: avoid;
    page-break-inside: avoid;
  }
  main > section{ break-inside: avoid-page; }

  /* منع بقاء عنوان قسم وحيدًا في أسفل الصفحة بدون محتواه */
  h2, h3, h4{
    break-after: avoid-page;
    page-break-after: avoid;
  }

  /* ===== شبكات البطاقات: عرض واضح على الورق (عمودان بدل عمود واحد) ===== */
  .impact-grid, .relation-grid, .pillars, .why-grid, .spend-list,
  .founders-list, .board-grid{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 3mm !important;
  }

  /* ===== الصور والشعارات لا تتشوّه ===== */
  img{ max-width: 100% !important; }
}