/**
 * Page Transition - Iris Reveal
 *
 * Transition cross-document via View Transitions API.
 * Un iris s'ouvre depuis la position du clic, révélant la nouvelle page.
 * 4 anneaux colorés concentriques (green, blue, pink, gold) autour du bord.
 *
 * Les anneaux utilisent l'API Popover (top layer) pour être affichés
 * AU-DESSUS de la view-transition, animés en temps réel (pas de snapshot).
 *
 * Desktop + mobile. Dégradation gracieuse : navigation normale sur Firefox.
 *
 * @package     UneAutreVoix
 * @subpackage  CSS
 * @version     0.1.0
 *
 * Note : @view-transition et animation-duration:0s sont définis dans
 * page-transition-article.css (chargé sur toutes les pages).
 *
 * @changelog
 * 0.1.0 — Passage en preprod
 * 0.0.11 - Curtain wipe : styles pour la transition retour (Transmission → non-Transmission)
 *         - ::view-transition-new(root) démarre masqué (inset 100% droite)
 *         - Popover #uav-wipe-popover : reset complet (même pattern que iris)
 * 0.0.10 - background-color hardcodée → var(--color-background) (suppression valeur #FAF4EC)
 * 0.0.9 - ::view-transition background-color: #FAF4EC (masque le flash blanc résiduel)
 * 0.0.8 - Activation desktop + mobile (suppression media query min-width 1201px)
 *        - Suppression @view-transition et animation-duration:0s dupliqués
 *        - Ajout clip-path: circle(0px) sur ::view-transition-new(root)
 *          pour éliminer le flash avant le démarrage de l'animation JS
 * 0.0.7 - Styles popover (top layer) pour anneaux colorés
 *        - Reset complet popover : position fixed, inset 0, no background/border
 *        - Backdrop masqué (display: none)
 * 0.0.1 - Création : styles iris reveal via View Transitions API
 *        - z-index old(1) / new(2), animation: none sur les deux
 */

/* -------------------------------------------------------
 * Iris reveal : root
 * ------------------------------------------------------- */
html:active-view-transition-type(iris-reveal)::view-transition {
	background-color: var(--color-background);
}

html:active-view-transition-type(iris-reveal)::view-transition-old(root) {
	animation: none;
	z-index: 1;
}

html:active-view-transition-type(iris-reveal)::view-transition-new(root) {
	animation: none;
	z-index: 2;
	clip-path: circle(0px at 50% 50%);
}

/* -------------------------------------------------------
 * Popover anneaux : reset complet
 * Le popover est dans le top layer (au-dessus de ::view-transition)
 * ------------------------------------------------------- */
#uav-iris-popover {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	overflow: visible;
	pointer-events: none;
}

#uav-iris-popover::backdrop {
	display: none;
}

/* -------------------------------------------------------
 * Curtain wipe : retour non-Transmission
 * ------------------------------------------------------- */
html:active-view-transition-type(curtain-wipe)::view-transition-old(root) {
	animation: none;
	z-index: 1;
}

html:active-view-transition-type(curtain-wipe)::view-transition-new(root) {
	animation: none;
	z-index: 2;
	clip-path: inset(0 100% 0 0);
}

#uav-wipe-popover {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	overflow: visible;
	pointer-events: none;
}

#uav-wipe-popover::backdrop {
	display: none;
}