/* Trott'in – correctifs d'affichage (03/11/2026) */

/* 1. Sections « étirées » (Elementor, option Étirer la section) dans les pages au modèle par défaut
      (Contact, Offre location longue durée…). Elementor les étire en JavaScript, retardé par WP Rocket
      jusqu'à la 1re interaction : la page s'affichait « serrée » (945 px) puis s'élargissait d'un coup.
      Ce CSS ne sert qu'au tout 1er affichage ; correctifs.js pose ensuite en ligne exactement les
      valeurs que calcule Elementor (qui les recalcule à l'identique quand il se charge). */
html:not(.tcf-js) body:not(.elementor-editor-active) #nt-page .elementor-section.elementor-section-stretched {
	width: 100vw;
	left: calc(50% - 50vw);
}

/* 1 bis. Fonds « parallaxe » Wavo (classe jarallax, réglage taille d'image = cover : hero de Contact,
      Formules & Tarifs, pages spots). Le CSS d'Elementor n'y donne pas de taille au fond : l'image est
      dessinée à sa taille naturelle (986 px pour trott.jpg) jusqu'à ce que jarallax (script retardé par
      WP Rocket) la remplace par une image « cover ». Depuis que la section est pleine largeur dès le
      1er affichage (règle 1), on voyait un vide noir à droite (rapporté sous Safari). On applique dès le
      départ un cadrage proche de celui de jarallax (cover, centré sur la fenêtre puisque le thème met ces
      fonds en « fixed ») ; correctifs.js pose ensuite au pixel près le cadrage de jarallax (en « scroll »,
      comme l'image de jarallax), et jarallax retire ce fond à son arrivée. */
body:not(.elementor-editor-active) .wavo-parallax.jarallax[data-wavo-parallax*='"imgsize":"cover"'] {
	background-size: cover;
	background-position: 50% 50%;
}

/* 1 ter. Titres animés lettre par lettre (Wavo « split ») déjà affichés avant le chargement des scripts :
      correctifs.js leur retire l'animation (classe tcf-vu) pour qu'ils ne disparaissent pas puis
      réapparaissent en fondu au 1er geste (effet « fantôme »). Filet de sécurité si l'animation a déjà été posée. */
body:not(.elementor-editor-active) .tcf-vu .elementor-heading-title,
body:not(.elementor-editor-active) .tcf-vu .elementor-heading-title .char,
body:not(.elementor-editor-active) .tcf-vu .elementor-heading-title .word {
	visibility: visible !important;
	animation: none !important;
	opacity: 1 !important;
}

/* 1 quater. Diaporama Wavo (Expériences famille) : la 1re diapositive s'affiche dès le chargement (image
      écrite dans le HTML par l'extension). Son titre et son sous-titre étaient masqués jusqu'à l'initialisation
      du diaporama (script retardé) puis écrits lettre par lettre : on les affiche directement dans leur état
      final, sans rejouer l'animation au 1er geste (même principe que les titres « split » déjà vus). */
body:not(.elementor-editor-active) .slider .parallax-slider .swiper-slide:first-child .caption h1,
body:not(.elementor-editor-active) .slider .parallax-slider .swiper-slide:first-child .caption .dis {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: none;
}
body:not(.elementor-editor-active) .slider .parallax-slider .swiper-slide:first-child .caption h1 .char {
	animation: none;
}

/* 1 quinquies. Page Contact uniquement : rechargée au milieu de la page, elle sautait de 176 px dans
      Chrome/Edge à l'arrivée des scripts (« scroll anchoring » du navigateur ; Safari n'en a pas, Firefox
      non concerné ici). On coupe ce mécanisme sur cette page seulement (mesuré : aucune autre page concernée). */
body.page-id-7411 {
	overflow-anchor: none;
}
html:has(> body.page-id-7411) { /* règle séparée : ignorée seule par les navigateurs sans :has() */
	overflow-anchor: none;
}

/* 1 sexies. Page Location longue durée, fond vert du haut : l'image (Trottinette-header.jpg, cadrée « contain »)
      a son propre fond vert #73D254, alors que la section est remplie de la couleur principale du site
      #70D44B : une couture verticale (desktop, tablette) ou horizontale (mobile) apparaissait au bord de
      l'image. On donne à cette section seule la couleur exacte du fond de l'image (couleur globale inchangée). */
body:not(.elementor-editor-active) .elementor-6539 .elementor-element.elementor-element-e93c039:not(.elementor-motion-effects-element-type-background) {
	background-color: #73D254;
}

/* 2. Menu desktop : les sous-menus s'ouvrent au survol même avant le chargement des scripts
      (WP Rocket les retarde) et même si SmartMenus se croit en mode tactile. Mêmes dimensions
      que celles appliquées par SmartMenus. */
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
	.elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children:hover > ul.sub-menu {
		display: block !important;
		width: auto;
		min-width: 10em;
		max-width: 1000px;
		z-index: 3;
	}
}

/* 3. Galeries Elementor Pro (pages « projets » : grille 2 colonnes, 1 en mobile, images 3:2, espacement 10 px).
      La grille n'est construite qu'au chargement des scripts retardés : avant, la galerie faisait ~0 px puis
      grandissait d'un coup et repoussait le pied de page (CLS 0,39 en mobile). On réserve exactement la même
      grille tant que la galerie n'a pas posé sa variable --columns (y compris pendant les ~350 ms où elle a
      déjà ses classes mais pas encore ses dimensions). */
.elementor-widget-gallery[data-settings*='"gallery_layout":"grid"'][data-settings*='"columns":2'][data-settings*='"aspect_ratio":"3:2"'] .elementor-gallery__container:not([style*="--columns"]) {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	padding-bottom: 0 !important;
}
.elementor-widget-gallery[data-settings*='"gallery_layout":"grid"'][data-settings*='"columns":2'][data-settings*='"aspect_ratio":"3:2"'] .elementor-gallery__container:not([style*="--columns"]) .e-gallery-item {
	width: auto !important;
	position: relative !important;
	top: auto !important;
}
.elementor-widget-gallery[data-settings*='"gallery_layout":"grid"'][data-settings*='"columns":2'][data-settings*='"aspect_ratio":"3:2"'] .elementor-gallery__container:not([style*="--columns"]) .e-gallery-image {
	padding-bottom: 66.6667%;
}
@media (max-width: 767px) {
	.elementor-widget-gallery[data-settings*='"gallery_layout":"grid"'][data-settings*='"columns":2'][data-settings*='"aspect_ratio":"3:2"'][data-settings*='"columns_mobile":1'] .elementor-gallery__container:not([style*="--columns"]) {
		grid-template-columns: 1fr;
	}
}

/* 4. Diaporama Wavo (« Expériences famille ») : le lien de démonstration vers ninetheme.com a été retiré.
      Sans URL, le widget garde un bouton <a href=""> (lien vers la page elle-même) : on le rend inerte,
      texte et style inchangés. */
.elementor-widget-wavo-home-slider .caption a[href=""] {
	pointer-events: none;
	cursor: default;
}