/**
 * Theme Slider — styles (mise en page deux colonnes, façon maquette OE).
 *
 * @package ObjectifEnergies\ElementorAddon
 */

header, .elementor-widget-oeea-theme-slider, .elementor-widget-oeea-theme-hero, header a
{
	 cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle cx="16" cy="16" r="16" fill="%23127a63" fill-opacity="0.4"/></svg>') 12 12, auto;
}

.elementor-widget-oeea-theme-slider, .elementor-widget-oeea-theme-hero
{
	width:100%;
	padding-right:16px;
	
}
.oeea-theme-slider {
	--oeea-accent: #127a63;
	position: relative;
	width: 100%;
	

	height: clamp(794px, calc(100vh - 32px) , 1200px);
}

.oeea-theme-slider.oeea-empty {
	padding: 24px;
	border: 1px dashed rgba( 18, 122, 99, 0.5 );
	border-radius: 12px;
	color: #127a63;
	background: rgba( 18, 122, 99, 0.05 );
	text-align: center;
}

/* --- Grille deux colonnes ---------------------------------------------- */
.oeea-theme-slider .oeea-cols {
	display: flex;
	
	height:100%;
	align-items: stretch;
}

/* --- Colonne gauche (blanche) ------------------------------------------ */
.oeea-theme-slider .oeea-col--left {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items:flex-start;
	gap: 64px;
	width:clamp(350px,45%, 100%);
padding:24px 24px 24px 0;

	
	
}



.oeea-theme-slider .oeea-left__title {
	color: #0f3c32;
	font-size: clamp( 2rem, 3vw, 54px );
	line-height: 1.1;
	font-weight: 700;
	margin: 0; /* neutralise la marge par défaut du <h1> */
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-end;
	
	width:auto;

	//min-height:clamp(240px, 135%, 380px);
	align-self: flex-start;

	margin-top:124px;
	flex:1;

}


.oeea-left__title_content
{
	
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-right:24px;
	padding-left:24px;
	max-width:100%;
	font-size:2.5vw;


}

.oeea-theme-slider .oeea-left__title
{
	font-size:14px;
}

/* Fallback aux métriques ajustées pour « Baloo Bhai 2 » (ligne PHOTOVOLTAÏQUE).
   Baloo est chargée par le thème (Google Fonts, font-display:swap) : pendant son
   téléchargement, la pilule s'affichait ~11% trop large (fallback système) puis
   rétrécissait. Ce fallback (Arial réduit à 89% via size-adjust) occupe la même
   largeur que Baloo → la pilule ne bouge plus au swap. Sert uniquement le temps
   du FOUT ; une fois Baloo chargée, elle prime dans le stack. */
@font-face {
	font-family: "OE Baloo Fallback";
	src: local( "Arial" ), local( "Helvetica Neue" ), local( "Liberation Sans" ), local( "Arimo" );
	font-weight: 700;
	size-adjust: 90.3%;
}

.oeea-theme-slider .oeea-left__title .oeea-hs
{
	font-size:4.5vw;
	font-family: "Gelato Regular", Sans-serif;


}
.oeea-theme-hero .oeea-left__title .oeea-hs
{
	font-size:4.5vw;
	font-family: "Baloo Bhai 2", Sans-serif;

}


.oeea-theme-slider .oeea-left__title .oeea-hs.hero-title
{
	
	font-family: "Baloo Bhai 2", "OE Baloo Fallback", sans-serif;
	font-size:3.6vw;

}





.oeea-theme-slider .oeea-left__title .oeea-hl {
	display: inline-block;
	padding: 0.05em 0.4em;
	margin: 0.08em 0;
	border-radius: 999px;
	background-color: var( --oeea-accent );
	color: #fff;
	line-height: 1.25;
	font-size:4.3vw;
	font-family: "Baloo Bhai 2", "OE Baloo Fallback", sans-serif;
}

