.site-branding .header-logo {
	display: block;
}

@media (min-width: 768px) {	
	.header-main .site-branding .header-logo { display: none; }
	.header-main.megamenu-active .site-branding .header-logo { display: block; }
}

/* Logo-bouton page d'accueil : ferme le méga menu si ouvert */
.logo-close-menu {
	display: block;
	background: none;
	border: none;
	padding: 0;
	cursor: default;
}
.header-main.megamenu-active .logo-close-menu {
	cursor: pointer;
}

/* Logo plus grand et plus bas sur l'accueil, retiré du header sauf en mobile */
.carrousel .logo-accueil {
	position: absolute;
	top: 0;
	width: 120px;
	z-index: 5;
}

@media (min-width: 768px) {	
	.carrousel .logo-accueil { width: 140px; }
}

@media (min-width: 992px) {
	.carrousel .logo-accueil { width: 160px; }
}

@media (min-width: 1200px) {
	.carrousel .logo-accueil { width: 180px; }
}

@media (min-width: 1400px) {
	.carrousel .logo-accueil { width: 200px; }
}

@media (min-width: 1600px) {
	.carrousel .logo-accueil { width: 220px; }
}

@media (min-width: 1800px) {
	.carrousel .logo-accueil { width: 260px; }
}

@media (min-width: 1920px) {
	.carrousel .logo-accueil { width: 280px; }
}

/* Carrousel Accueil */
.carrousel {
	position: relative;
}

/* Icône N en arrière-plan */
.carrousel::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url('../medias/icone_bg_n.svg?v20260122');
	background-repeat: no-repeat;
	background-position: right -2px;
	background-size: 150% auto;
	opacity: 0;
	z-index: 1;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

/* Afficher le background une fois le carrousel prêt */
.carrousel.carrousel-ready::before {
	opacity: 1;
}

@media (max-width: 767px) {
	.carrousel::before {
		top: 28px;
		bottom: 0;
		background-position: right bottom;
	}
}

@media (max-width: 767px) {
	.carrousel .container {
		padding-right: 0;
	}
}

@media (min-width: 768px) {
	.carrousel::before { background-size: 52.75% auto; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.header-main-inner {
        margin-top: 35px !important;
		margin-bottom: 35px !important;
    }
}


/* Flexslider personnalisé pour le carrousel */
.carrousel .flexslider {
	position: relative;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	z-index: 10;
	/* min-height: 100vh; */
	opacity: 0;
	transition: opacity 0.3s ease;
}

/* Afficher le flexslider une fois initialisé */
.carrousel .flexslider.flexslider-ready {
	opacity: 1;
}

.carrousel .flexslider .slides {
	position: relative;
	z-index: 10;
}

/* MOBILE: Colonne - image pleine largeur, boîte rouge en dessous */
.carrousel .flexslider .slides > li {
	position: relative;
	/* min-height: 100vh; */
	display: flex !important;
	flex-direction: column;
	padding: 28px 0 0;
	align-items: center;
	justify-content: flex-start;
}

/* TABLET (768px+): Image primaire + boîte rouge côte à côte */
@media (min-width: 768px) {
	.carrousel .flexslider .slides > li {
		display: flex !important;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0;
		flex-wrap: nowrap;
		/* Assurer que les éléments sont bien alignés */
		gap: 0;
	}
}

/* DESKTOP (992px+): Les 3 éléments côte à côte */
@media (min-width: 992px) {
	.carrousel .flexslider .slides > li {
		align-items:flex-start; }
}

/* =============================================
   ZONE DES IMAGES
   ============================================= */
.carrousel-images {
	position: relative;
	width: 100%;
	z-index: 15;
}

/* TABLET: Image prend l'espace restant */
@media (min-width: 768px) {
	.carrousel-images { flex: 1; min-width: 0; display: flex; align-items: flex-start; justify-content: flex-start; }
}

@media (min-width: 992px) {
	.carrousel-images { align-items: flex-start; }
}

/* Wrapper des images */
.carrousel-images-wrapper {
	position: relative;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
	.carrousel-images-wrapper {
		max-width: none;
		width: auto;
		margin: 0;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		align-self: flex-start;
	}
}

.carrousel-img-secondary {
	position: relative;
}

/* =============================================
   IMAGE PRIMAIRE
   ============================================= */
.carrousel-img-primary {
	width: 100%;
	z-index: 2;
	overflow: hidden;
	border-top-left-radius: var(--border-radius);
	position: relative;
}

/* Inner-shadow par-dessus l'image */
.carrousel-img-primary::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: var(--inner-shadow);
	border-top-left-radius: var(--border-radius);
	pointer-events: none;
	z-index: 1;
}

