/* ==========================================================================
   KAN3REF — Feuille de style d'impression (fiches FR / AR)
   Chargée via : <link rel="stylesheet" href="/print.css" media="print" />
   Le bouton « Télécharger PDF » déclenche window.print() → l'utilisateur
   choisit « Enregistrer au format PDF » dans le dialogue d'impression.
   Charte : marine #0B1E3A, or #C9A227, Amiri pour l'arabe.
   ========================================================================== */

@media print {
  /* ---- Page ---- */
  @page {
    size: A4;
    margin: 18mm 15mm 20mm 15mm;
  }

  /* Force le thème clair à l'impression (le site utilise darkMode: 'media').
     Sans ceci, un OS en mode sombre imprimerait les fonds marine/noir. */
  :root {
    color-scheme: light;
  }

  /* ========================================================================
     ÉLÉMENTS MASQUÉS
     ======================================================================== */
  body > header,                 /* header du site (logo + nav) */
  body > footer,                 /* footer du site */
  article nav,                   /* fil d'Ariane + sommaire (ancres inutiles sur papier) */
  article div:has(> audio),      /* lecteur audio (voix Kore) */
  audio,                         /* sécurité */
  div:has(> #pdf-btn),           /* bloc actions : partage / favoris / PDF */
  #pdf-btn,
  #fav-btn,
  .kan3ref-paywall,              /* mur d'inscription */
  [id*="chatbot"],               /* chatbot (défensif — composant à venir) */
  [class*="chatbot"],
  [id*="chat-widget"],
  [class*="chat-widget"],
  [id*="quiz-teaser"],           /* teaser quiz (défensif) */
  [class*="quiz-teaser"] {
    display: none !important;
  }

  /* ========================================================================
     BASE
     ======================================================================== */
  html, body {
    background: #ffffff !important;
    color: #1a1a1a !important;
  }

  body {
    font-size: 11pt;
    line-height: 1.65;
  }

  main#contenu {
    display: block;
  }

  article {
    max-width: none;
    padding: 0;
  }

  /* ========================================================================
     EN-TÊTE D'IMPRESSION : logo + marque + URL, puis titre de la fiche
     Astuce : l'élément <title> (contenu = « {titre fiche} — KAN3REF كنعرف »)
     est révélé en print ; son ::before affiche le bandeau de marque.
     Dégradation gracieuse : si un navigateur ne l'affiche pas, le <h1>
     de la fiche reste imprimé juste en dessous.
     ======================================================================== */
  head {
    display: block;
  }
  head > :not(title) {
    display: none !important;
  }
  title {
    display: block;
    font-size: 20pt;
    font-weight: 700;
    line-height: 1.3;
    color: #0b1e3a;
    margin: 0 0 6mm 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  title::before {
    content: "KAN3REF \2014 \0643\0646\0639\0631\0641   \00b7   kan3ref.pages.dev";
    display: block;
    min-height: 14mm;
    margin-bottom: 5mm;
    padding-bottom: 3mm;
    padding-inline-start: 42mm; /* réserve la place du logo */
    background-image: url("/images/kan3ref-lockup-2.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    border-bottom: 2pt solid #c9a227;
    font-size: 10pt;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 14mm;
    color: #0b1e3a;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  html[dir="rtl"] title::before {
    background-position: right center;
    text-align: right;
  }

  /* ========================================================================
     CONTENU : charte marine / or
     ======================================================================== */
  article h1 {
    color: #0b1e3a !important;
    font-size: 22pt;
    line-height: 1.25;
    margin-bottom: 3mm;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .prose-custom h2 {
    color: #0b1e3a !important;
    font-size: 14pt;
    border-bottom: 1.5pt solid #c9a227;
    padding-bottom: 2mm;
    margin-top: 8mm;
    break-after: avoid;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .prose-custom h3 {
    color: #0b1e3a !important;
    font-size: 12pt;
    break-after: avoid;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .prose-custom p,
  .prose-custom li {
    orphans: 3;
    widows: 3;
  }

  .prose-custom a {
    color: #0b1e3a !important;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  /* Les URLs des liens externes sont imprimées entre parenthèses
     (utile sur papier pour retrouver les sources). */
  .prose-custom a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.82em;
    color: #555555;
    word-break: break-all;
  }

  .prose-custom blockquote {
    border-inline-start: 3pt solid #c9a227 !important;
    break-inside: avoid;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .prose-custom img {
    max-width: 100%;
    break-inside: avoid;
  }

  .prose-custom ul,
  .prose-custom ol {
    break-inside: avoid;
  }

  /* Bandeau disclaimer de la page : conservé, sans fond (économie d'encre) */
  article div[role="note"] {
    background: transparent !important;
    border: 1pt solid #c9a227 !important;
    border-inline-start: 4pt solid #c9a227 !important;
    break-inside: avoid;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* ========================================================================
     PIED DE PAGE D'IMPRESSION : disclaimer + kan3ref.pages.dev
     ======================================================================== */
  body::after {
    content: "\2696\fe0f Information g\00e9n\00e9rale \2014 pas un avis d\2019avocat. Pour votre situation, consultez un juriste. \2014 kan3ref.pages.dev";
    display: block;
    margin-top: 10mm;
    padding-top: 4mm;
    border-top: 2pt solid #c9a227;
    font-size: 8.5pt;
    line-height: 1.5;
    color: #555555;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  html[dir="rtl"] body::after {
    content: "\2696\fe0f \0645\0639\0644\0648\0645\0627\062a \0639\0627\0645\0629 \2014 \0644\064a\0633\062a \0627\0633\062a\0634\0627\0631\0629 \0645\062d\0627\0645\064d. \0644\0648\0636\0639\064a\062a\0643 \0627\0644\062e\0627\0635\0629\u060c \0627\0633\062a\0634\0631 \0645\062e\062a\0635\0627\u064b \0642\0627\0646\0648\0646\064a\0627\u064b. \2014 kan3ref.pages.dev";
    text-align: right;
  }
}