.oeea-theme-slider .oeea-left__title .oeea-hs.hero-title .oeea-hl
{
	font-family: "Gelato Regular", Sans-serif;
	font-size:3.9vw;
	
}

.oeea-theme-slider .oeea-left__title .oeea-he
{
	font-size:2.6vw;
	font-family: "Gelato Regular", Sans-serif;

}

.oeea-hs.hero-title.agri .oeea-hl
{
	background-color:#DDDD32;
	color:var( --oeea-accent );
}

.oeea-hs.hero-title.collectivite .oeea-hl
{
	background-color:#DEDBCD;
	color:#008D7A;
}

.oeea-hs.hero-title.industriel .oeea-hl
{
	background-color:#0B2332;
	color:#008D7A;
}
.oeea-hs.hero-title.tpe .oeea-hl
{
	background-color:#34528A;
	color:#008D7A;
}

 


@media(min-width:1440px)
{
	.oeea-theme-slider .oeea-left__title .oeea-hs
	{
		font-size:68px;
		
	}
	.oeea-theme-slider .oeea-left__title .oeea-hl
	{
		font-size:64px;
	}
	.oeea-theme-slider .oeea-left__title .oeea-he
	{
		font-size:40px;
		
	}

	.oeea-theme-slider .oeea-left__title .oeea-hs.hero-title
	{
		font-size:48px;
		
	}
	.oeea-theme-slider .oeea-left__title .oeea-hs.hero-title .oeea-hl
	{
		font-size:52px;
	}

}

.oeea-theme-slider .oeea-left__text {
	color: #4a5a55;
	font-size: 1rem;
	line-height: 1.6;

	

}

.oeea-theme-slider .oeea-left__sector {
	min-height: 1.5em;
	color: #4a5a55;
	font-size: 0.95rem;
	line-height: 1.55;
		
	//border:1px solid green;
	min-height:324px;

	width:clamp(250px, 364px, calc(100% - 188px));
		padding-left:24px;
		
		font-weight:600;
		

}

.oeea-theme-slider .oeea-left__sector p {
	margin: 0 0 0.7em;
}

.oeea-theme-slider .oeea-left__sector p:last-child {
	margin-bottom: 0;
}

/* Icône du secteur (colonne gauche) : cercle au dégradé du secteur + padding.
   display:flex (bloc) → l'icône occupe sa propre ligne, AU-DESSUS du texte. */
.oeea-theme-slider .oeea-left__icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 124px;
	height: 124px;
	padding: 16px;
	box-sizing: border-box;
	border-radius: 50%;
	/* Base opaque : repli si pas de dégradé, et remplit les fondus « transparent ». */
	background-color: var( --oeea-accent );
	margin-bottom: 14px;
}

/* Dégradé du secteur actif (variable posée en inline par le JS). */
.oeea-theme-slider .oeea-left__icon-wrap[style*="--oeea-grad"] {
	background-image: linear-gradient( var( --oeea-grad-angle-icon, 135deg ), var( --oeea-grad ) );
}

.oeea-theme-slider .oeea-left__icon {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* --- Colonne droite (cover image) -------------------------------------- */
.oeea-theme-slider .oeea-col--right {
	position: relative;
	
	

	
	width:clamp(0px,55%,1400px);
	border-radius:24px!important;
}

.oeea-theme-slider .oeea-main {
	position: absolute;
	inset: 0;
	height: 100%;
}

/* Cover par défaut : au-dessus du slider tant qu'aucun secteur n'est choisi. */
.oeea-theme-slider .oeea-cover-default {
	position: absolute;
	inset: 0;
	z-index: 3;
	transition: opacity 0.4s ease;
	
	overflow:hidden;
}

.oeea-theme-slider .oeea-cover-default img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius:24px;
}

.oeea-theme-slider .oeea-cover-default.is-hidden {
	opacity: 0;
	pointer-events: none;
}