.carrousel-img-primary img {
	display: block;
	width: 100%;
	height: auto;
	/* Réserver l'espace pour éviter le décalage lors du chargement */
	min-height: 1px;
}

/* TABLET: Image primaire redimensionnée */
@media (min-width: 768px) {
	.carrousel-img-primary { width: auto; max-width: 100%; }
	.carrousel-img-primary img { width: auto; height: 55vh; max-height: 450px; }
}

/* DESKTOP: Image primaire plus grande */
@media (min-width: 992px) {
	.carrousel-img-primary img { width: auto; height: 58vh; max-height: 500px; }
}

@media (min-width: 1200px) {
	.carrousel-img-primary img { width: auto; height: 65vh; max-height: 600px; }
}

@media (min-width: 1400px) {
	.carrousel-img-primary img { width: auto; height: 70vh; max-height: 700px; }
}

@media (min-width: 1600px) {
	.carrousel-img-primary img { width: auto; height: 75vh; max-height: 800px; }
}

/* =============================================
   IMAGE SECONDAIRE (cachée sur mobile uniquement)
   ============================================= */
.carrousel-img-secondary {
	display: none;
}

.carrousel-img-secondary img {
	display: block;
	width: auto;
	height: auto;
	/* Réserver l'espace pour éviter le décalage lors du chargement */
	min-height: 1px;
}

/* TABLET (768px+): Afficher image secondaire */
@media (min-width: 768px) {
	.carrousel-img-secondary { display: block; align-self: end; overflow: hidden; border-bottom-left-radius: var(--border-radius); position: relative; }
	
	/* Inner-shadow par-dessus l'image */
	.carrousel-img-secondary::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		box-shadow: var(--inner-shadow);
		border-bottom-left-radius: var(--border-radius);
		pointer-events: none;
		z-index: 1;
	}
	
	.carrousel-img-secondary img { width: auto; height: 35vh; max-height: 300px; }
}

@media (min-width: 992px) {
	.carrousel-img-secondary img { width: auto; height: 40vh; max-height: 350px; }
}

@media (min-width: 1200px) {
	.carrousel-img-secondary img { width: auto; height: 48vh; max-height: 450px; }
}

@media (min-width: 1400px) {
	.carrousel-img-secondary img { width: auto; height: 52vh; max-height: 520px; }
}

@media (min-width: 1600px) {
	.carrousel-img-secondary img { width: auto; height: 55vh; max-height: 580px; }
}

/* =============================================
   ZONE DE CONTENU (BOÎTE ROUGE)
   ============================================= */
