/* Delta Island Carousel - version 3D équilibrée
   Carte centrale réduite pour laisser davantage de place aux cartes latérales.
*/

.slideshow-list-inner {
	padding-left: 5px !important;
	margin-right: 0 !important;
}

.slideshow-list-inner2 {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 4px;
}

.slideshow-no-wrap {
	position: relative;
	overflow: hidden;
	border-radius: 7px;
	font-size: 1.1em;
	margin-right: 0 !important;
}

/* Conteneur principal */
.slideshow-container {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	min-height: 180px;

	background:
		radial-gradient(
			circle at center,
			rgba(255, 255, 255, 0.98) 0%,
			rgba(244, 244, 244, 0.98) 58%,
			rgba(232, 232, 232, 0.98) 100%
		);

	perspective: 900px;
	perspective-origin: center center;
}

.slideshow-track {
	position: absolute;
	inset: 0;
	transform-style: preserve-3d;
}

/* Base commune à toutes les cartes */
.slideshow-slides {
	position: absolute;
	top: 10%;
	left: 50%;
	width: 36%;
	height: 80%;
	overflow: hidden;
	opacity: 0;
	z-index: 0;

	background-color: #f4f4f4;

	border-radius: 10px;
	box-sizing: border-box;
	cursor: pointer;
	pointer-events: none;

	filter:
		brightness(0.80)
		contrast(0.96)
		saturate(0.88);

	backface-visibility: hidden;
	transform-style: preserve-3d;
	will-change: transform, opacity, filter;

	transition:
		transform 720ms cubic-bezier(.22,.61,.36,1),
		opacity 360ms ease,
		filter 360ms ease,
		box-shadow 360ms ease;
}


/*
 * Double couche d'image :
 * - fond agrandi et flouté pour remplir tout le cadre ;
 * - image nette au premier plan, affichée intégralement avec contain.
 */
.slideshow-blurred-background,
.slideshow-main-image {
	position: absolute;
	pointer-events: none;
	background-position: center;
	background-repeat: no-repeat;
}

.slideshow-blurred-background {
	z-index: 1;
	inset: -8%;
	background-size: cover;
	filter:
		blur(16px)
		brightness(1.22)
		contrast(0.92)
		saturate(1.20);
	transform: scale(1.08);
	opacity: 0.42;
}

/* Léger voile pour éviter un fond trop lumineux selon les images. */
.slideshow-blurred-background::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.18);
}

.slideshow-main-image {
	z-index: 2;
	inset: 0;
	background-size: contain;
}

/* Le contenu reste toujours au-dessus des deux couches d'image. */
.slideshow-slides-text {
	z-index: 4;
}

.slideshow-side-label {
	z-index: 5;
}

/* Carte centrale */
.slideshow-slides.position-0 {
	z-index: 4;
	opacity: 1;
	pointer-events: auto;
	cursor: default;
	filter: none;

	transform:
		translate3d(-50%, 0, 110px)
		rotateY(0deg)
		scale(1.03);

	box-shadow:
		0 26px 64px rgba(0, 0, 0, 0.24);
}

/* Carte précédente */
.slideshow-slides.position-minus-1 {
	z-index: 2;
	opacity: 1;
	pointer-events: auto;
	transform-origin: right center;

	transform:
		translate3d(-205%, 0, -115px)
		rotateY(48deg)
		scale(0.70);

	box-shadow:
		0 12px 30px rgba(0, 0, 0, 0.15);
}

/* Carte suivante */
.slideshow-slides.position-plus-1 {
	z-index: 2;
	opacity: 1;
	pointer-events: auto;
	transform-origin: left center;

	transform:
		translate3d(105%, 0, -115px)
		rotateY(-48deg)
		scale(0.70);

	box-shadow:
		0 12px 30px rgba(0, 0, 0, 0.15);
}

/* Cartes hors champ */
.slideshow-slides.position-minus-2 {
	opacity: 0;

	transform:
		translate3d(-350%, 0, -190px)
		rotateY(58deg)
		scale(0.58);
}

.slideshow-slides.position-plus-2 {
	opacity: 0;

	transform:
		translate3d(250%, 0, -190px)
		rotateY(-58deg)
		scale(0.58);
}

/* Survol des cartes latérales */
.slideshow-slides.position-minus-1:hover {
	filter:
		brightness(0.94)
		contrast(1)
		saturate(0.96);

	transform:
		translate3d(-198%, 0, -80px)
		rotateY(42deg)
		scale(0.74);
}

.slideshow-slides.position-plus-1:hover {
	filter:
		brightness(0.94)
		contrast(1)
		saturate(0.96);

	transform:
		translate3d(98%, 0, -80px)
		rotateY(-42deg)
		scale(0.74);
}

/* Texte de l'article actif */
.slideshow-slides-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;

	padding: 15px 54px 13px;
	text-align: center;
	color: #fff;
	box-sizing: border-box;

	background:
		linear-gradient(
			to top,
			rgba(0, 0, 0, 0.92) 0%,
			rgba(0, 0, 0, 0.68) 52%,
			rgba(0, 0, 0, 0.08) 100%
		);

	transition: opacity 300ms ease;
}

/* Masque le texte sur les cartes latérales */
.slideshow-slides:not(.position-0) .slideshow-slides-text {
	opacity: 0;
}