.oeea-theme-slider .oeea-slide {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.oeea-theme-slider .oeea-slide__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.oeea-theme-slider .oeea-slide__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient( 180deg, rgba( 15, 60, 50, 0.10 ) 0%, rgba( 15, 60, 50, 0.30 ) 100% );
	pointer-events: none;
}

.oeea-theme-slider .oeea-slide__content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 32px 36px 64px;
	text-align: right;
}

.oeea-theme-slider .oeea-slide__title {
	
	font-size: clamp( 2.2rem, 4vw, 4.5rem );
	line-height: 1;
	font-weight: 700;
	
	
	padding-top:168px;
	font-size:5.6vw;
	font-family: "Gelato Regular", Sans-serif;
}

.oeea-theme-slider .oeea-slide__cta {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	padding: 2px 12px 2px 2px; /* ras du cercle à gauche, air à droite */
	border-radius: 999px;
	/* Base opaque : sert6 de repli et remplit les fondus « transparent »
	   du dégradé de secteur (blanc = transparent → accent). */
	background-color: var( --oeea-accent );
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.15s ease, filter 0.15s ease;
	position:absolute;
	bottom:72px;
	right:24px;
}

/* Fond dégradé du secteur (change selon le slide sélectionné). */
.oeea-theme-slider .oeea-slide[style*="--oeea-grad"] .oeea-slide__cta {
	background-image: linear-gradient( var( --oeea-grad-angle-cta ), var( --oeea-grad ) );
}

/* Cercle contouré + chevron, à gauche du libellé. */
.oeea-theme-slider .oeea-slide__cta-ring {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:auto;
	
	aspect-ratio:1;
	border-radius: 50%;
	background:white;
	box-sizing: border-box;
	transform:scale(1.6);
	/* Même couleur que le bord GAUCHE du dégradé du bouton : à 270deg ce bord
	   est le stop « transparent » → repli sur l'accent. L'anneau se fond ainsi
	   dans le bord gauche du bouton. */
	border:2px solid var( --oeea-accent );
}

.oeea-theme-slider .oeea-slide__cta-ring .oeea-chevron {
	
	margin-left: 2px; /* recentrage optique du chevron dans le cercle */
}

.oeea-theme-slider .oeea-slide__cta-label {
	font-size: 16px;
	line-height: 1;
	white-space: nowrap;
}

.oeea-theme-slider .oeea-slide__cta:hover {
	filter: brightness( 1.08 );
	//transform: translateY( -1px );
}

/* --- Bande de vignettes (chevauche la frontière : 1/3 gauche, 2/3 droite) */
.oeea-theme-slider .oeea-thumbs-wrap {
	position: absolute;
	bottom:72px;
	left: 0%;
	transform: translateX( calc(-33.333% + 24px));
	width:clamp(240px, 644px, calc(100vw - 688px));
	background: #fff;
	border-radius: 24px;
	padding: 16px 0px 8px 24px;
	gap:8px;
	z-index: 4;
	display:flex;
	flex-direction:column;
	
	
}

.oeea-theme-slider .oeea-thumbs {
	width: 100%;
	overflow: hidden;

	padding-right:24px;
	padding-left:24px;
}

/* Anti-FOUC : avant l'init de Swiper, swiper.css met .swiper-slide{width:100%},
   donc chaque vignette occupe toute la bande et devient géante (aspect-ratio:1).
   La hauteur du wrap (fond blanc) suit alors ces vignettes → gros bloc blanc trop
   haut. On masque TOUT le wrap (fond blanc + vignettes + flèches) tant que le JS
   n'a pas posé .oeea-ready (largeurs inline calculées). Le wrap est en
   position:absolute → aucun décalage de la page pendant ce court instant. */
.oeea-theme-slider .oeea-thumbs-wrap {
	/* Fondu d'entrée en dernier dans la cascade (délai 0.55s). NB : on ne touche
	   QUE l'opacité — le wrap a déjà un transform:translateX à préserver. */
	transition: opacity 0.6s cubic-bezier( 0.2, 0.7, 0.2, 1 ) 0.45s;
}

