/**
 * Styles de la section Diaporama et texte (widget « arvy-diaporama-texte »).
 *
 * Deux conteneurs côte à côte : un diaporama de photos d'un côté, le texte de
 * l'autre (surtitre, titre, description, blocs, bouton). Sur petit écran, ils
 * s'empilent. « Inverser » échange leurs places par « order », sans toucher au
 * HTML : l'ordre de lecture reste photos puis texte.
 *
 * Le diaporama enchaîne les photos en fondu. Le temps d'affichage est une
 * ANIMATION CSS portée par un minuteur invisible : c'est sa fin qui fait passer
 * à la photo suivante. Les barres de progression rejouent la même animation, à
 * la même durée : elles ne peuvent pas se désynchroniser des photos, et il
 * suffit de suspendre l'animation (bouton pause, hors écran, onglet caché) pour
 * arrêter tout le diaporama.
 *
 * Tout ce qui change d'état (survol, focus, pause, apparition) lit une variable
 * posée par un contrôle Elementor. Les valeurs de repli reprennent la charte
 * ARVY et ne servent qu'en l'absence de CSS généré.
 *
 * Les sélecteurs de repli sont à deux classes : le kit du site stylise h2, h3 et
 * les liens (.elementor-kit-XXXX h2 — une classe et une balise), et doit perdre
 * face à la section.
 */

/* Sécurité 1 : un conteneur Elementor en colonne avec « flex-wrap: wrap » fige
   la hauteur de sa ligne au premier calcul ; une section dont la hauteur varie
   (retour à la ligne, police chargée tard) déborderait sur la suite. */
.e-con:has( > .elementor-widget-arvy-diaporama-texte ),
.elementor-element:has( > .elementor-widget-arvy-diaporama-texte ) {
	flex-wrap: nowrap;
}

/* Sécurité 2 : un élément de flex ne rétrécit pas sous la largeur de son
   contenu (min-width: auto) : aucun défilement horizontal de la page. */
.elementor-widget-arvy-diaporama-texte {
	min-width: 0;
	max-width: 100%;
}

/* ─── Les deux conteneurs ─────────────────────────────────────────────────── */

.arvy-diaporama-texte {
	display: flex;
	flex-direction: var(--arvy-dt-sens, row);
	align-items: stretch;
	gap: var(--arvy-dt-ecart, 80px);
}

/* Inverser : le diaporama passe à droite (côte à côte) ou sous le texte
   (empilés). Le HTML, lui, garde l'ordre photos puis texte.

   Le conteneur prend toute la hauteur disponible ; « Format des photos » décide
   ensuite si le cadre se centre en face du texte (format fixe) ou s'étire sur
   toute sa hauteur (« Hauteur du texte »). */
.arvy-diaporama-texte__conteneur--visuel {
	display: flex;
	order: var(--arvy-dt-ordre-visuel, 0);
	flex: 0 0 var(--arvy-dt-visuel-base, calc(var(--arvy-dt-visuel-largeur, 50%) - var(--arvy-dt-ecart, 80px) / 2));
	align-items: var(--arvy-dt-visuel-aligne, center);
	min-width: 0;
}

/* Le conteneur resté seul prend toute la largeur. */
.arvy-diaporama-texte__conteneur:only-child {
	flex: 1 1 100%;
}

.arvy-diaporama-texte__conteneur--texte {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	justify-content: var(--arvy-dt-texte-vertical, center);
	align-items: var(--arvy-dt-texte-horizontal, flex-start);
	min-width: 0;
	padding-block: var(--arvy-dt-texte-espace, 40px);
}

.arvy-diaporama-texte__contenu {
	width: 100%;
	max-width: var(--arvy-dt-texte-largeur, 620px);
}

/* ─── Le diaporama ────────────────────────────────────────────────────────── */

