/* ==========================================================================
   Trombinoscope — socle des pages blanches
   Chargé uniquement sur les pages affichées sans le thème du site.
   Il ne fait que poser un fond, une typographie de base et une taille de
   texte de référence : tout le reste vient de trombinoscope.css.
   ========================================================================== */

html.tromb-blanche,
html:has(body.tromb-blanche) {
	background: #f4f8fb;
}

body.tromb-blanche {
	margin: 0;
	padding: 0;
	background: #f4f8fb;
	color: #12212e;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif;
	/* Référence des « em » du plugin : le thème ne la fixe plus. */
	font-size: 16px;
	line-height: 1.55;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-transform: none;
	text-align: left;
}

body.tromb-blanche *,
body.tromb-blanche *::before,
body.tromb-blanche *::after {
	box-sizing: border-box;
}

body.tromb-blanche img,
body.tromb-blanche svg {
	max-width: 100%;
	height: auto;
}

body.tromb-blanche .tromb-page {
	min-height: 100vh;
	padding: clamp(12px, 2vw, 28px) 0 0;
}

/* Le shortcode s'insère parfois dans un <p> ou une div de bloc : on neutralise
   les marges héritées pour que le plugin occupe la page proprement. */
body.tromb-blanche .tromb-page > p:empty {
	display: none;
}

/* Pied discret : un simple retour vers le site. */
body.tromb-blanche .tromb-pied {
	padding: 18px 16px 34px;
	text-align: center;
	font-size: 13px;
	color: #8497a6;
}

body.tromb-blanche .tromb-pied a {
	color: #8497a6;
	text-decoration: none;
	border-bottom: 1px solid rgba(132, 151, 166, .4);
}

body.tromb-blanche .tromb-pied a:hover,
body.tromb-blanche .tromb-pied a:focus {
	color: #0b6ec7;
	border-bottom-color: #0b6ec7;
}

@media print {
	body.tromb-blanche .tromb-pied { display: none; }
}