/* ============================================================
   Yaqazah — Print Stylesheet (وضع الطباعة المنسق)
   ============================================================ */

@media print {
  @page {
    size: A4;
    margin: 2cm 1.8cm;
  }

  /* Reset colors for ink savings */
  html, body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt;
    line-height: 1.7;
  }

  /* Hide chrome */
  .site-header,
  .site-footer,
  .reading-progress,
  .header-search,
  .header-mobile-toggle,
  .mobile-drawer,
  .article-share,
  .related-articles,
  .cta-strip,
  .toast,
  .home-categories-grid,
  .news-strip,
  .quotes-carousel,
  .dialogues-grid,
  .tabbar,
  .pagination,
  nav,
  .btn,
  .share-row,
  .admin,
  .ornament-leaf,
  .ornament-sun,
  .hero-feature__media,
  .article-tags { display: none !important; }

  /* Reset layout */
  body { display: block !important;}
  .container, .container-narrow, .reading {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .article {
    padding: 0 !important;
    margin: 0 !important;
  }

  .article-cover {
    box-shadow: none !important;
    border-radius: 0 !important;
    aspect-ratio: 16 / 7 !important;
    margin-bottom: 1.2cm !important;
    page-break-inside: avoid;
  }
  .article-cover img { print-color-adjust: exact; -webkit-print-color-adjust: exact;}

  .article-header {
    text-align: start !important;
    border-bottom: 2px solid #000;
    padding-bottom: .8cm;
    margin-bottom: .8cm;
  }
  .article-eyebrow .chip-cat,
  .category-hero__eyebrow {
    background: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    font-weight: bold;
  }

  .article-title {
    font-family: var(--font-display) !important;
    font-size: 28pt !important;
    color: #000 !important;
    line-height: 1.15;
    text-align: start !important;
    margin-bottom: .4cm !important;
  }

  .article-meta {
    color: #555 !important;
    font-size: 9pt !important;
    justify-content: flex-start !important;
    text-align: start;
  }

  /* Content */
  .prose, .article-body {
    color: #111 !important;
    font-family: "Thmanyah Sans", sans-serif !important;
    font-size: 11pt !important;
    line-height: 1.85 !important;
  }
  .prose h2, .prose h3, .prose h4 {
    page-break-after: avoid;
    color: #000 !important;
    font-family: "Thmanyah Serif Display", serif !important;
  }
  .prose h2 { font-size: 18pt !important; margin-top: 1.2cm !important;}
  .prose h3 { font-size: 14pt !important; margin-top: 1cm !important;}
  .prose p { orphans: 3; widows: 3;}
  .prose img, .prose figure {
    page-break-inside: avoid;
    box-shadow: none !important;
    max-width: 100% !important;
    border-radius: 0 !important;
  }
  .prose blockquote {
    background: transparent !important;
    border-inline-start: 3px solid #000 !important;
    color: #000 !important;
    font-style: italic;
    page-break-inside: avoid;
  }
  .prose a {
    color: #000 !important;
    text-decoration: underline !important;
  }
  /* Show URL of links inline */
  .prose a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #555;
    word-break: break-all;
    direction: ltr;
    display: inline-block;
    unicode-bidi: embed;
  }
  .prose.drop-cap > p:first-of-type::first-letter {
    color: #000 !important;
    font-size: 4em !important;
  }

  /* Print footer (rendered in HTML at print time) */
  .print-footer {
    display: block !important;
    margin-top: 1.5cm;
    padding-top: .6cm;
    border-top: 1px solid #000;
    font-size: 9pt;
    color: #555;
    text-align: center;
    direction: rtl;
    page-break-inside: avoid;
  }
  .print-footer a { color: #000 !important; text-decoration: none !important;}
  .print-footer .print-footer__brand {
    font-family: "Thmanyah Serif Display", serif !important;
    font-weight: bold;
    color: #000 !important;
    font-size: 11pt;
    display: block;
    margin-bottom: .2cm;
  }

  /* Interview / infographic adaptations */
  .interviewee {
    background: transparent !important;
    border: 1px solid #000 !important;
    border-inline-start: 4px solid #000 !important;
    page-break-inside: avoid;
  }
  .infographic-image {
    box-shadow: none !important;
    page-break-inside: avoid;
    max-width: 100% !important;
  }
}

/* Hidden by default — print-only block */
.print-footer { display: none; }