.arvy-diaporama-texte .arvy-diaporama-texte__diaporama {
	position: relative;
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	min-height: var(--arvy-dt-visuel-min, 0px);
	aspect-ratio: var(--arvy-dt-format, 1 / 1);
	margin: 0;
	overflow: hidden;
	border-radius: var(--arvy-dt-rayon, 28px);
	background-color: rgba(26, 26, 27, 0.06);
	transition: opacity var(--arvy-dt-apparition-duree, 1.2s) var(--arvy-dt-courbe, cubic-bezier(0.135, 0.9, 0.15, 1)) var(--arvy-dt-delai, 0s);
}

/* Le zoom d'apparition porte sur la pile de photos : chaque photo garde son
   fondu, et la parallaxe reste sur l'image elle-même. */
.arvy-diaporama-texte__photos {
	position: absolute;
	inset: 0;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
	transition: transform calc(var(--arvy-dt-apparition-duree, 1.2s) * 1.4) var(--arvy-dt-courbe, cubic-bezier(0.135, 0.9, 0.15, 1)) var(--arvy-dt-delai, 0s);
}

.arvy-diaporama-texte__photo {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity var(--arvy-dt-fondu, 0.7s) var(--arvy-dt-courbe-fondu, ease);
}

.arvy-diaporama-texte__photo.est-active {
	opacity: 1;
}

/* Sélecteur descendant : le garde-fou du socle (img { height: auto })
   l'emporterait sur une seule classe. L'image déborde du cadre de la hauteur de
   la parallaxe, en haut et en bas : jamais de vide. */
.arvy-diaporama-texte .arvy-diaporama-texte__photo img {
	position: absolute;
	left: 0;
	top: calc(var(--arvy-dt-parallaxe, 40px) * -1);
	display: block;
	width: 100%;
	height: calc(100% + var(--arvy-dt-parallaxe, 40px) * 2);
	max-width: none;
	object-fit: cover;
	object-position: var(--arvy-dt-cadrage, 50% 50%);
	will-change: transform;
}

/* Voile en bas : les barres et le bouton restent lisibles même sur une photo
   très claire. */
.arvy-diaporama-texte__voile {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: var(--arvy-dt-voile-hauteur, 50%);
	background-image: linear-gradient(to top, var(--arvy-dt-voile-couleur, rgba(26, 26, 27, 0.5)), transparent);
	pointer-events: none;
}

/* Le minuteur : invisible, il ne sert qu'à mesurer le temps d'affichage d'une
   photo. La fin de son animation avance le diaporama — il existe même quand les
   commandes sont masquées. */