.carrousel-content {
	position: relative;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	z-index: 20;
	aspect-ratio: 5 / 4;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* TABLET: Boîte rouge côte à côte avec l'image */
@media (min-width: 768px) {
	.carrousel-content {
		width: min(35%, 515px);
		height: auto;
		aspect-ratio: 1 / 1;
		align-self: flex-start;
		margin-top: 25px;
	}
}

/* DESKTOP: Boîte rouge plus grande */
@media (min-width: 992px) {
	.carrousel-content { width: min(32%, 515px); margin-top: 50px; }
}

@media (min-width: 1200px) { 
	.carrousel-content { width: min(30%, 515px); } 
}

@media (min-width: 1400px) {
	.carrousel-content { width: min(28%, 515px); }
}

/* Contenu intérieur de la boîte rouge */
.carrousel-content-inner {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

/* =============================================
   TITRE DANS LA ZONE ROUGE
   ============================================= */
.carrousel-content h2 {
	font-size: 27px;
	line-height: 1.2;
	letter-spacing: 0.03em;
	text-transform: none;
	margin-top: 0;
}

.carrousel-content h2 span {
	display: block;
	font-size: 50px;
	line-height: 0.95;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-left: -3px;
}

@media (min-width: 768px) {
	.carrousel-content h2 { font-size: 18px; }
	.carrousel-content h2 span { font-size: 32px; }
}

@media (min-width: 992px) {
	.carrousel-content h2 { font-size: 20px; }
	.carrousel-content h2 span { font-size: 36px; }
}

@media (min-width: 1200px) {
	.carrousel-content h2 { font-size: 24px; }
	.carrousel-content h2 span { font-size: 44px; }
}

@media (min-width: 1400px) {
	.carrousel-content h2 { font-size: 26px; }
	.carrousel-content h2 span { font-size: 50px; }
}

@media (min-width: 1600px) {
	.carrousel-content h2 { font-size: 28px; }
	.carrousel-content h2 span { font-size: 54px; }
}

@media (min-width: 1800px) {
	.carrousel-content h2 { font-size: 34px; }
	.carrousel-content h2 span { font-size: 64px; }
}

@media (min-width: 1920px) {
	.carrousel-content h2 { font-size: 38px; }
	.carrousel-content h2 span { font-size: 72px; }
}

/* =============================================
   BOUTON DANS LE CARROUSEL
   ============================================= */
.carrousel-content .btn-white, .enmepedia-link .btn-white {
	display: inline-block !important;
	color: var(--accent) !important;
	margin-left: 0;
	margin-right: 0;
}

.carrousel-content .btn-white:hover, .enmepedia-link:hover .btn-white {
	background-color: var(--sixth) !important;
	color: var(--accent) !important	;
	opacity: 0.7 !important;
}

/* =============================================
   NAVIGATION CARROUSEL
   ============================================= */
.carrousel .flex-direction-nav, .carrousel .flex-control-nav {
	display: none;
}

/* Container des flèches de navigation */
.carrousel-nav {
	position: absolute;
	bottom: var(--gap-lg);
	right: var(--gap-md);
	display: flex;
	z-index: 30;
}

@media (min-width: 768px) {
	.carrousel-nav { bottom: 20px; right: 20px; }
}

@media (min-width: 992px) {
	.carrousel-nav { bottom: 25px; right: 25px; }
}

@media (min-width: 1200px) {
	.carrousel-nav { bottom: 35px; right: 35px; }
}

@media (min-width: 1400px) {
	.carrousel-nav { bottom: 45px; right: 45px; }
}

/* Boutons de navigation */
.carrousel-content .flex-nav-prev,
.carrousel-content .flex-nav-next {
	width: 35px;
	height: 35px;
	background: transparent;
	border: none;
	border-radius: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease, opacity 0.3s ease;
	padding: 0 !important;
}

.carrousel-content .flex-nav-prev:hover,
.carrousel-content .flex-nav-next:hover {
	opacity: 0.7;
}

.carrousel-content .flex-nav-prev svg,
.carrousel-content .flex-nav-next svg {
	width: 100%;
	height: 100%;
	display: block;
	fill: none;
	stroke: var(--sixth);
	stroke-width: 2;
}

/* Cacher le bouton précédent par défaut (première slide) */
.carrousel-content .flex-nav-prev {
	visibility: hidden;
}

/* Afficher le bouton précédent quand la classe est ajoutée */
.carrousel-content .flex-nav-prev.visible {
	display: flex;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s ease;
}

@media (min-width: 768px) {
	.carrousel-content .flex-nav-prev,
	.carrousel-content .flex-nav-next {
		width: 36px; height: 36px;
	}
}

@media (min-width: 992px) {
	.carrousel-content .flex-nav-prev,
	.carrousel-content .flex-nav-next {
		width: 40px; height: 40px;
	}
}

@media (min-width: 1200px) {
	.carrousel-content .flex-nav-prev,
	.carrousel-content .flex-nav-next {
		width: 50px; height: 50px;
	}
}

@media (min-width: 1400px) {
	.carrousel-content .flex-nav-prev,
	.carrousel-content .flex-nav-next {
		width: 53px; height: 53px;
	}
}

/* =============================================
   SECTION ACCUEIL - CONTENU ET VIDÉO
   ============================================= */
.accueil-contenu {
	position: relative;
	z-index: 10;
}

/* Image de fond avec opacité de 3% - s'étend sur toute la section incluant ENMEpedia */
.accueil-contenu::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 150%;
	height: 100%;
	background-image: url('../medias/icon_bois_bg.svg');
	background-repeat: no-repeat;
	background-position: 100px 10%;
	background-size: contain;
	opacity: 0.03;
	pointer-events: none;
	z-index: 0;
}

@media (min-width: 992px) {
	.accueil-contenu::before {
		width: 96%;
		height: 100%;
		background-position: right 30%;
	}
}

/* S'assurer que le contenu est au-dessus du background */
.accueil-contenu .container {
	position: relative;
	z-index: 1;
}

.accueil-contenu h1 {
	margin-top: 0;
	margin-bottom: var(--gap-sm);
}

/* =============================================
   ZONE DE CONTENU ACCUEIL
   ============================================= */
.accueil-contenu h2 {
	margin-bottom: var(--gap-sm);
}

/* =============================================
   ENMÉPEDIA
   ============================================= */
.accueil-enmepedia {
	position: relative;
	z-index: 1;
	background-color: transparent;
}

@media (max-width: 767px) {
	.accueil-enmepedia .row.flex-column > .col:not(:last-child) {
		padding-bottom: var(--gap-sm);
		margin-bottom: var(--gap-xxxl);
	}
}

/* Arrière-plan primary - toute la hauteur en mobile */
.accueil-enmepedia::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background-color: var(--primary);
	z-index: 0;
}

