/**
 * Feuille de styles d'impression.
 *
 * Objectif : transformer la page en DOCUMENT autonome (pas une capture d'écran).
 * On masque le « chrome » interactif/promo et on garde le contenu + le contexte.
 *
 * Chargée en media="all" (et NON media="print") afin de pouvoir masquer à l'ÉCRAN
 * le bloc « source » injecté en fin de body (cf. bdt_print_source_line) ; toutes
 * les autres règles sont scopées dans @media print.
 *
 * Enqueue : bdt-core/includes/theme/core/frontend.php → bdt_enqueue_print_styles.
 */

/* Bloc « source » (site + URL + date) : masqué à l'écran, affiché à l'impression. */
.bdt-print-source {
	display: none;
}

@media print {

	/* ====================================================================
	 * 1. Révéler le contenu masqué par l'UI interactive
	 * ==================================================================== */

	/* Onglets : tous les panneaux (tabs-underline + o-stepper-tabs). */
	[role="tabpanel"][hidden] {
		display: block !important;
	}

	/* FAQ : toutes les réponses (titre + contenu). */
	.m-faq dd[hidden] {
		display: block !important;
		max-height: none !important;
		visibility: visible !important;
	}

	/* ====================================================================
	 * 2. Masquer le « chrome » interactif / promotionnel
	 * ==================================================================== */

	/* Header : on ne garde QUE le logo (.l-header__brand). */
	.l-header__assistance,
	.l-header__nav,
	.l-header__actions,
	.l-header__toggle {
		display: none !important;
	}
	.l-header {
		position: static !important;
		box-shadow: none !important;
		border: 0 !important;
	}

	/* Navigation interne, progression, nav d'onglets (boutons redondants
	   puisqu'on imprime déjà tous les panneaux). */
	.m-secondary-nav,
	.m-stepper,
	.m-step-nav,
	.pollen-tabs-underline,
	[role="tablist"] {
		display: none !important;
	}

	/* Partage/impression, footer complet, encarts CTA promo. */
	.m-card-share,
	.l-footer,
	.m-card-cta,
	.o-bloc-cta {
		display: none !important;
	}

	/* NB : on GARDE le fil d'Ariane (.m-breadcrumb, dans le contenu) et les
	   sections de contenus liés (.o-section-related) — non masqués ici. */

	/* ====================================================================
	 * 3. Liens externes : afficher l'URL en toutes lettres
	 * ==================================================================== */

	/* `.is-external` est ajouté par js/external-links.js sur les liens externes. */
	a.is-external::after {
		content: " (" attr(href) ")";
		font-size: 0.85em;
		word-break: break-all;
	}

	/* ====================================================================
	 * 4. Bloc source en fin de document
	 * ==================================================================== */

	.bdt-print-source {
		display: block;
		margin-top: 1.5rem;
		padding-top: 0.75rem;
		border-top: 1px solid #000;
		font-size: 0.8rem;
		line-height: 1.4;
		color: #000;
	}

	/* ====================================================================
	 * 5. Confort d'impression
	 * ==================================================================== */

	@page {
		margin: 1.5cm;
	}

	body {
		background: #fff !important;
		color: #000 !important;
	}

	/* Éviter les coupures malheureuses. */
	h1, h2, h3 {
		break-after: avoid;
	}
	.o-section-related,
	.m-faq > dl > div,
	figure,
	img {
		break-inside: avoid;
	}

	/* Liens lisibles en noir + soulignés (le souligné distingue le lien). */
	a {
		color: #000 !important;
		text-decoration: underline;
	}

}