.arvy-diaporama-texte__minuteur {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

@keyframes arvy-dt-jauge {
	from { transform: scaleX(0); }
	to   { transform: scaleX(1); }
}

/* L'animation n'existe que si le script tourne (arvy-is-ready) : sans
   JavaScript, la première photo reste affichée et rien ne bouge. */
.arvy-is-ready .arvy-diaporama-texte__minuteur,
.arvy-is-ready .arvy-diaporama-texte__barre.est-active .arvy-diaporama-texte__jauge {
	animation: arvy-dt-jauge var(--arvy-dt-duree, 4s) linear forwards;
}

/* Une seule photo, ou défilement automatique désactivé : plus de minuteur, la
   barre de la photo affichée reste pleine. */
.arvy-diaporama-texte--sans-auto .arvy-diaporama-texte__minuteur,
.arvy-diaporama-texte--unique .arvy-diaporama-texte__minuteur {
	animation: none !important;
}

.arvy-diaporama-texte--sans-auto .arvy-diaporama-texte__barre.est-active .arvy-diaporama-texte__jauge {
	animation: none !important;
	transform: scaleX(1);
}

.arvy-is-ready .arvy-diaporama-texte.est-en-pause .arvy-diaporama-texte__minuteur,
.arvy-is-ready .arvy-diaporama-texte.est-hors-ecran .arvy-diaporama-texte__minuteur,
.arvy-is-ready .arvy-diaporama-texte.est-en-pause .arvy-diaporama-texte__barre.est-active .arvy-diaporama-texte__jauge,
.arvy-is-ready .arvy-diaporama-texte.est-hors-ecran .arvy-diaporama-texte__barre.est-active .arvy-diaporama-texte__jauge {
	animation-play-state: paused;
}

/* ─── Les commandes ───────────────────────────────────────────────────────── */

.arvy-diaporama-texte__commandes {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: var(--arvy-dt-commandes-espace, 20px);
}

.arvy-diaporama-texte__barres {
	display: flex;
	align-items: center;
	gap: var(--arvy-dt-barres-ecart, 8px);
	min-width: 0;
}

/* Le bouton fait la hauteur d'un doigt (avec son rembourrage) alors que la
   barre visible ne fait que quelques pixels. Remise à zéro du style global des
   <button> du kit, états compris : sinon la barre deviendrait une pastille
   bleue. Aucune valeur de mise en page dans les règles d'état. */
.arvy-diaporama-texte .arvy-diaporama-texte__barre,
.arvy-diaporama-texte .arvy-diaporama-texte__barre:hover,
.arvy-diaporama-texte .arvy-diaporama-texte__barre:focus {
	display: block;
	flex: 0 1 var(--arvy-dt-barre-largeur, 44px);
	width: var(--arvy-dt-barre-largeur, 44px);
	min-width: 10px;
	margin: 0;
	padding: 14px 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font: inherit;
	letter-spacing: normal;
	color: inherit;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.arvy-diaporama-texte .arvy-diaporama-texte__barre:focus {
	outline: none;
}

.arvy-diaporama-texte .arvy-diaporama-texte__barre:focus-visible {
	outline: 2px solid var(--arvy-dt-barre-jauge, #FFFFFF);
	outline-offset: 2px;
	box-shadow: none;
}

.arvy-diaporama-texte__piste {
	display: block;
	height: var(--arvy-dt-barre-epaisseur, 3px);
	overflow: hidden;
	background-color: var(--arvy-dt-barre-piste, rgba(255, 255, 255, 0.45));
	border-radius: 999px;
}

.arvy-diaporama-texte__jauge {
	display: block;
	height: 100%;
	background-color: var(--arvy-dt-barre-jauge, #FFFFFF);
	border-radius: inherit;
	transform: scaleX(0);
	transform-origin: left center;
}

.arvy-diaporama-texte__barre.est-vue .arvy-diaporama-texte__jauge {
	transform: scaleX(1);
}

/* Bouton lecture / pause : pastille ARVY. Même remise à zéro du kit. */
.arvy-diaporama-texte .arvy-diaporama-texte__lecture,
.arvy-diaporama-texte .arvy-diaporama-texte__lecture:hover,
.arvy-diaporama-texte .arvy-diaporama-texte__lecture:focus {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: var(--arvy-dt-lecture-taille, 44px);
	height: var(--arvy-dt-lecture-taille, 44px);
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	font: inherit;
	letter-spacing: normal;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background-color var(--arvy-dt-lecture-douceur, 0.35s) ease, color var(--arvy-dt-lecture-douceur, 0.35s) ease;
}

.arvy-diaporama-texte .arvy-diaporama-texte__lecture {
	color: var(--arvy-dt-lecture-dessin, #FFFFFF);
	background-color: var(--arvy-dt-lecture-fond, #2E5DFF);
}

.arvy-diaporama-texte .arvy-diaporama-texte__lecture:hover,
.arvy-diaporama-texte .arvy-diaporama-texte__lecture:focus {
	color: var(--arvy-dt-lecture-dessin-survol, var(--arvy-dt-lecture-dessin, #FFFFFF));
	background-color: var(--arvy-dt-lecture-fond-survol, var(--arvy-dt-lecture-fond, #2E5DFF));
}

.arvy-diaporama-texte .arvy-diaporama-texte__lecture:focus {
	outline: none;
}

.arvy-diaporama-texte .arvy-diaporama-texte__lecture:focus-visible {
	outline: 2px solid var(--arvy-dt-lecture-fond, #2E5DFF);
	outline-offset: 3px;
	box-shadow: 0 0 0 2px #FFFFFF;
}

.arvy-diaporama-texte__lecture svg {
	display: block;
	width: var(--arvy-dt-lecture-dessin-taille, 14px);
	height: var(--arvy-dt-lecture-dessin-taille, 14px);
	fill: currentColor;
}

.arvy-diaporama-texte__lecture .arvy-diaporama-texte__icone--lecture { display: none; }
.arvy-diaporama-texte.est-en-pause .arvy-diaporama-texte__lecture .arvy-diaporama-texte__icone--lecture { display: block; }
.arvy-diaporama-texte.est-en-pause .arvy-diaporama-texte__lecture .arvy-diaporama-texte__icone--pause { display: none; }

/* Une seule photo : ni voile ni commandes. */
.arvy-diaporama-texte--unique .arvy-diaporama-texte__commandes,
.arvy-diaporama-texte--unique .arvy-diaporama-texte__voile {
	display: none;
}

/* Défilement automatique désactivé : le bouton lecture n'aurait rien à mettre
   en pause, les barres restent pour changer de photo. */
.arvy-diaporama-texte--sans-auto .arvy-diaporama-texte__lecture {
	display: none;
}

/* ─── Textes ──────────────────────────────────────────────────────────────── */

.arvy-diaporama-texte .arvy-diaporama-texte__surtitre {
	display: flex;
	align-items: center;
	gap: var(--arvy-dt-point-ecart, 10px);
	margin: 0;
	padding-bottom: var(--arvy-dt-filet-espace, 16px);
	border-bottom: var(--arvy-dt-filet-epaisseur, 1px) solid var(--arvy-dt-filet-couleur, rgba(26, 26, 27, 0.18));
	color: #1A1A1B;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
}

.arvy-diaporama-texte__point {
	flex: none;
	width: var(--arvy-dt-point-taille, 8px);
	height: var(--arvy-dt-point-taille, 8px);
	border-radius: 50%;
	background-color: var(--arvy-dt-point-couleur, #2E5DFF);
}

.arvy-diaporama-texte .arvy-diaporama-texte__titre {
	margin: var(--arvy-dt-espace-titre, 20px) 0 0;
	color: #1A1A1B;
	font-size: 66px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -2px;
	text-wrap: balance;
}

.arvy-diaporama-texte .arvy-diaporama-texte__description {
	margin: var(--arvy-dt-espace-description, 24px) 0 0;
	color: #6B7477;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	text-wrap: pretty;
}

.arvy-diaporama-texte .arvy-diaporama-texte__description > *:first-child { margin-top: 0; }
.arvy-diaporama-texte .arvy-diaporama-texte__description > *:last-child { margin-bottom: 0; }

.arvy-diaporama-texte .arvy-diaporama-texte__description p {
	margin: 0 0 var(--arvy-dt-description-paragraphes, 20px);
	font: inherit;
	color: inherit;
}

.arvy-diaporama-texte .arvy-diaporama-texte__description a {
	color: var(--arvy-dt-lien, #1A1A1B);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Cette règle ne fait que la couleur : une valeur de mise en page dans une
   règle de survol écraserait celle du repos. */
.arvy-diaporama-texte .arvy-diaporama-texte__description a:hover,
.arvy-diaporama-texte .arvy-diaporama-texte__description a:focus-visible {
	color: var(--arvy-dt-lien-survol, #2E5DFF);
}

.arvy-diaporama-texte .arvy-diaporama-texte__description a:focus {
	outline: none;
	box-shadow: none;
}

.arvy-diaporama-texte .arvy-diaporama-texte__description a:focus-visible {
	outline: 2px solid var(--arvy-dt-lien-survol, #2E5DFF);
	outline-offset: 3px;
	box-shadow: none;
}

/* ─── Les blocs (pictogramme + titre + texte) ─────────────────────────────── */

.arvy-diaporama-texte .arvy-diaporama-texte__blocs {
	display: flex;
	flex-direction: column;
	gap: var(--arvy-dt-blocs-ecart, 28px);
	margin: var(--arvy-dt-espace-blocs, 32px) 0 0;
	padding: 0;
	list-style: none;
}

.arvy-diaporama-texte .arvy-diaporama-texte__bloc {
	margin: 0;
}

.arvy-diaporama-texte .arvy-diaporama-texte__bloc-titre {
	display: flex;
	flex-direction: var(--arvy-dt-picto-sens, row);
	align-items: var(--arvy-dt-picto-aligne, center);
	gap: var(--arvy-dt-picto-ecart, 12px);
	margin: 0;
	color: #1A1A1B;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.5px;
}

.arvy-diaporama-texte__picto {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: var(--arvy-dt-picto-taille, 40px);
	height: var(--arvy-dt-picto-taille, 40px);
	color: var(--arvy-dt-picto-dessin, #FFFFFF);
	background-color: var(--arvy-dt-picto-fond, #2E5DFF);
	border-radius: var(--arvy-dt-picto-rayon, 12px);
	transition: transform 0.8s var(--arvy-dt-courbe, cubic-bezier(0.135, 0.9, 0.15, 1)) calc(var(--arvy-dt-delai, 0s) + 0.1s);
}

.arvy-diaporama-texte__picto svg {
	display: block;
	width: var(--arvy-dt-picto-dessin-taille, 20px);
	height: var(--arvy-dt-picto-dessin-taille, 20px);
	fill: currentColor;
}

/* Une icône de la bibliothèque d'Elementor : police ou SVG importé. */
.arvy-diaporama-texte__picto i {
	font-size: var(--arvy-dt-picto-dessin-taille, 20px);
	font-style: normal;
	line-height: 1;
}

.arvy-diaporama-texte__picto img,
.arvy-diaporama-texte__picto svg.e-font-icon-svg {
	display: block;
	width: var(--arvy-dt-picto-dessin-taille, 20px);
	height: var(--arvy-dt-picto-dessin-taille, 20px);
	object-fit: contain;
}

.arvy-diaporama-texte .arvy-diaporama-texte__bloc-texte {
	margin: var(--arvy-dt-bloc-espace, 10px) 0 0;
	color: #6B7477;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.55;
	text-wrap: pretty;
}

/* Le texte s'aligne sous le titre, jamais sous le pictogramme, quand celui-ci
   est devant le titre. Un bloc sans pictogramme n'est pas décalé. */
.arvy-diaporama-texte .arvy-diaporama-texte__bloc--picto .arvy-diaporama-texte__bloc-texte {
	margin-left: var(--arvy-dt-bloc-retrait, 0px);
}

.arvy-diaporama-texte__action {
	margin-top: var(--arvy-dt-espace-bouton, 36px);
	max-width: 100%;
}

/* ─── Le bouton ARVY ──────────────────────────────────────────────────────── */

.arvy-diaporama-texte .arvy-diaporama-texte__bouton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--arvy-dt-bouton-ecart, 10px);
	max-width: 100%;
	padding: 14px 24px;
	color: var(--arvy-dt-bouton-texte, #FFFFFF);
	background-color: var(--arvy-dt-bouton-fond, #1A1A1B);
	border: 1px solid var(--arvy-dt-bouton-fond, #1A1A1B);
	border-radius: 999px;
	box-shadow: none;
	mix-blend-mode: var(--arvy-dt-bouton-fusion, multiply);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -1.8px;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	transition:
		color var(--arvy-dt-bouton-douceur, 0.35s) ease,
		background-color var(--arvy-dt-bouton-douceur, 0.35s) ease,
		border-color var(--arvy-dt-bouton-douceur, 0.35s) ease,
		opacity var(--arvy-dt-apparition-duree, 1.2s) var(--arvy-dt-courbe, cubic-bezier(0.135, 0.9, 0.15, 1)) var(--arvy-dt-delai, 0s),
		transform var(--arvy-dt-apparition-duree, 1.2s) var(--arvy-dt-courbe, cubic-bezier(0.135, 0.9, 0.15, 1)) var(--arvy-dt-delai, 0s);
}

/* Le libellé passe à la ligne plutôt que d'être coupé. */
.arvy-diaporama-texte .arvy-diaporama-texte__bouton-texte {
	flex: 0 1 auto;
	min-width: 0;
	white-space: normal;
	text-wrap: balance;
	text-align: center;
}

.arvy-diaporama-texte .arvy-diaporama-texte__bouton-fleche {
	flex: none;
	display: block;
	width: var(--arvy-dt-bouton-fleche, 0.8em);
	height: var(--arvy-dt-bouton-fleche, 0.8em);
	overflow: visible;
}

.arvy-diaporama-texte a.arvy-diaporama-texte__bouton:hover,
.arvy-diaporama-texte a.arvy-diaporama-texte__bouton:focus-visible {
	color: var(--arvy-dt-bouton-texte-survol, var(--arvy-dt-bouton-fond, #1A1A1B));
	background-color: var(--arvy-dt-bouton-fond-survol, transparent);
	border-color: var(--arvy-dt-bouton-bordure-survol, var(--arvy-dt-bouton-fond, #1A1A1B));
	text-decoration: none;
}

.arvy-diaporama-texte a.arvy-diaporama-texte__bouton:focus {
	outline: none;
	box-shadow: none;
}

.arvy-diaporama-texte a.arvy-diaporama-texte__bouton:focus-visible {
	outline: 2px solid var(--arvy-dt-bouton-fond, #1A1A1B);
	outline-offset: 4px;
	box-shadow: none;
}

/* ─── Apparition au défilement ────────────────────────────────────────────────
   Le script ne met en attente que si la section est encore sous l'écran : sans
   script, en cas d'erreur ou en mouvement réduit, rien n'est masqué. */

.arvy-diaporama-texte__surtitre[data-arvy-apparition],
.arvy-diaporama-texte__titre[data-arvy-apparition],
.arvy-diaporama-texte__description[data-arvy-apparition],
.arvy-diaporama-texte__bloc[data-arvy-apparition],
.arvy-diaporama-texte__bouton[data-arvy-apparition] {
	transition:
		opacity var(--arvy-dt-apparition-duree, 1.2s) var(--arvy-dt-courbe, cubic-bezier(0.135, 0.9, 0.15, 1)) var(--arvy-dt-delai, 0s),
		transform var(--arvy-dt-apparition-duree, 1.2s) var(--arvy-dt-courbe, cubic-bezier(0.135, 0.9, 0.15, 1)) var(--arvy-dt-delai, 0s);
}

.arvy-diaporama-texte.est-en-attente [data-arvy-apparition] {
	opacity: 0;
	transform: translateY(var(--arvy-dt-apparition-distance, 32px));
}

/* Le diaporama ne monte pas : il apparaît et l'image se resserre. */
.arvy-diaporama-texte.est-en-attente .arvy-diaporama-texte__diaporama[data-arvy-apparition] { transform: none; }
.arvy-diaporama-texte.est-en-attente .arvy-diaporama-texte__photos { transform: scale(var(--arvy-dt-zoom-depart, 1.15)); }
.arvy-diaporama-texte.est-en-attente .arvy-diaporama-texte__picto { transform: scale(0.4); }

@media (prefers-reduced-motion: reduce) {
	.arvy-diaporama-texte.est-en-attente [data-arvy-apparition] { opacity: 1 !important; transform: none !important; }
	.arvy-diaporama-texte.est-en-attente .arvy-diaporama-texte__photos,
	.arvy-diaporama-texte.est-en-attente .arvy-diaporama-texte__picto { transform: none !important; }
	.arvy-diaporama-texte .arvy-diaporama-texte__photo img { transform: none !important; }

	/* Aucun défilement automatique : la barre de la photo affichée reste
	   pleine, et le visiteur change de photo lui-même. */
	.arvy-diaporama-texte__minuteur { animation: none !important; }
	.arvy-diaporama-texte__barre.est-active .arvy-diaporama-texte__jauge { animation: none !important; transform: scaleX(1); }
	.arvy-diaporama-texte__lecture { display: none !important; }
}

.arvy-no-motion .arvy-diaporama-texte.est-en-attente [data-arvy-apparition] { opacity: 1 !important; transform: none !important; }
.arvy-no-motion .arvy-diaporama-texte.est-en-attente .arvy-diaporama-texte__photos,
.arvy-no-motion .arvy-diaporama-texte.est-en-attente .arvy-diaporama-texte__picto { transform: none !important; }
.arvy-no-motion .arvy-diaporama-texte .arvy-diaporama-texte__photo img { transform: none !important; }
.arvy-no-motion .arvy-diaporama-texte__minuteur { animation: none !important; }
.arvy-no-motion .arvy-diaporama-texte__barre.est-active .arvy-diaporama-texte__jauge { animation: none !important; transform: scaleX(1); }
.arvy-no-motion .arvy-diaporama-texte__lecture { display: none !important; }

/* ─── Replis par appareil ─────────────────────────────────────────────────────
   Sans CSS généré (cache non régénéré, aperçu), la section garde sa mise en
   page et ses tailles. Écrits en fin de feuille : à spécificité égale, la règle
   la plus basse l'emporte. Le CSS des réglages, lui, gagne toujours. */

@media (max-width: 1024px) {
	.arvy-diaporama-texte {
		--arvy-dt-sens: column;
		--arvy-dt-ecart: 40px;
		--arvy-dt-visuel-base: auto;
		--arvy-dt-texte-horizontal: flex-start;
		--arvy-dt-texte-espace: 0px;
		--arvy-dt-texte-largeur: 100%;
		--arvy-dt-parallaxe: 30px;
		--arvy-dt-blocs-ecart: 24px;
	}

	.arvy-diaporama-texte .arvy-diaporama-texte__surtitre { font-size: 20px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__titre { font-size: 48px; letter-spacing: -1.5px; margin-top: 16px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__description { font-size: 18px; margin-top: 20px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__blocs { margin-top: 28px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__bloc-titre { font-size: 24px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__bloc-texte { font-size: 16px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__bouton { font-size: 17px; letter-spacing: -1.5px; }
	.arvy-diaporama-texte__action { margin-top: 32px; }
}

@media (max-width: 767px) {
	.arvy-diaporama-texte {
		--arvy-dt-ecart: 32px;
		--arvy-dt-rayon: 20px;
		--arvy-dt-parallaxe: 24px;
		--arvy-dt-blocs-ecart: 20px;
		--arvy-dt-commandes-espace: 16px;
		--arvy-dt-filet-epaisseur: 0px;
		--arvy-dt-filet-espace: 0px;
		--arvy-dt-picto-taille: 36px;
		--arvy-dt-picto-dessin-taille: 18px;
	}

	.arvy-diaporama-texte .arvy-diaporama-texte__surtitre { font-size: 18px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__titre { font-size: 34px; letter-spacing: -1px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__description { font-size: 17px; margin-top: 16px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__blocs { margin-top: 24px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__bloc-titre { font-size: 22px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__bloc-texte { font-size: 16px; }
	.arvy-diaporama-texte .arvy-diaporama-texte__bouton { font-size: 19px; letter-spacing: -1.2px; }
	.arvy-diaporama-texte__action { margin-top: 28px; }
}