/* Desktop: arrière-plan couvre seulement la moitié inférieure */
@media (min-width: 992px) {
	.accueil-enmepedia::before {
		height: 38%;
	}
}

.enmepedia-container {
	max-width: 1108px;
	position: relative;
	z-index: 10;
}

.enmepedia-link {
	display: block;
	position: relative;
	text-decoration: none;
}

.accueil-enmepedia-image {
	position: relative;
}

.accueil-enmepedia-image img {
	display: block;
	width: 100%;
	height: auto;
}

/* Overlay avec le cercle rouge */
.enmepedia-overlay {
	position: absolute;
	top: -170px;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	pointer-events: none;
	z-index: 2;
	padding-top: 40px;
}

@media (min-width: 768px) {
	.enmepedia-overlay { top: -100px; padding-top: 50px; }
}

@media (min-width: 992px) {
	.enmepedia-overlay { top: -120px; padding-top: 60px; }
}

@media (min-width: 1200px) {
	.enmepedia-overlay { top: -140px; padding-top: 70px; }
}

/* Cercle rouge */
.enmepedia-circle {
	width: 172px;
	height: 172px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.enmepedia-circle { width: 320px; height: 320px; }
}

@media (min-width: 992px) {
	.enmepedia-circle { width: 360px; height: 360px; }
}

@media (min-width: 1200px) {
	.enmepedia-circle { width: 400px; height: 400px; }
}

.enmepedia-logo {
	width: 100%;
	max-width: 112px;
	height: auto;
	display: block;
	margin-bottom: -10px;
}

@media (min-width: 768px) {
	.enmepedia-logo { max-width: 200px; }
}

@media (min-width: 992px) {
	.enmepedia-logo { max-width: 220px; }
}

@media (min-width: 1200px) {
	.enmepedia-logo { max-width: 240px; }
}

/* =============================================
   SECTION ACCUEIL - BLOGUE
   ============================================= */
.accueil-blogue {
	position: relative;
	z-index: 1;
}

.accueil-blogue h2 {
	position: relative;
	font-size: 5rem;
}

.accueil-blogue h2:after {
	position: absolute;
	content: 'Blogue';
	top: -125%;
	left: 50%;
	transform: translateX(-50%);
	right: auto;
	width: 100%;
	height: 100%;
	z-index: -1;
	font-size: 22rem;
	text-transform: uppercase;
	opacity: 0.03;
}