.oeea-theme-slider:not(.oeea-ready) .oeea-thumbs-wrap {
	opacity: 0;
}

/* =========================================================================
   Animation d'entrée du hero (cascade). Déclenchée quand le JS pose
   .oeea-ready (Swiper dimensionné → pas de FOUC). Chaque élément monte en
   fondu ; ordre : lignes du titre → texte → vignettes.
   L'image du cover (colonne droite) N'est PAS animée (elle est là d'emblée).
   Le wrap des vignettes est géré juste au-dessus (opacité seule).
   ========================================================================= */
.oeea-theme-slider .oeea-left__title .oeea-hs,
.oeea-theme-slider .oeea-left__title .oeea-hl,
.oeea-theme-slider .oeea-left__title .oeea-he,
.oeea-theme-slider .oeea-left__sector {
	transition: opacity 0.6s cubic-bezier( 0.2, 0.7, 0.2, 1 ),
	            transform 0.6s cubic-bezier( 0.2, 0.7, 0.2, 1 );
	will-change: opacity, transform;
}

/* État initial masqué (avant .oeea-ready) */
.oeea-theme-slider:not(.oeea-ready) .oeea-left__title .oeea-hs,
.oeea-theme-slider:not(.oeea-ready) .oeea-left__title .oeea-hl,
.oeea-theme-slider:not(.oeea-ready) .oeea-left__title .oeea-he,
.oeea-theme-slider:not(.oeea-ready) .oeea-left__sector {
	opacity: 0;
	transform: translateY( 22px );
}

/* Décalages en cascade (à la révélation) */
.oeea-theme-slider.oeea-ready .oeea-left__title .oeea-hs { transition-delay: 0.05s; }
.oeea-theme-slider.oeea-ready .oeea-left__title .oeea-hl { transition-delay: 0.15s; }
.oeea-theme-slider.oeea-ready .oeea-left__title .oeea-he { transition-delay: 0.25s; }
.oeea-theme-slider.oeea-ready .oeea-left__sector { transition-delay: 0.35s; }

/* Accessibilité : pas de mouvement si l'utilisateur le demande (fondu seul). */
@media ( prefers-reduced-motion: reduce ) {
	.oeea-theme-slider .oeea-left__title .oeea-hs,
	.oeea-theme-slider .oeea-left__title .oeea-hl,
	.oeea-theme-slider .oeea-left__title .oeea-he,
	.oeea-theme-slider .oeea-left__sector,
	.oeea-theme-slider:not(.oeea-ready) .oeea-left__title .oeea-hs,
	.oeea-theme-slider:not(.oeea-ready) .oeea-left__title .oeea-hl,
	.oeea-theme-slider:not(.oeea-ready) .oeea-left__title .oeea-he,
	.oeea-theme-slider:not(.oeea-ready) .oeea-left__sector {
		transform: none !important;
		transition-duration: 0.3s;
	}
}

.oeea-theme-slider .oeea-thumbs__item {
	position: relative;
	
	box-sizing: border-box;
	
	border-radius: 24px;
	overflow: hidden;
	
	
	transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
	aspect-ratio: 1;
	height: auto !important; /* bat le contrôle « Hauteur des vignettes » + Swiper (.swiper-slide{height:100%}) */
	
}


.oeea-theme-slider .oeea-thumbs-wrap:before, .oeea-theme-slider .oeea-thumbs-wrap:after {

	content:"";
	width:32px;
	height:32px;
	background:white;
	position:absolute;
	
}

