/**
 * print.css — Styles d'impression
 * Chargé uniquement pour media="print", zéro coût pour les visiteurs écran.
 */

*,
*::before,
*::after {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Variables adaptées à l'impression (noir sur blanc) */
:root {
    --black-color: #000000;
    --white-color: #ffffff;
    --AA-color:    #333333;
    --A-color:     #ffffff;
    --B-color:     #000000;
    --BB-color:    #000000;
}

body {
    background: #fff;
    color: #000;
    font-size: 12pt;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Éléments à masquer à l'impression */
header nav,
header button,
footer,
.zoneAvis,
.carousel,
.BTcontactFILLonBlack,
.BTcontactSTROKE,
.BTcontactBlackSTROKE,
.zoneCONTACT,
.linksRS,
.zoneNavigation,
#ecoindex-badge {
    display: none !important;
}

/* Logo et nom en haut */
header {
    display: block;
    border-bottom: 1px solid #000;
    padding: 0 0 8pt 0;
    margin-bottom: 16pt;
}

.logo-olivier {
    width: 60px;
}

/* Titres */
h1 { font-size: 22pt; }
h2 { font-size: 16pt; }
h3 { font-size: 12pt; }

/* Liens : afficher l'URL */
a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #555;
    word-break: break-all;
}

/* Ne pas afficher l'URL pour les liens internes ou les boutons */
a.BTcontactFILLonBlack::after,
a.BTcontactSTROKE::after,
a.BTcontactBlackSTROKE::after,
header a::after,
footer a::after {
    content: none;
}

/* Images : ne pas dépasser la page */
img {
    max-width: 100% !important;
    page-break-inside: avoid;
}

/* Éviter les coupures dans les blocs importants */
.zoneTexte,
.zoneTexte-DoubleCol,
.faq-item,
blockquote {
    page-break-inside: avoid;
}

/* Galerie de projets : une colonne en impression */
.image-grid {
    display: block;
}
.image-item {
    max-width: 100%;
    margin-bottom: 12pt;
    page-break-inside: avoid;
}

/* FAQ : tout déplier */
.faq-answer {
    display: block !important;
}

/* Single projet */
.zoneImages div {
    display: block;
}
.zoneImages div img {
    width: 100%;
    margin-bottom: 8pt;
}