.slideshow-slides-text .forumtitle {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.15;
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.95);
	margin-bottom: 4px;
}

.slideshow-description {
	font-size: 14px;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Libellé au survol des cartes latérales */
.slideshow-side-label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	padding: 8px 12px;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.72);
	color: #fff;

	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;

	opacity: 0;
	transition: opacity 200ms ease;
	pointer-events: none;
	white-space: nowrap;
}

.slideshow-slides.position-minus-1:hover .slideshow-side-label,
.slideshow-slides.position-plus-1:hover .slideshow-side-label {
	opacity: 1;
}

/* Flèches */
.slideshow-prev,
.slideshow-next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	z-index: 8;
	transform: translateY(-50%);

	width: 38px;
	height: 54px;
	line-height: 54px;
	padding: 0;
	text-align: center;

	color: #fff;
	background: rgba(0, 0, 0, 0.44);

	font-weight: bold;
	font-size: 24px;
	user-select: none;
	text-decoration: none;

	transition:
		background-color 200ms ease,
		transform 200ms ease;
}

.slideshow-prev:hover,
.slideshow-next:hover {
	background: rgba(0, 0, 0, 0.80);
	color: #fff;
	text-decoration: none;
}

.slideshow-prev {
	left: 6px;
	border-radius: 0 5px 5px 0;
}

.slideshow-next {
	right: 6px;
	border-radius: 5px 0 0 5px;
}

/* Pagination */
.slideshow-dot-navigator-container {
	text-align: center;
	padding: 8px;
	background: #13315c;
}

.slideshow-dot-navigator {
	cursor: pointer;
	height: 9px;
	width: 9px;
	font-size: 0;
	background-color: #c1c1c1;
	border-radius: 50%;
	margin: auto 4px;
	display: inline-block;

	transition:
		transform 200ms ease,
		background-color 200ms ease;
}

.slideshow-dot-navigator.slideshow-active,
.slideshow-dot-navigator:hover {
	background-color: #fff;
	transform: scale(1.3);
}

/* Ancien navigateur vertical masqué */
.slideshow-image-navigator-container {
	display: none !important;
}

/* Tablette */
@media (max-width: 850px) {
	.slideshow-container {
		perspective: 760px;
	}

	.slideshow-slides {
		width: 56%;
		top: 8%;
		height: 84%;
	}

	.slideshow-slides.position-0 {
		transform:
			translate3d(-50%, 0, 70px)
			scale(1.01);
	}

	.slideshow-slides.position-minus-1 {
		transform:
			translate3d(-155%, 0, -70px)
			rotateY(34deg)
			scale(0.72);
	}

	.slideshow-slides.position-plus-1 {
		transform:
			translate3d(55%, 0, -70px)
			rotateY(-34deg)
			scale(0.72);
	}

	.slideshow-slides-text .forumtitle {
		font-size: 18px;
	}
}

/* Mobile */
@media (max-width: 700px) {
	.slideshow-blurred-background {
		inset: -6%;
		filter:
			blur(13px)
			brightness(1.15)
			contrast(0.94)
			saturate(1.15);
		opacity: 0.38;
	}

/* Accessibilité */
@media (prefers-reduced-motion: reduce) {
	.slideshow-slides,
	.slideshow-dot-navigator,
	.slideshow-prev,
	.slideshow-next {
		transition: none !important;
	}
}


/* Correctif mobile Safari / iPhone */
@media (max-width: 700px) {
	.slideshow-container {
		perspective: none !important;
		background: transparent;
	}

	.slideshow-track {
		transform-style: flat !important;
	}

	.slideshow-slides {
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 0;
		background-color: #f4f4f4;

		transform-style: flat !important;
		backface-visibility: visible !important;
		-webkit-backface-visibility: visible !important;
		filter: none !important;
	}

	.slideshow-slides.position-0 {
		opacity: 1 !important;
		visibility: visible !important;
		z-index: 4;
		transform: translate3d(-50%, 0, 0) !important;
		box-shadow: none;
	}

	.slideshow-main-image {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 3 !important;
		inset: 0;
		background-size: contain !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		transform: none !important;
		filter: none !important;
		-webkit-transform: none !important;
	}

	.slideshow-blurred-background {
		display: block !important;
		visibility: visible !important;
		z-index: 1 !important;
		inset: -6%;
		background-size: cover !important;
		background-position: center !important;
		background-repeat: no-repeat !important;

		filter:
			blur(13px)
			brightness(1.15)
			contrast(0.94)
			saturate(1.15);

		-webkit-filter:
			blur(13px)
			brightness(1.15)
			contrast(0.94)
			saturate(1.15);

		opacity: 0.38;
		transform: scale(1.06) !important;
		-webkit-transform: scale(1.06) !important;
	}

	.slideshow-slides.position-minus-1,
	.slideshow-slides.position-plus-1,
	.slideshow-slides.position-minus-2,
	.slideshow-slides.position-plus-2 {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.slideshow-slides-text {
		z-index: 5 !important;
		padding: 12px 42px;
	}

	.slideshow-side-label {
		z-index: 6 !important;
	}

	.slideshow-slides-text .forumtitle {
		font-size: 17px;
	}

	.slideshow-prev {
		left: 0;
	}

	.slideshow-next {
		right: 0;
	}
}