/* ==========================================================================
   IMPRESSION
   ==========================================================================
   Feuille réécrite (migration, 20/09/2026), et non portée : décision de
   François. Elle remplace css/print.css du thème enfant (snippet 066), dont
   19 des sélecteurs ne visaient que des conteneurs de Divi — #page-container,
   #et-main-area, .et-l--header, [class*="_tb_header"], .et_pb_row,
   .entry-content… — absents de ce site. Ne restaient vivants chez nous que
   header, footer, nav, .print_display_none, body, les titres et les images.

   Repris de l'ancienne feuille, même effet :
   - masquage de l'en-tête, du pied de page, des menus et des blocs marqués
     .print_display_none (fil d'Ariane, boutons, galerie du point de vue) ;
   - titres et images non coupés entre deux pages.

   Abandonné volontairement, avec la raison :
   - « * { print-color-adjust: exact } » : forçait l'impression de tous les
     aplats de couleur, y compris les fonds de section, à l'encre ;
   - « body { width: 1200px !important } » : une page A4 fait ~190 mm de
     largeur utile, le reste partait hors feuille (Chrome coupe à droite) ;
   - le reflow des rangées Divi (.et_pb_row en flex, .et_pb_column en float,
     marges annulées, 10 px de remplissage) : sans objet, nos rangées sont
     .hr-row ; la règle de largeur ci-dessous joue le même rôle ;
   - « visibility: hidden » doublant « display: none », sans effet.

   Les deux blocs @media print déjà portés avec leurs feuilles restent seuls
   maîtres de ce qu'ils règlent : fiche-rando-section1.css (colonnes de la
   fiche en vis-à-vis, marges des blocs masqués) et fiche-rando-section-basse.css
   (navigation régionale). Cette feuille est chargée après elles et ne les
   recoupe pas.
   ========================================================================== */

@page {
    margin: 14mm 12mm;
}

/* ──────────────────────────────────────────
   MOBILIER D'ÉCRAN
   Mêmes cibles que la feuille d'origine. header, footer et nav couvrent chez
   nous ce que les sélecteurs Divi couvraient là-bas : en-tête, sélecteur de
   langue, menus (dont le menu mobile et sa barre de recherche), pied de page,
   et les listes de liens de région (.randonnees-seo-links, un <nav> des deux
   côtés).
   ────────────────────────────────────────── */

header,
footer,
nav,
.print_display_none {
    display: none !important;
}

/* ──────────────────────────────────────────
   LARGEUR DU CONTENU
   À l'écran, une rangée occupe 92 % de la fenêtre, plafonnée à 1200 px. Sur
   papier, la marge vient de @page : garder les 8 % reviendrait à rogner deux
   fois. Le contenu prend donc toute la largeur utile de la feuille.
   ────────────────────────────────────────── */

.hr-row {
    width: 100%;
    max-width: none;
}

/* Les fonds pleine largeur d'écran sont calés sur 100vw, qui vaut la largeur
   de la fenêtre et non celle de la page : ils débordent à l'impression. */
.fond-gris-clair {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: auto;
}

/* ──────────────────────────────────────────
   CÉSURES
   ────────────────────────────────────────── */

h1, h2, h3, h4, h5, h6 {
    break-after: avoid;
    break-inside: avoid;
}

img,
figure,
.galerie__element {
    break-inside: avoid;
    max-width: 100%;
}

/* Un grand tableau (jusqu'à une centaine de randonnées) doit pouvoir se
   partager entre deux feuilles : seules les lignes restent entières, et
   l'en-tête se répète en haut de chaque page. */
thead {
    display: table-header-group;
}

tr {
    break-inside: avoid;
}

/* ──────────────────────────────────────────
   AJOUTS — à relire, ils n'ont pas d'équivalent en production
   ────────────────────────────────────────── */

/* Les questions d'une FAQ sont des <details> : fermés, seules les questions
   s'impriment et les réponses sont perdues. Ouvre tout le temps de
   l'impression (Chrome 131+, Safari 18.4+ ; ignoré ailleurs, sans régression). */
details::details-content {
    content-visibility: visible;
    block-size: auto;
}

.faq-accordion__question::after {
    display: none;
}

/* Sur une carte, les boutons de zoom ne servent à rien sur papier.
   L'attribution des fonds de carte reste, elle : elle est obligatoire. */
.leaflet-control-zoom,
.leaflet-control-layers {
    display: none !important;
}

/* Champs de recherche, tri et filtres des cartes et des tableaux : inertes sur
   papier, et le tableau imprimé porte déjà le résultat du filtre. Visés un par
   un, et non par « input, select » : les champs du formulaire de contact, eux,
   doivent s'imprimer. */
.carte-pays__filtre,
.marker-pays-search-input,
.marker-pays-sort-select,
.randonnees-search-input {
    display: none !important;
}