.oeea-theme-slider .oeea-thumbs-wrap:before
{
	top:-32px;
	left:calc(33% - 24px );
	 background: radial-gradient(circle 32px at top left, transparent 32px, #fff 32px);
    transform:rotate(90deg);

}

.oeea-theme-slider .oeea-thumbs-wrap:after
{
	bottom:-32px;
	left:calc(33% - 24px );
	 background: radial-gradient(circle 32px at top left, transparent 32px, #fff 32px);
    transform:rotate(180deg);
}

.oeea-theme-slider .oeea-thumbs__item:hover {
	//transform: translateY( -2px );
}

/* Icône du secteur (cercle centré) — visible si vignette active ou au survol. */
.oeea-theme-slider .oeea-thumbs__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: auto;
	border-radius: 50%;

	
	opacity: 0;
	transform: translate( -50%, -50% ) scale( 0.8 );
	transition: opacity 0.2s ease, transform 0.2s ease;
	pointer-events: none;
	overflow:hidden;

	max-width:36%;
}

.oeea-theme-slider .oeea-thumbs__icon img {
	width:100%;
	height: 100%;
	object-fit: contain;

}

.oeea-theme-slider .oeea-thumbs__item.is-active .oeea-thumbs__icon,
.oeea-theme-slider .oeea-thumbs__item:hover .oeea-thumbs__icon {
	opacity: 1;
	transform: translate( -50%, -50% ) scale( 1 );

}

.oeea-theme-slider .oeea-thumbs__item.is-active {
	
}

.oeea-theme-slider .oeea-thumbs__img {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
}

.oeea-theme-slider .oeea-thumbs__item::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( to top, rgba( 0, 0, 0, 0.55 ), rgba( 0, 0, 0, 0 ) 60% );
}

.oeea-theme-slider .oeea-thumbs__label {
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 8px;
	z-index: 1;
	padding: 4px 8px;
	color: #fff;
	//font-size: 0.85rem;
	font-weight: 600;
	text-align: center;
	text-shadow: 0 1px 4px rgba( 0, 0, 0, 0.4 );
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius:50px;
}

.swiper-slide.oeea-slide
{
	border-radius:24px;
	overflow:hidden;
}

/* --- Flèches ------------------------------------------------------------ */
.oeea-theme-slider .oeea-arrows {

	display: flex;
	gap: 10px;
	z-index: 5;
	justify-content: flex-end;
	margin-right:48px;
}


.oeea-theme-slider .oeea-arrows .elementor-swiper-button {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	color: var( --oeea-accent );
	box-shadow: 0 6px 18px rgba( 0, 0, 0, 0.14 );
	cursor: pointer;
	font-size: 17px;
	transition: background 0.15s ease;
	border:1px solid var( --oeea-accent );
}

/* Rond DROIT (suivant) : fond vert, chevron blanc. */
.oeea-theme-slider .oeea-arrows .oeea-arrow-next {
	background: var( --oeea-accent );
}
.oeea-theme-slider .oeea-arrows .oeea-arrow-next .oeea-chevron {
	color: #fff;
}

/* Chevrons SVG (flèches + CTA). Couleur du trait fixée explicitement
   (la propriété CSS « stroke » l'emporte sur l'attribut currentColor,
   robuste quel que soit le « color » hérité du bouton). */
.oeea-theme-slider .oeea-chevron {
	display: block;
	flex: 0 0 auto;
	stroke: currentColor;
	color: var( --oeea-accent );
	transition: color 0.15s ease;
}

/* Rond GAUCHE (précédent) : fond blanc, chevron vert. */
.oeea-theme-slider .oeea-arrows .oeea-arrow-prev {
	background: #fff;
}
.oeea-theme-slider .oeea-arrows .oeea-arrow-prev .oeea-chevron {
	color: var( --oeea-accent );
}

/* Dernier secteur atteint : le rond GAUCHE passe vert (indicateur de fin),
   classe .is-endstop posée par le JS. */
.oeea-theme-slider .oeea-arrows .oeea-arrow-prev.is-endstop {
	background: var( --oeea-accent );
}
.oeea-theme-slider .oeea-arrows .oeea-arrow-prev.is-endstop .oeea-chevron {
	color: #fff;
}

