/* =============================================================================
   Inoma Canada — 08-impression.css
   -----------------------------------------------------------------------------
   Mise en page à l'impression (et à l'export PDF du navigateur).

   POURQUOI : un entrepreneur qui monte un dossier de subvention doit pouvoir
   sortir la fiche d'un modèle et la joindre telle quelle. La page à l'écran ne
   convient pas — fond marine, navigation, boutons, appels à l'action.
   On imprime donc l'essentiel : marque, modèle, NUMÉRO AHRI, caractéristiques.

   Chargée par toutes les pages, active uniquement sous @media print.
   ========================================================================== */

@media print {
  /* ---------------------------------------------------------------------------
     Base — encre noire sur papier blanc, pas de fond coûteux
  --------------------------------------------------------------------------- */
  :root {
    --couleur-fond: #fff;
    --couleur-surface: #fff;
    --couleur-surface-basse: #fff;
  }

  @page {
    margin: 16mm 14mm;
  }

  html, body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt;
  }

  body { visibility: visible; } /* neutralise le masque anti-clignotement i18n */

  /* ---------------------------------------------------------------------------
     Ce qui ne s'imprime pas
  --------------------------------------------------------------------------- */
  .bandeau-prive,
  .entete,
  .pied,
  .lien-evitement,
  .ariane,
  .fiche__actions,
  .appel-pro,
  .encart-ahri,
  .langues,
  .entete__bascule,
  .gamme__pied,
  .capacites,
  .carte-famille__lien,
  /* Accueil — la couverture, le sommaire, le rail et les commandes de la règle.
     Un axe gradué sur papier n'est plus un instrument : c'est un dessin qu'on ne
     peut pas manipuler. On imprime ce qu'il PRODUIT (les bordereaux), pas lui. */
  .heros,
  .sommaire,
  .rail,
  .planche__numero,
  .regle__cadre,
  .regle__resume,
  .cartouche__actions {
    display: none !important;
  }

  /* ---------------------------------------------------------------------------
     En-tête d'impression — la marque doit figurer sur le document remis
     Générée en CSS : aucune image à charger, aucun risque de page blanche.
  --------------------------------------------------------------------------- */
  main::before {
    content: "INOMA CANADA";
    display: block;
    font-family: var(--police-titre);
    font-size: 14pt;
    font-weight: 800;
    letter-spacing: 0.12em;
    padding-bottom: 6pt;
    margin-bottom: 14pt;
    border-bottom: 1.5pt solid #000;
  }

  /* ---------------------------------------------------------------------------
     Mise en page générale
  --------------------------------------------------------------------------- */
  .section,
  .section--sombre,
  .entete-page {
    padding-block: 0 !important;
    background: #fff !important;
    color: #000 !important;
  }
  .conteneur { max-width: none; padding-inline: 0; }

  h1, h2, h3, h4 { color: #000 !important; break-after: avoid; }
  p, li { color: #000 !important; orphans: 3; widows: 3; }

  /* ---------------------------------------------------------------------------
     FICHE PRODUIT
  --------------------------------------------------------------------------- */
  .fiche {
    display: block;
  }
  .fiche__visuel {
    position: static;
    float: right;
    width: 62mm;
    margin: 0 0 8pt 8pt;
    border: 0.5pt solid #999;
    border-radius: 0;
    background: #fff;
  }
  .fiche__modele { font-size: 22pt; color: #000 !important; }
  .fiche__nom { font-size: 11pt; color: #000 !important; }
  .fiche__resume { font-size: 10pt; }

  /* Caractéristiques et homologations s'impriment : ce sont les informations que
     l'entrepreneur joint au dossier. On les met à plat, sans fond couleur, et on
     empêche la grille d'être coupée en deux par un saut de page. */
  .carac, .certifs { break-inside: avoid; margin: 8pt 0; }
  .carac__titre, .certifs__titre { color: #000 !important; font-size: 8.5pt; }
  .carac__grille {
    background: transparent !important;
    border: 0.5pt solid #666;
    border-radius: 0;
    gap: 0;
  }
  .carac__tuile {
    background: transparent !important;
    border-right: 0.25pt solid #999;
    border-bottom: 0.25pt solid #999;
    padding: 4pt 6pt;
  }
  .carac__icone { display: none !important; } /* l'encre pour rien sur papier */
  .carac__valeur { font-size: 10pt; color: #000 !important; }
  .carac__cle { font-size: 7.5pt; color: #333 !important; }

  .certifs { background: transparent !important; padding: 0; }

  /* L'aide financière s'imprime : c'est le chiffre que le client veut voir dans
     le document. En encre noire, encadré, sans fond marine. */
  .subv {
    background: transparent !important;
    color: #000 !important;
    border: 1.5pt solid #000;
    border-radius: 0;
    padding: 6pt 10pt;
    margin: 8pt 0;
    break-inside: avoid;
  }
  .subv__titre, .subv__programme, .subv__note, .subv__cle { color: #000 !important; }
  .subv__icone { display: none !important; }
  .subv:not(.subv--compact) .subv__montant { font-size: 24pt; color: #000 !important; }
  .subv--compact .subv__montant { font-size: 14pt; color: #000 !important; }
  .subv__lien { display: none !important; } /* l'URL est déjà dans le bloc AHRI */

  .bandeau-subv { display: none !important; }
  .certif {
    background: transparent !important;
    color: #000 !important;
    border: 0.5pt solid #666;
    padding: 1pt 5pt;
    font-size: 8.5pt;
  }

  /* Le numéro AHRI est la raison d'être de l'impression. Il vit désormais DANS
     le bloc d'aide financière, à côté du montant : c'est ce couple que
     l'entrepreneur recopie dans le dossier de son client. */
  .subv__paire { display: block; }
  .subv__etiquette { color: #000 !important; font-size: 8pt; }
  .subv__numero {
    font-size: 18pt;
    color: #000 !important;
    letter-spacing: 0.06em;
    margin-bottom: 6pt;
  }
  .subv__actions { display: none !important; }

  /* Caractéristiques : deux colonnes pour tenir sur une page */
  .fiche__specs { break-inside: avoid; }
  .specs { column-count: 2; column-gap: 10mm; }
  .specs__ligne {
    break-inside: avoid;
    border-bottom: 0.25pt solid #bbb;
    padding: 2.5pt 0;
  }
  .specs__cle, .specs__valeur { color: #000 !important; }

  /* La note « à confirmer » reste visible : elle explique les cases vides. */
  .fiche__note,
  .alerte {
    background: transparent !important;
    border: 0;
    border-left: 1pt solid #000;
    padding: 4pt 8pt;
    font-size: 8.5pt;
    color: #000 !important;
  }
  .a-confirmer { color: #444 !important; }

  /* ---------------------------------------------------------------------------
     TABLEAUX DE GAMME — utiles à imprimer pour une soumission
  --------------------------------------------------------------------------- */
  .tableau-enveloppe { overflow: visible; }
  .tableau {
    min-width: 0;
    width: 100%;
    font-size: 9pt;
    break-inside: auto;
  }
  .tableau thead { display: table-header-group; } /* en-tête répété par page */
  .tableau thead th {
    background: transparent !important;
    color: #000 !important;
    border-bottom: 1pt solid #000;
  }
  .tableau th, .tableau td {
    padding: 3pt 5pt;
    border-bottom: 0.25pt solid #bbb;
  }
  .tableau tbody tr { break-inside: avoid; }
  .tableau tbody tr:hover { background: transparent; }
  .subv__ahri { color: #000 !important; font-weight: 700; }

  /* Les cartes de famille font double emploi avec les tableaux : sur papier, on
     ne garde que les tableaux, plus denses et plus complets. */
  .carte-famille,
  .pile-cartes { display: none !important; }

  /* ---------------------------------------------------------------------------
     Liens — on n'imprime pas les URL entre parenthèses partout, seulement les
     liens externes, qui portent une information (le répertoire AHRI).
  --------------------------------------------------------------------------- */
  a { color: #000 !important; text-decoration: none; }
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 8pt;
    color: #444;
  }

  /* ---------------------------------------------------------------------------
     ACCUEIL — LA PLANCHE DE NUIT ET SES BORDEREAUX
     -----------------------------------------------------------------------------
     À l'écran, la règle ne montre qu'un bordereau à la fois : c'est le propre
     d'un instrument. Sur papier, il n'y a plus personne pour le manipuler, donc
     on retourne la logique et on imprime LES NEUF — ce qui donne exactement ce
     dont l'entrepreneur a besoin au chantier : le catalogue complet, un
     bordereau par référence, chacun avec son numéro de certificat.

     Le `display: block` doit l'emporter sur l'attribut `hidden` posé par le JS,
     qui porte un `!important` dans 02-base.css.
  --------------------------------------------------------------------------- */
  .planche--nuit {
    background: #fff !important;
    background-image: none !important;
    color: #000 !important;
  }
  .planche--nuit h2,
  .planche--nuit h3,
  .planche--nuit p,
  .planche--nuit .surtitre,
  .planche--nuit .intro { color: #000 !important; }

  .regle__planches .bordereau[hidden],
  .regle__planches .bordereau {
    display: block !important;
    break-inside: avoid;
    border: 0.5pt solid #999;
    background: transparent !important;
    padding: 6pt 8pt;
    margin-bottom: 6pt;
  }
  .bordereau__modele { font-size: 16pt; color: #000 !important; }
  .bordereau__ref,
  .bordereau__cle,
  .bordereau__valeur { color: #000 !important; }
  .bordereau__valeur--attente { color: #444 !important; }
  .cartouche {
    background: transparent !important;
    border: 1pt solid #000;
    padding: 5pt 8pt;
    margin-top: 6pt;
  }
  .cartouche__cle, .cartouche__texte { color: #000 !important; }
  .cartouche__numero { font-size: 15pt; color: #000 !important; }
  .cartouche__montant { font-size: 12pt; color: #000 !important; }

  /* Visuels décoratifs : inutiles sur papier.
     `.hero__visuel` et `.chiffres` ont été retirés le 2026-08-06 : ces deux
     sélecteurs étaient morts depuis longtemps (les blocs s'appellent .heros et
     .preuve), et une feuille d'impression qui masque des classes inexistantes
     donne l'illusion d'être à jour. */
  .duo-visuel__image,
  .carte__visuel { display: none !important; }
}