/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* Accueil — cartes « Ne laissez pas l'invisible vous atteindre »
   L'overlay Deadlist (liste des pathogènes) est masqué et se révèle
   au survol (souris) ou au focus (clavier / tap mobile via tabindex). */
.deadlist-overlay {
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
}

.deadlist-card:hover > .deadlist-overlay,
.deadlist-card:focus > .deadlist-overlay,
.deadlist-card:focus-within > .deadlist-overlay {
	opacity: 1;
	visibility: visible;
}

.deadlist-card {
	cursor: pointer;
}

/* Parallaxe douce sur les images de fond en demi-section (.parallax-media).
   L'image de fond du bloc est reprise par un pseudo-élément agrandi par
   `scale` : le facteur d'échelle garantit à lui seul le débordement, quelle
   que soit la hauteur du bloc (aucun calcul en pourcentage, donc aucune
   bande blanche possible). js/parallax.js ne fait que translater. */
.parallax-media {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
}

.parallax-media::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: inherit;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	/* 1.68 > 1 + 2 x amplitude (0.32 = 1.64) : marge de securite incompressible */
	transform: translate3d(0, var(--parallax-y, 0px), 0) scale(1.68);
	will-change: transform;
	pointer-events: none;
}

.parallax-media > * {
	position: relative;
	z-index: 1;
}