/* Survol : n'importe quel rond passe vert, chevron blanc. */
.oeea-theme-slider .oeea-arrows .elementor-swiper-button:hover {
	background: var( --oeea-accent );
}
.oeea-theme-slider .oeea-arrows .elementor-swiper-button:hover .oeea-chevron {
	color: #fff;
}

/* --- Responsive -
-------------------------------------------------------- */

@media(max-width:1250px)
{
	.oeea-theme-slider .oeea-left__title 
	{
		justify-content:center;
	}
}





@media ( max-width: 1024px ) {

	.oeea-theme-slider .oeea-left__title 
	{
		
		flex:0;
		margin-top:124px;
	}
	.oeea-theme-slider .oeea-cols {
		
	}

	.oeea-theme-slider .oeea-col--left {

		justify-content:flex-start;
		
	}

	.oeea-theme-slider .oeea-col--right {
		
	}

	.oeea-theme-slider .oeea-thumbs-wrap_ {
		position: static;
		transform: none;
		width: 100%;
		margin-top: 16px;
		padding: 0;
		background: transparent;
		box-shadow: none;
		box-sizing: border-box;
	}

	.oeea-theme-slider .oeea-arrows {
		position: static;
		justify-content: flex-end;
		margin-top: 12px;
	}

	.oeea-theme-slider {
		padding-bottom: 0;
	}
}





/* ===================== Dégradés par secteur =============================
 * Alimentés par le custom field « Dégradé du secteur » (variable --oeea-grad
 * posée en inline sur chaque .oeea-slide et .oeea-thumbs__item).
 * Blanc = transparent : utiliser `transparent` dans les arrêts.
 * Les ANGLES sont par emplacement (ajustables ci-dessous).
 * ======================================================================= */
.oeea-theme-slider {
	--oeea-grad-angle-label: 90deg;   /* fond des labels de vignette */
	--oeea-grad-angle-thumb: 135deg;  /* overlay vignette hover/active */
	--oeea-grad-angle-slide: 180deg;  /* voile du slide (cover) */
	--oeea-grad-angle-cta: 270deg;    /* fond du bouton CTA : couleurs vives vers le texte, repli sous le cercle */
	--oeea-grad-thumb-opacity: 0.5;     /* opacité de l'overlay vignette */
}

/* 1) Label de vignette : dégradé plein */
.oeea-theme-slider .oeea-thumbs__item[style*="--oeea-grad"] .oeea-thumbs__label {
	background: linear-gradient( var( --oeea-grad-angle-label ), var( --oeea-grad ) );
	font-family: "Gelato Regular", Sans-serif;
}

/* 2) Overlay de vignette (hover / sélectionnée) */
.oeea-theme-slider .oeea-thumbs__item[style*="--oeea-grad"]::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1; /* au-dessus de l'image et du voile sombre, sous label (z1) et icône (z2) */
	background: linear-gradient( var( --oeea-grad-angle-thumb ), var( --oeea-grad ) );
	opacity: 0;
	transition: opacity 0.2s ease;
	pointer-events: none;
}

.oeea-theme-slider .oeea-thumbs__item[style*="--oeea-grad"]:hover::before,
.oeea-theme-slider .oeea-thumbs__item[style*="--oeea-grad"].is-active::before {
	opacity: var( --oeea-grad-thumb-opacity );
}

/* 3) Voile du slide (cover) */
.oeea-theme-slider .oeea-slide[style*="--oeea-grad"] .oeea-slide__overlay {
	background: linear-gradient( var( --oeea-grad-angle-slide ), var( --oeea-grad ) );
	opacity:0.5;
}


@media(max-width:1064px)
{
	.oeea-theme-slider .oeea-thumbs-wrap
	{
		bottom:224px;
	}
	.oeea-theme-slider .oeea-thumbs-wrap {
	
	width:clamp(240px, 644px, 100%);
	}
}

