/*
 * ─────────────────────────────────────────────────────────────────────────
 * CSS DE LA SECTION → plugin-arvy/assets/css/widgets/arvy-onglets.css
 *
 * Une barre d'onglets au-dessus d'un grand cadre. Chaque onglet montre un
 * panneau : étiquette, titre, description, bouton et image, puis une zone
 * basse (étiquettes + mention) sous les deux colonnes.
 *
 * Le HTML rend TOUS les panneaux : seuls les inactifs portent « hidden ».
 * Sans JavaScript (@media scripting: none) la barre disparaît et les
 * panneaux s'affichent les uns sous les autres, chacun précédé de son
 * libellé : rien n'est perdu.
 *
 * Les sélecteurs de repli font au moins deux classes : le kit du site
 * stylise h1–h6 et a avec « .elementor-kit-XXXX h2 » (une classe + une
 * balise), qui battrait une classe seule. Les onglets sont des <button> :
 * le kit leur pose un fond bleu, un rayon et une typographie — tout est
 * remis à zéro ici, y compris au survol et au focus.
 *
 * Les blocs @media ne posent que des VARIABLES (sauf les tailles de texte) :
 * une propriété finale écrite dans une @media annulerait le réglage
 * Elementor correspondant, qui passe par la même variable.
 * ─────────────────────────────────────────────────────────────────────────
 */

/* Sécurité 1 : un conteneur Elementor en colonne avec « flex-wrap: wrap »
   fige la hauteur de sa ligne au premier calcul ; la hauteur de cette
   section change avec l'onglet ouvert. */