@media (max-width: 991px) {
	.accueil-blogue h2 {
		font-size: 2rem;
	}
	.accueil-blogue h2:after {
		top: -60%;
		font-size: 6rem;
	}
}

.accueil-blogue .container {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* =============================================
   BLOGUE - LAYOUT PARALLAXE (sticky scroll)
   ============================================= */

/* Mobile : empilé verticalement */
.blogue-layout {
	display: flex;
	flex-direction: column;
}

/* Desktop : côte à côte avec sticky sur le featured */
@media (min-width: 992px) {
	/* Override overflow pour permettre position: sticky */
	.home .site-main {
		overflow: clip;
	}
	
	.blogue-layout {
		flex-direction: row;
		align-items: flex-start;
	}
	
	.blogue-layout .blogue-featured {
		flex: 1 1 0%;
		min-width: 0;
		position: sticky;
		top: 20px;
		z-index: 2;
	}
	
	.blogue-layout .blogue-categories {
		flex: 1 1 0%;
		min-width: 0;
	}
}

/* Par defaut, laisser la vedette a sa hauteur naturelle.
   Le JS calcule ensuite une hauteur exacte basee sur 2 rangees. */
@media (min-width: 992px) {
	.blogue-layout .blogue-featured .blogue-featured-link {
		height: auto;
		min-height: 0;
	}
}

/* =============================================
   BLOGUE - ARTICLE VEDETTE et événement vedette
   ============================================= */
.featured {
	width: 100%;
}

.featured-link {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	overflow: hidden;
	border-bottom-right-radius: var(--border-radius);
	height: 100%;
	transition: opacity 0.2s ease;
}

.featured-image {
	position: relative;
	width: 100%;
	padding-bottom: 66%;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.featured-image img:not(.placeholder) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.featured-image img.placeholder {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 42% !important;
	height: 42% !important;
	max-width: 220px;
	max-height: 220px;
	object-fit: contain !important;
}

@media (max-width: 991px) {
	.featured-image img.placeholder {
		width: 34% !important;
		height: 34% !important;
		max-width: 140px;
		max-height: 140px;
	}
}

/* Zone verte sous image */
.featured-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

/* Extrait de l'article */
.featured-excerpt {
	margin: 0;
}

/* =============================================
   BLOGUE - CATÉGORIES
============================================= */
.blogue-categories {
	width: 100%;
}

/* Cartes de catégories */
.blogue-category-card {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: var(--border-radius);
	border-bottom-left-radius: 0;
	text-decoration: none;
	aspect-ratio: 1 / 1;
}

.blogue-category-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.blogue-category-image img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.blogue-category-card img.placeholder {
    opacity: 0.25;
}

/* Overlay sur la carte de catégorie */
.blogue-category-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: var(--gap-sm);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	min-height: 40%;
	z-index: 2;
	pointer-events: none;
}

.blogue-category-title {
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
	line-height: 1 !important;
}


/* =============================================
   ÉVÉNEMENT
============================================= */

.accueil-evenement {
	position: relative;
	z-index: 15;
}

.accueil-evenement.aucun .col-full:first-child {
	padding-left:  var(--gap-lg);
}

.accueil-evenement .featured {
	position: relative;
	z-index: 10;
}

.accueil-evenement .featured-image {
	padding-bottom: 100%;
}

.evenement-aucun {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
}

/* =============================================
   FORMATIONS
============================================= */

.accueil-formations {
    position: relative;
	z-index: 5;
}

.accueil-formations::before {
    content: '';
    position: absolute;
    top: calc(-1 * var(--gap-xxl));
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--seventh);
    z-index: 0;
}

/* Contenu au-dessus du ::before */
.accueil-formations .container {
	position: relative;
	z-index: 1;
}

/* Desktop : image à gauche (order 1), contenu à droite (order 2) */
@media (min-width: 992px) {
	.accueil-formations-image { order: 1; }
	.accueil-formations-contenu { order: 2; }
}

/* Titres des catégories de formations */
.formations-liste h5 {
	margin-top: 0;
	margin-bottom: 7px;
}