@media(max-width:769px)
{

	.oeea-theme-slider
	{
		height:auto;

	}
	.oeea-theme-slider .oeea-cols
	{
		flex-direction:column-reverse;
	}
	.oeea-theme-slider .oeea-col--left
	{
		width:100%;
		
		padding:24px 24px 24px 24px;
		
		gap:32px;
	}

.oeea-theme-slider .oeea-left__title
	{
		width:100%;
		
		align-items: center;
		padding:0;
		
	}

	.oeea-theme-slider .oeea-col--right 
	{
		
		display:flex;
		flex-direction: column;
		
		width:100%;



		
	}
	.oeea-theme-slider .oeea-main
	{
		height:auto;
		aspect-ratio:2/1;
	}
	



	.oeea-theme-slider .oeea-left__title .oeea-hs
	{
		font-size:10.4vw;

	}
	.oeea-theme-slider .oeea-left__title .oeea-hl {
		
		font-size:9.3vw;
		
	}

	.oeea-theme-slider .oeea-left__title .oeea-he
	{
		font-size:5.7vw;
		

	}
	.elementor-widget-oeea-theme-slider
	{

		padding-right:0px;
	}
	.oeea-left__title_content
	{
		padding:0;
		margin-top:16px;
	}

	.oeea-theme-slider .oeea-left__sector
	{
		
		padding-left:0;
		width:100%;
		min-height:0px;
	}

	.oeea-theme-slider .oeea-thumbs-wrap
	{
		position:relative;
		width:100%;
		transform:none;
		bottom:0;
		padding-left:0;
		padding-top:16px;
		border-radius:0;
	}

	.oeea-theme-slider .oeea-cover-default, .oeea-theme-slider .oeea-thumbs-wrap
	{
		position:relative;
		
	}

	.oeea-theme-slider .oeea-cover-default
	{
		

		max-height:calc((100vw - 32px) / 2);
		
	}
	.oeea-theme-slider .oeea-main
	{
		

		aspect-ratio:2/1;
		max-width:calc(100% - 32px);
		

	}
	.oeea-cover-default.oeea-hero__cover
	{
		

		aspect-ratio:2/1;
		
		max-width:100%;

	}


	.oeea-theme-slider .oeea-thumbs {
	
		padding-right:16px;
		padding-left:16px;
	}

	
	.oeea-theme-slider .oeea-left__title
	{
		margin-top:0;
	}

	.oeea-theme-slider .oeea-main, .oeea-theme-hero .oeea-hero__cover
	{
		left:16px;
		right:16px;
	}

	.oeea-theme-slider .oeea-cover-default img {
	  width: calc(100% - 32px);
	 
	  border-radius: 0px;
	  margin: auto;
	}

	.oeea-theme-hero .oeea-cover-default img {
	  width: 100%;
	 
	}

	.oeea-theme-slider .oeea-thumbs-wrap:before
	{
		top:-32px;
		left:16px;
		
		

	}

	.oeea-theme-slider .oeea-arrows {
    position: absolute;
   
    margin-top: 12px;
    top: -48px;
    right: 32px;
    margin-right:0;
  }
	  .oeea-theme-slider .oeea-left__icon {
		height: 74px;
		margin-left:auto;
		margin-right:auto;
	}
	.oeea-theme-slider .oeea-slide__title
	{
		padding-top:72px;
		font-size:12.2vw;
	}
	.oeea-theme-slider .oeea-slide__cta
	{
		
		bottom:16px;
		right:unset;
		padding:6px 12px 6px 6px;

	}
	.oeea-theme-slider .oeea-slide__cta-label
	{
		font-size:14px;
	}
	.oeea-theme-slider .oeea-slide__cta-ring
	{
		max-height:24px;
	}

	.oeea-theme-slider .oeea-slide__cta-ring .oeea-chevron
	{
		transform:scale(0.9);
	}
	.oeea-theme-hero .oeea-left__title .oeea-hs.hero-title
	{
		font-size:7.2vw;
	}
	.oeea-theme-hero .oeea-left__title .oeea-hs.hero-title .oeea-hl
	{
		font-size:7.2vw;
	}
		
}

