/* Transitions de page AJAX — panneau « cover » plein écran (ocube). */

.site-cover {
	position: fixed;
	inset: 0;
	z-index: 99999;
	/* Couleur de la palette du thème (accent 1, le beige des blocs de contenu).
	   La valeur en repli sert si les presets WP ne sont pas encore chargés. */
	background: var(--wp--preset--color--accent-1, #f2eae2);
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	/* Le panneau ne se déplace plus : il apparaît et disparaît en fondu. */
	will-change: opacity;
	pointer-events: none;
}

.site-cover__logo {
	width: clamp(120px, 18vw, 220px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-cover__logo img,
.site-cover__logo svg {
	width: 100%;
	height: auto;
	display: block;
	/* Logo forcé en BLANC pur (demande du 22/07/2026). brightness(0) aplatit la
	   source en noir, invert(1) la passe en blanc — indépendant de la couleur du
	   SVG. Le « O » évidé laisse voir le beige du panneau.
	   NB : fond du panneau laissé en beige à la demande explicite du client ; le
	   contraste blanc-sur-beige est donc volontairement faible. */
	filter: brightness(0) invert(1);
}

/* Pendant la navigation, on coupe les interactions pour éviter les double-clics. */
html.is-navigating {
	cursor: progress;
}
html.is-navigating .smooth-content {
	pointer-events: none;
}