/*
 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;
}

/* Pages sans contenu Bricks (pages juridiques en éditeur de blocs) : largeur de lecture et titres à l'échelle */
html body #brx-content.wordpress {
	width: 100%;
	max-width: 1100px !important;
	margin: 40px auto 80px;
	padding: 0 20px;
}
#brx-content.wordpress h1 { font-size: 3.2rem; margin-bottom: 2.4rem; }
#brx-content.wordpress h2 { font-size: 2.2rem; margin: 3.2rem 0 1.2rem; }
#brx-content.wordpress h3 { font-size: 1.8rem; margin: 2.4rem 0 1rem; }
#brx-content.wordpress p { margin-bottom: 1rem; }
#brx-content.wordpress ul { padding-left: 2rem; margin-bottom: 1rem; }
#brx-content.wordpress a { text-decoration: underline; }
.page-id-8 #brx-content.wordpress :is(p, li), .page-id-1061 #brx-content.wordpress :is(p, li) { text-align: justify; hyphens: auto; }

/* Menu mobile ouvert : croix de fermeture en haut du panneau, au-dessus des liens (elle chevauchait « Secteurs ») */
#brxe-czhtlh.show-mobile-menu .bricks-mobile-menu-toggle{position:fixed!important;top:20px;left:20px}
#brxe-czhtlh .bricks-mobile-menu-wrapper{padding-top:70px}

/* Performance accueil (24/10/2026) : les sliders du haut de page s'affichent
   dès le HTML, sans attendre le JS de Splide (image LCP et décalage de mise en page).
   Géométrie identique à celle posée par Splide une fois initialisé. */
#brxe-wirisf:not(.is-initialized),
#brxe-snbfac:not(.is-initialized) { visibility: visible; }
#brxe-wirisf:not(.is-initialized) .splide__list > * { flex-shrink: 0; width: 100%; height: 51.33vw; }
#brxe-snbfac:not(.is-initialized) .splide__list > * { flex-shrink: 0; height: 400px; margin-right: 30px; width: calc((100% + 30px) / 4 - 30px); }
@media (max-width: 991px) { #brxe-snbfac:not(.is-initialized) .splide__list > * { width: calc((100% + 30px) / 3 - 30px); } }
@media (max-width: 767px) { #brxe-snbfac:not(.is-initialized) .splide__list > * { width: calc((100% + 30px) / 2 - 30px); } }
@media (max-width: 478px) { #brxe-snbfac:not(.is-initialized) .splide__list > * { width: 100%; } }

/* Police Quicksand hébergée sur le site (25/10/2026) : remplace fonts.googleapis.com
   (réglage Bricks « Désactiver Google Fonts » coché). Police variable 300 à 700. */
@font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(fonts/quicksand-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(fonts/quicksand-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Loupe du header en SVG : la feuille Font Awesome « solide » (80 Ko, bloquante)
   n'est plus chargée, cette icône était la seule à s'en servir (cf. functions.php). */
.fas.fa-magnifying-glass::before { content: ""; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E") no-repeat center / contain; }