@media(max-width:496px)
{
	
	.oeea-theme-slider .oeea-main.swiper, .oeea-theme-slider .oeea-cover-default img, .oeea-theme-slider .oeea-cover-default 
	{
		
		min-height:280px;
	}
	.oeea-left__title_content
	{

		margin-top:0;
	}
	.oeea-theme-slider .oeea-slide__cta
	{
		
		bottom:48px;
	}

	.oeea-theme-slider .oeea-thumbs__icon 
	{
		
		top:calc(50% - 16px)

	}

	.oeea-theme-hero .oeea-col--right
	{
		padding-right:16px;
	}


}

@media(min-width:1340px)
{
	.oeea-theme-slider .oeea-slide__cta
	{
		left:calc(454px + ((100% - 454px) / 2)) ;
		right:unset;
		transform:translateX(-50%);
	}
}




/* =========================================================================
   Module jumeau « Theme Hero » (assets partagés avec le Theme Slider).
   Colonne droite = une seule image (à la une de la page ou bibliothèque),
   sans slider. Réutilise .oeea-cover-default / .oeea-slide__overlay.
   ========================================================================= */
.oeea-theme-hero .oeea-hero__cover {
	border-radius: inherit; /* épouse l'arrondi de .oeea-col--right (overflow:hidden clippe img + voile) */
}

/* Voile = dégradé du champ « Dégradé » de la page. Contrairement au slide du
   slider, le hero a pour but de MONTRER l'image à la une : le voile est donc
   semi-transparent (l'image transparaît sous la teinte du secteur). Ajustable
   via --oeea-hero-veil (ou ajouter « transparent » aux arrêts du dégradé). */
.oeea-theme-hero .oeea-hero__cover {
	--oeea-hero-veil: 0.5;
}

.oeea-theme-hero .oeea-hero__cover[style*="--oeea-grad"] .oeea-slide__overlay {
	background: linear-gradient( var( --oeea-grad-angle-slide ), var( --oeea-grad ) );
	opacity: var( --oeea-hero-veil );
}

/* --- Theme Hero : contenu superposé au centre de l'image (icône + bouton) --- */
.oeea-theme-hero .oeea-hero__content {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
	padding: 24px;
	text-align: center;
}

/* Icône du secteur (blanche) dans un cercle vert accent, centrée. */
.oeea-theme-hero .oeea-hero__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp( 88px, 18vw, 424px );
	aspect-ratio: 1;
	

}

.oeea-theme-hero .oeea-hero__icon img {
	width: 62%;
	height: 62%;
	object-fit: contain;
}



/* Fond dégradé du bouton = dégradé de la page (comme le CTA du slider). */
.oeea-theme-hero .oeea-hero__cover[style*="--oeea-grad"] .oeea-hero__cta {
	background-image: linear-gradient( var( --oeea-grad-angle-cta ), var( --oeea-grad ) );
}


.header-cta
{
	background-color:white;
}


.header-cta {
    --r: 24px;      
    border-radius: 0px 0px 0px 32px;   
}
.header-cta:before, .header-cta:after {
    content:"";
    width: var(--r);
    height: var(--r);
    position:absolute;
}
.header-cta:before {              /* raccord vers la barre (à gauche) */
    top:0;
    left: calc(-1 * var(--r));
    background: radial-gradient(circle var(--r) at top left, transparent var(--r), #fff var(--r));
    transform:rotate(-90deg);
}
.header-cta:after {               /* raccord vers le bas */
    bottom: calc(-1 * var(--r));
    right:16px;
    background: radial-gradient(circle var(--r) at bottom right, transparent var(--r), #fff var(--r));
    transform:rotate(90deg);
}