/* =============================================
   SECTION ACCUEIL - NOUVELLES (Quoi de neuf?)
   Mobile: FlexSlider slide, 1 article + peek suivant
   Desktop: grille 3 colonnes
   ============================================= */

.accueil-nouvelles {
	position: relative;
	z-index: 1;
}

/* Header: titre + bouton — mobile: titre seul, bouton sous le slider */
.accueil-nouvelles-header {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap-md);
}

.accueil-nouvelles-title {
	margin: 0 auto;
	flex: 1 1 auto;
	min-width: 0;
	text-align: center;
}

.accueil-nouvelles-btn-wrapper {
	display: none;
}

.accueil-nouvelles-btn-mobile {
	display: block;
}

/* Desktop : titre à gauche et bouton à droite sur une seule ligne */
@media (min-width: 992px) {
	.accueil-nouvelles-header {
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.accueil-nouvelles-title {
		margin: 0;
		flex: 0 1 auto;
		margin-right: var(--gap-lg);
		text-align: left;
		line-height: 1.5;
	}
	.accueil-nouvelles-btn-wrapper {
		display: flex;
		flex-shrink: 0;
		justify-content: flex-end;
	}
	.accueil-nouvelles-btn-mobile {
		display: none;
	}
}

/* Slider nouvelles — mobile : FlexSlider (initialisé en JS), avec peek de la slide suivante */
.flexslider-nouvelles {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	overflow: hidden;
}

/* Mobile/tablet : faire déborder le slider à droite pour que le peek ne soit pas coupé par le padding du .container */
@media (max-width: 991px) {
	.accueil-nouvelles .flexslider-nouvelles {
		margin-right: -20px;
		width: calc(100% + 20px);
	}
	.accueil-nouvelles .flexslider-nouvelles.last-slide-active {
		margin-left: -20px;
		margin-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.accueil-nouvelles .flexslider-nouvelles {
		margin-right: -40px;
		width: calc(100% + 40px);
	}
	.accueil-nouvelles .flexslider-nouvelles.last-slide-active {
		margin-left: -40px;
		margin-right: 0;
	}
}

/* Viewport = toute la largeur du conteneur pour que le peek de la slide suivante soit visible */
.flexslider-nouvelles .flex-viewport {
	width: 100% !important;
	max-width: 100% !important;
	touch-action: pan-y pinch-zoom;
}

.flexslider-nouvelles .slides {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider-nouvelles .slides > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 991px) {
	.flexslider-nouvelles .slides > li {
		display: flex !important;
		align-items: stretch;
	}
	.flexslider-nouvelles .slides li:last-child {
		margin-right: 18px !important;
	}
	.flexslider-nouvelles .nouvelle-card-image img {
		-webkit-user-drag: none;
		user-select: none;
	}
	.flexslider-nouvelles .slides > li .nouvelle-card {
		height: 100%;
	}
}

/* Desktop : grille 3 colonnes, pas de slider — annuler le display:none de flexslider.css */
@media (min-width: 992px) {
	.flexslider-nouvelles .slides {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		gap: var(--gap-md);
		align-items: stretch;
	}
	.flexslider-nouvelles .slides > li {
		display: block !important;
		width: 100%;
		min-height: 0;
	}
}

/* Carte nouvelle — style mockup (coins arrondis, image haut, zone grise en bas) */
.nouvelle-card {
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
	border-bottom-left-radius: 0;
	overflow: hidden;
	background: var(--seventh);
}

.nouvelle-card-image {
	aspect-ratio: 1102 / 772;
}

.nouvelle-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nouvelle-card-content {
	border-bottom-right-radius: var(--border-radius);
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 0;
}

@media (max-width: 767px) {
	.nouvelle-card-content .featured-title {
		font-size: var(--text-sm);
	}
}


/* =============================================
   flèches plus grandes sur accueil que dans les listes
============================================= */
.home .arrow { width: 23px; height: 23px; }

@media (min-width: 768px) {
	.home .arrow { width: 32px; height: 32px; }
}

@media (min-width: 1200px) {
	.home .arrow { width: 38px; height: 38px; }
}