.e-con:has( > .elementor-widget-arvy-onglets ),
.elementor-element:has( > .elementor-widget-arvy-onglets ) {
	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-onglets {
	min-width: 0;
	max-width: 100%;
}

/* ─── Racine ──────────────────────────────────────────────────────────── */

.arvy-onglets {
	--arvy-on-entete-align: center;
	--arvy-on-entete-max: 780px;
	--arvy-on-intro-max: 640px;
	--arvy-on-espace-surtitre: 16px;
	--arvy-on-espace-intro: 20px;
	--arvy-on-espace-barre: 40px;
	--arvy-on-espace-cadre: 32px;

	--arvy-on-barre-sens: row;
	--arvy-on-barre-ecart: 16px;
	--arvy-on-barre-justif: center;

	--arvy-on-onglet-fond: transparent;
	--arvy-on-onglet-texte: #6B7477;
	--arvy-on-onglet-rayon: 999px;
	--arvy-on-onglet-padding: 14px 22px;
	--arvy-on-onglet-ecart: 10px;
	--arvy-on-onglet-picto: 18px;
	--arvy-on-onglet-contour: transparent;
	--arvy-on-onglet-fond-survol: rgba( 255, 255, 255, 0.55 );
	--arvy-on-onglet-texte-survol: #1A1A1B;
	--arvy-on-onglet-fond-actif: #FFFFFF;
	--arvy-on-onglet-texte-actif: #1A1A1B;
	--arvy-on-onglet-contour-actif: transparent;
	--arvy-on-onglet-ombre-actif: none;
	--arvy-on-douceur: 0.35s;

	--arvy-on-cadre-fond: #F4F1EA;
	--arvy-on-cadre-rayon: 28px;
	--arvy-on-cadre-padding: 64px;

	--arvy-on-colonnes-sens: row;
	--arvy-on-colonnes-ecart: 56px;
	--arvy-on-image-base: 50%;
	--arvy-on-image-ordre: 2;
	--arvy-on-aligne: center;
	--arvy-on-texte-max: 560px;

	--arvy-on-etiquette-fond: #FFFFFF;
	--arvy-on-etiquette-texte: #1A1A1B;
	--arvy-on-etiquette-contour: transparent;
	--arvy-on-etiquette-rayon: 999px;
	--arvy-on-etiquette-padding: 7px 16px;

	--arvy-on-espace-titre: 20px;
	--arvy-on-espace-description: 20px;
	--arvy-on-espace-bouton: 32px;

	--arvy-on-image-format: 4 / 3;
	--arvy-on-image-hauteur: 100%;
	--arvy-on-image-rayon: 20px;
	--arvy-on-image-fond: rgba( 26, 26, 27, 0.06 );

	--arvy-on-bas-espace: 40px;
	--arvy-on-bas-filet: rgba( 26, 26, 27, 0.12 );
	--arvy-on-bas-filet-epaisseur: 1px;
	--arvy-on-tags-ecart: 10px;
	--arvy-on-tags-texte-espace: 24px;
	--arvy-on-espace-mention: 20px;
	--arvy-on-mention-max: 720px;

	--arvy-on-change-duree: 0.5s;
	--arvy-on-change-montee: 12px;
	--arvy-on-change-courbe: cubic-bezier( 0.135, 0.9, 0.15, 1 );

	--arvy-on-app-duree: 1.2s;
	--arvy-on-app-decalage: 0.08s;
	--arvy-on-app-montee: 32px;
	--arvy-on-app-zoom: 1.15;
	--arvy-on-app-courbe: cubic-bezier( 0.16, 1, 0.3, 1 );

	--arvy-on-focus: #2E5DFF;

	display: block;
}

/* ─── En-tête ─────────────────────────────────────────────────────────── */

.arvy-onglets .arvy-onglets__entete {
	display: flex;
	flex-direction: column;
	align-items: var( --arvy-on-entete-align );
	text-align: var( --arvy-on-entete-align );
	max-width: var( --arvy-on-entete-max );
	margin-inline: auto;
}

.arvy-onglets .arvy-onglets__surtitre {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 var( --arvy-on-espace-surtitre );
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: var( --arvy-on-surtitre-couleur, #1A1A1B );
}

.arvy-onglets .arvy-onglets__point {
	flex: 0 0 auto;
	width: var( --arvy-on-point-taille, 8px );
	height: var( --arvy-on-point-taille, 8px );
	border-radius: 50%;
	background: var( --arvy-on-point-couleur, #2E5DFF );
}

.arvy-onglets .arvy-onglets__titre {
	margin: 0;
	font-size: 66px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -2px;
	color: var( --arvy-on-titre-couleur, #1A1A1B );
}

.arvy-onglets .arvy-onglets__intro {
	max-width: var( --arvy-on-intro-max );
	margin: var( --arvy-on-espace-intro ) 0 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: var( --arvy-on-intro-couleur, #6B7477 );
}

.arvy-onglets .arvy-onglets__intro > p { margin: 0 0 20px; }
.arvy-onglets .arvy-onglets__intro > p:last-child { margin-bottom: 0; }

.arvy-onglets .arvy-onglets__intro a {
	color: var( --arvy-on-intro-lien, #1A1A1B );
	text-decoration: underline;
	text-underline-offset: 3px;
}

.arvy-onglets .arvy-onglets__intro a:hover,
.arvy-onglets .arvy-onglets__intro a:focus {
	color: var( --arvy-on-intro-lien-survol, #2E5DFF );
}

/* ─── La barre d'onglets ──────────────────────────────────────────────── */

.arvy-onglets .arvy-onglets__barre {
	display: flex;
	flex-direction: var( --arvy-on-barre-sens );
	flex-wrap: wrap;
	align-items: center;
	justify-content: var( --arvy-on-barre-justif );
	gap: var( --arvy-on-barre-ecart );
	margin-top: var( --arvy-on-espace-barre );
}

.arvy-onglets .arvy-onglets__entete:empty + .arvy-onglets__barre {
	margin-top: 0;
}

/* Le kit du site repeint TOUS les <button> (fond bleu, rayon 100px, typo
   de la globale accent, autre couleur au survol et au focus) : on remet
   tout à zéro ici, aux trois états, et par variables pour que les
   réglages Elementor restent maîtres. */
.arvy-onglets .arvy-onglets__barre .arvy-onglets__onglet,
.arvy-onglets .arvy-onglets__barre .arvy-onglets__onglet:hover,
.arvy-onglets .arvy-onglets__barre .arvy-onglets__onglet:focus {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var( --arvy-on-onglet-ecart );
	margin: 0;
	padding: var( --arvy-on-onglet-padding );
	border: 1px solid var( --arvy-on-onglet-contour );
	border-radius: var( --arvy-on-onglet-rayon );
	background: var( --arvy-on-onglet-fond );
	color: var( --arvy-on-onglet-texte );
	font-family: inherit;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.3px;
	text-align: center;
	text-transform: none;
	cursor: pointer;
	box-shadow: none;
	transition:
		color var( --arvy-on-douceur ) ease,
		background-color var( --arvy-on-douceur ) ease,
		border-color var( --arvy-on-douceur ) ease,
		box-shadow var( --arvy-on-douceur ) ease,
		opacity var( --arvy-on-app-duree ) var( --arvy-on-app-courbe ),
		transform var( --arvy-on-app-duree ) var( --arvy-on-app-courbe );
}

/* Survol et focus : seulement les couleurs (une règle d'état ne doit jamais
   porter une valeur de mise en page, elle l'emporterait sur la règle de
   base). */
@media ( hover: hover ) and ( pointer: fine ) {
	.arvy-onglets .arvy-onglets__barre .arvy-onglets__onglet:hover {
		background: var( --arvy-on-onglet-fond-survol );
		color: var( --arvy-on-onglet-texte-survol );
	}
}

/* L'onglet ouvert. Écrit APRÈS le survol et avec le même nombre de classes
   pour que l'état permanent l'emporte au repos… */
.arvy-onglets .arvy-onglets__barre .arvy-onglets__onglet[aria-selected="true"] {
	background: var( --arvy-on-onglet-fond-actif );
	color: var( --arvy-on-onglet-texte-actif );
	border-color: var( --arvy-on-onglet-contour-actif );
	box-shadow: var( --arvy-on-onglet-ombre-actif );
}

/* …et une règle de survol PLUS spécifique encore, écrite après, pour que
   l'onglet ouvert réagisse lui aussi au survol (piège 123). */
@media ( hover: hover ) and ( pointer: fine ) {
	.arvy-onglets .arvy-onglets__barre .arvy-onglets__onglet[aria-selected="true"]:hover {
		background: var( --arvy-on-onglet-fond-actif );
		color: var( --arvy-on-onglet-texte-actif );
	}
}

/* Le thème Hello pose un halo blanc + un contour noir sur tout élément
   focusable : on le remplace par le contour de la section. */
.arvy-onglets .arvy-onglets__barre .arvy-onglets__onglet:focus-visible {
	outline: 2px solid var( --arvy-on-focus );
	outline-offset: 2px;
	box-shadow: none;
}

.arvy-onglets .arvy-onglets__onglet-picto {
	flex: 0 0 auto;
	display: inline-flex;
	width: var( --arvy-on-onglet-picto );
	height: var( --arvy-on-onglet-picto );
}

.arvy-onglets .arvy-onglets__onglet-picto svg {
	width: 100%;
	height: 100%;
	display: block;
	fill: currentColor;
}

.arvy-onglets .arvy-onglets__onglet-libelle {
	display: block;
	white-space: normal;
}

/* ─── Le cadre et les panneaux ────────────────────────────────────────── */

.arvy-onglets .arvy-onglets__cadre {
	margin-top: var( --arvy-on-espace-cadre );
	padding: var( --arvy-on-cadre-padding );
	border-radius: var( --arvy-on-cadre-rayon );
	background: var( --arvy-on-cadre-fond );
	box-sizing: border-box;
	overflow: hidden;
}

/* La hauteur animée au changement d'onglet : le script pose une hauteur de
   départ puis la hauteur d'arrivée, et la retire à la fin. */
.arvy-onglets .arvy-onglets__cadre.est-en-transition {
	transition: height var( --arvy-on-change-duree ) var( --arvy-on-change-courbe );
	overflow: hidden;
}

.arvy-onglets .arvy-onglets__panneau {
	display: block;
}

.arvy-onglets .arvy-onglets__panneau[hidden] {
	display: none;
}

.arvy-onglets .arvy-onglets__panneau:focus-visible {
	outline: 2px solid var( --arvy-on-focus );
	outline-offset: 4px;
	box-shadow: none;
}

/* Le panneau qui vient d'apparaître monte et se révèle. */
.arvy-onglets:not( .arvy-no-motion ) .arvy-onglets__panneau.est-entrant {
	animation: arvy-onglets-entree var( --arvy-on-change-duree ) var( --arvy-on-change-courbe ) both;
}

@keyframes arvy-onglets-entree {
	from { opacity: 0; transform: translateY( var( --arvy-on-change-montee ) ); }
	to   { opacity: 1; transform: none; }
}

/* ─── Les deux colonnes ───────────────────────────────────────────────── */

.arvy-onglets .arvy-onglets__colonnes {
	display: flex;
	flex-direction: var( --arvy-on-colonnes-sens );
	align-items: var( --arvy-on-aligne );
	gap: var( --arvy-on-colonnes-ecart );
}

.arvy-onglets .arvy-onglets__conteneur {
	min-width: 0;
}

.arvy-onglets .arvy-onglets__conteneur--texte {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: var( --arvy-on-texte-max );
}

.arvy-onglets .arvy-onglets__conteneur--image {
	flex: 0 0 var( --arvy-on-image-base );
	max-width: var( --arvy-on-image-base );
	order: var( --arvy-on-image-ordre );
	align-self: var( --arvy-on-image-aligne, var( --arvy-on-aligne ) );
}

/* Une colonne seule prend toute la largeur. */
.arvy-onglets .arvy-onglets__conteneur:only-child {
	flex: 1 1 100%;
	max-width: 100%;
}

/* ─── Étiquette, titre, description, bouton ───────────────────────────── */

.arvy-onglets .arvy-onglets__etiquette {
	display: inline-flex;
	align-items: center;
	margin: 0 0 var( --arvy-on-espace-titre );
	padding: var( --arvy-on-etiquette-padding );
	border: 1px solid var( --arvy-on-etiquette-contour );
	border-radius: var( --arvy-on-etiquette-rayon );
	background: var( --arvy-on-etiquette-fond );
	color: var( --arvy-on-etiquette-texte );
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.2px;
}

.arvy-onglets .arvy-onglets__panneau-titre {
	margin: 0;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -1.5px;
	color: var( --arvy-on-panneau-titre-couleur, #1A1A1B );
}

.arvy-onglets .arvy-onglets__description {
	margin: var( --arvy-on-espace-description ) 0 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: var( --arvy-on-description-couleur, #6B7477 );
}

.arvy-onglets .arvy-onglets__description > p { margin: 0 0 20px; }
.arvy-onglets .arvy-onglets__description > p:last-child { margin-bottom: 0; }

.arvy-onglets .arvy-onglets__description a {
	color: var( --arvy-on-description-lien, #1A1A1B );
	text-decoration: underline;
	text-underline-offset: 3px;
}

.arvy-onglets .arvy-onglets__description a:hover,
.arvy-onglets .arvy-onglets__description a:focus {
	color: var( --arvy-on-description-lien-survol, #2E5DFF );
}

/* ─── L'image ─────────────────────────────────────────────────────────── */

.arvy-onglets .arvy-onglets__visuel {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: var( --arvy-on-image-rayon );
	background: var( --arvy-on-image-fond );
	aspect-ratio: var( --arvy-on-image-format );
	min-height: var( --arvy-on-image-min, 0px );
}

.arvy-onglets .arvy-onglets__zoom {
	width: 100%;
	height: 100%;
}

.arvy-onglets .arvy-onglets__visuel img {
	display: block;
	width: 100%;
	height: var( --arvy-on-image-hauteur );
	object-fit: cover;
	object-position: center center;
}

/* ─── La zone basse : étiquettes + mention ────────────────────────────── */

.arvy-onglets .arvy-onglets__bas {
	margin-top: var( --arvy-on-bas-espace );
	padding-top: var( --arvy-on-bas-espace );
	border-top: var( --arvy-on-bas-filet-epaisseur ) solid var( --arvy-on-bas-filet );
}

.arvy-onglets .arvy-onglets__bas--sans-filet {
	border-top: 0;
	padding-top: 0;
}

.arvy-onglets .arvy-onglets__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var( --arvy-on-tags-ecart );
	margin: 0;
	padding: 0;
	list-style: none;
}

.arvy-onglets .arvy-onglets__tags--texte {
	margin-top: var( --arvy-on-tags-texte-espace );
}

.arvy-onglets .arvy-onglets__tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: var( --arvy-on-etiquette-padding );
	border: 1px solid var( --arvy-on-etiquette-contour );
	border-radius: var( --arvy-on-etiquette-rayon );
	background: var( --arvy-on-etiquette-fond );
	color: var( --arvy-on-etiquette-texte );
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.2px;
}

.arvy-onglets .arvy-onglets__tag-picto {
	flex: 0 0 auto;
	display: inline-flex;
	width: var( --arvy-on-tag-picto, 14px );
	height: var( --arvy-on-tag-picto, 14px );
	color: var( --arvy-on-tag-picto-couleur, #2E5DFF );
}

.arvy-onglets .arvy-onglets__tag-picto svg { width: 100%; height: 100%; display: block; fill: currentColor; }

.arvy-onglets .arvy-onglets__mention {
	margin: var( --arvy-on-espace-mention ) 0 0;
	max-width: var( --arvy-on-mention-max );
	font-size: 17px;
	font-weight: 400;
	line-height: 1.55;
	color: var( --arvy-on-mention-couleur, #6B7477 );
}

.arvy-onglets .arvy-onglets__tags:empty + .arvy-onglets__mention,
.arvy-onglets .arvy-onglets__mention:first-child {
	margin-top: 0;
}

.arvy-onglets .arvy-onglets__mention > p { margin: 0 0 16px; }
.arvy-onglets .arvy-onglets__mention > p:last-child { margin-bottom: 0; }

.arvy-onglets .arvy-onglets__mention a {
	color: var( --arvy-on-mention-lien, #1A1A1B );
	text-decoration: underline;
	text-underline-offset: 3px;
}

.arvy-onglets .arvy-onglets__mention a:hover,
.arvy-onglets .arvy-onglets__mention a:focus {
	color: var( --arvy-on-mention-lien-survol, #2E5DFF );
}

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

/* La transparence du texte passe par le mode de fusion : aucun parent du
   bouton ne doit recevoir transform, opacity ou filter — c'est le bouton
   lui-même qui s'anime. */
.arvy-onglets .arvy-onglets__bouton-zone {
	margin-top: var( --arvy-on-espace-bouton );
	max-width: 100%;
}

.arvy-onglets .arvy-onglets__bouton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var( --arvy-on-bouton-ecart, 10px );
	max-width: 100%;
	box-sizing: border-box;
	padding: 14px 24px;
	color: var( --arvy-on-bouton-texte, #FFFFFF );
	background-color: var( --arvy-on-bouton-fond, #1A1A1B );
	border: 1px solid var( --arvy-on-bouton-fond, #1A1A1B );
	border-radius: 999px;
	box-shadow: none;
	mix-blend-mode: var( --arvy-on-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-on-bouton-douceur, 0.35s ) ease,
		background-color var( --arvy-on-bouton-douceur, 0.35s ) ease,
		border-color var( --arvy-on-bouton-douceur, 0.35s ) ease,
		opacity var( --arvy-on-app-duree ) var( --arvy-on-app-courbe ) var( --arvy-on-delai, 0s ),
		transform var( --arvy-on-app-duree ) var( --arvy-on-app-courbe ) var( --arvy-on-delai, 0s );
}

/* Sur un écran étroit le libellé passe sur deux lignes centrées plutôt que
   d'être coupé. Quand il tient sur une ligne, rien ne change. */
.arvy-onglets .arvy-onglets__bouton-texte {
	flex: 0 1 auto;
	min-width: 0;
	white-space: normal;
	text-wrap: balance;
	text-align: center;
}

.arvy-onglets .arvy-onglets__bouton-fleche {
	flex: none;
	display: block;
	width: var( --arvy-on-bouton-fleche, 0.8em );
	height: var( --arvy-on-bouton-fleche, 0.8em );
	overflow: visible;
}

a.arvy-onglets__bouton:hover,
a.arvy-onglets__bouton:focus-visible { cursor: pointer; }

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

.arvy-onglets a.arvy-onglets__bouton:focus { outline: none; box-shadow: none; }

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

/* ─── Apparition au défilement ────────────────────────────────────────── */

/* Le bouton et les onglets déclarent déjà toutes leurs transitions dans
   une seule règle : les exclure ici, sinon cette déclaration remplacerait
   la leur et le survol deviendrait instantané. */
.arvy-onglets [data-arvy-apparition]:not( .arvy-onglets__bouton ):not( .arvy-onglets__onglet ) {
	transition:
		opacity var( --arvy-on-app-duree ) var( --arvy-on-app-courbe ) var( --arvy-on-delai, 0s ),
		transform var( --arvy-on-app-duree ) var( --arvy-on-app-courbe ) var( --arvy-on-delai, 0s );
}

.arvy-onglets.est-en-attente [data-arvy-apparition] {
	opacity: 0;
	transform: translateY( var( --arvy-on-app-montee ) );
}

.arvy-onglets.est-en-attente .arvy-onglets__visuel img {
	transform: scale( var( --arvy-on-app-zoom ) );
}

.arvy-onglets .arvy-onglets__visuel img {
	transition: transform calc( var( --arvy-on-app-duree ) * 1.4 ) var( --arvy-on-app-courbe ) var( --arvy-on-delai, 0s );
}

/* ─── Sans JavaScript : la barre disparaît, tout est lisible ──────────── */

.arvy-onglets .arvy-onglets__panneau-libelle {
	display: none;
}

@media ( scripting: none ) {
	.arvy-onglets .arvy-onglets__barre { display: none; }
	.arvy-onglets .arvy-onglets__panneau[hidden] { display: block; }
	.arvy-onglets .arvy-onglets__panneau + .arvy-onglets__panneau { margin-top: 64px; }
	.arvy-onglets .arvy-onglets__panneau-libelle {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0 0 24px;
		font-size: 24px;
		font-weight: 700;
		color: var( --arvy-on-titre-couleur, #1A1A1B );
	}
}

/* ─── Mouvement réduit ────────────────────────────────────────────────── */

@media ( prefers-reduced-motion: reduce ) {
	.arvy-onglets .arvy-onglets__panneau.est-entrant { animation: none !important; }
	.arvy-onglets .arvy-onglets__cadre.est-en-transition { transition: none !important; }
}

.arvy-onglets.arvy-no-motion .arvy-onglets__panneau.est-entrant { animation: none !important; }
.arvy-onglets.arvy-no-motion .arvy-onglets__cadre.est-en-transition { transition: none !important; }

/* ─────────────────────────────────────────────────────────────────────────
 * Replis par appareil — VARIABLES seulement (une propriété finale écrite
 * ici annulerait le réglage Elementor correspondant), sauf les tailles de
 * texte : le CSS généré les vise avec une classe de plus et l'emporte.
 * Écrits en fin de fichier : à spécificité égale, la dernière règle gagne.
 * ───────────────────────────────────────────────────────────────────────── */

@media ( max-width: 1024px ) {
	.arvy-onglets {
		--arvy-on-espace-barre: 36px;
		--arvy-on-espace-cadre: 28px;
		--arvy-on-barre-ecart: 12px;
		--arvy-on-onglet-padding: 12px 18px;
		--arvy-on-onglet-picto: 17px;
		--arvy-on-cadre-padding: 40px;
		--arvy-on-colonnes-sens: column;
		--arvy-on-colonnes-ecart: 40px;
		--arvy-on-image-base: 100%;
		--arvy-on-image-ordre: 2;
		--arvy-on-aligne: stretch;
		--arvy-on-image-aligne: stretch;
		--arvy-on-texte-max: 100%;
		--arvy-on-image-format: 16 / 9;
		--arvy-on-espace-bouton: 28px;
		--arvy-on-bas-espace: 32px;
		--arvy-on-espace-mention: 16px;
		--arvy-on-entete-max: 640px;
	}

	.arvy-onglets .arvy-onglets__titre { font-size: 48px; letter-spacing: -1.5px; }
	.arvy-onglets .arvy-onglets__intro { font-size: 18px; }
	.arvy-onglets .arvy-onglets__surtitre { font-size: 20px; }
	.arvy-onglets .arvy-onglets__barre .arvy-onglets__onglet { font-size: 16px; }
	.arvy-onglets .arvy-onglets__panneau-titre { font-size: 40px; letter-spacing: -1.2px; }
	.arvy-onglets .arvy-onglets__description { font-size: 18px; }
	.arvy-onglets .arvy-onglets__etiquette,
	.arvy-onglets .arvy-onglets__tag { font-size: 14px; }
	.arvy-onglets .arvy-onglets__mention { font-size: 16px; }
	.arvy-onglets .arvy-onglets__bouton { font-size: 17px; letter-spacing: -1.5px; }
}

@media ( max-width: 767px ) {
	.arvy-onglets {
		--arvy-on-espace-barre: 28px;
		--arvy-on-espace-cadre: 24px;
		--arvy-on-barre-ecart: 10px;
		--arvy-on-onglet-padding: 11px 16px;
		--arvy-on-onglet-picto: 16px;
		--arvy-on-cadre-padding: 24px;
		--arvy-on-cadre-rayon: 20px;
		--arvy-on-colonnes-ecart: 32px;
		--arvy-on-image-format: 1 / 1;
		--arvy-on-image-rayon: 16px;
		--arvy-on-espace-titre: 16px;
		--arvy-on-espace-description: 16px;
		--arvy-on-espace-bouton: 24px;
		--arvy-on-bas-espace: 28px;
		--arvy-on-tags-ecart: 8px;
		--arvy-on-espace-mention: 14px;
		--arvy-on-espace-intro: 16px;
		--arvy-on-espace-surtitre: 12px;
	}

	.arvy-onglets .arvy-onglets__titre { font-size: 34px; letter-spacing: -1px; }
	.arvy-onglets .arvy-onglets__intro { font-size: 17px; }
	.arvy-onglets .arvy-onglets__surtitre { font-size: 18px; }
	.arvy-onglets .arvy-onglets__barre .arvy-onglets__onglet { font-size: 15px; }
	.arvy-onglets .arvy-onglets__panneau-titre { font-size: 30px; letter-spacing: -0.8px; }
	.arvy-onglets .arvy-onglets__description { font-size: 17px; }
	.arvy-onglets .arvy-onglets__etiquette,
	.arvy-onglets .arvy-onglets__tag { font-size: 14px; }
	.arvy-onglets .arvy-onglets__mention { font-size: 16px; }
	.arvy-onglets .arvy-onglets__bouton { font-size: 19px; letter-spacing: -1.2px; }
}