/* Slider de la page d'accueil : voir modules/home-slider.php. */

.chocorange-home-slider .et_pb_slide {
	--chocorange-accent: #e8833a;
}
.chocorange-home-slider .chocorange-slide--miamacadamia {
	--chocorange-accent: #d98a9b;
}
.chocorange-home-slider .chocorange-slide--funkypop {
	--chocorange-accent: #f2b33d;
}

/* Slides sombres : dégradé chocolat à la place du voile uni de Divi, plus dense au centre (logo). */
.chocorange-home-slider .chocorange-slide--sombre .et_pb_slide_overlay_container {
	background: radial-gradient(ellipse at center, rgba(28, 17, 12, 0.78) 0%, rgba(28, 17, 12, 0.55) 75%) !important;
}

/* Logos */
.chocorange-home-slider .chocorange-slide-logo {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
/* Proportions imposées : une image de remplacement (chargement différé) ne doit pas fausser la
   hauteur que Divi calcule pour le slider. */
.chocorange-home-slider .chocorange-slide-logo--chocorange {
	width: auto;
	height: clamp(170px, 24vw, 320px);
	aspect-ratio: 2046 / 1286;
}
.chocorange-home-slider .chocorange-slide-logo--miamacadamia {
	width: auto;
	height: clamp(150px, 22vw, 290px);
	aspect-ratio: 1278 / 970;
}
.chocorange-home-slider .chocorange-slide-logo--funkypop {
	width: min(640px, 80vw);
	height: auto;
	aspect-ratio: 1578 / 470;
}
.chocorange-home-slider .et_pb_slide_content p:first-child {
	padding-bottom: 0;
}

/* Boutons aux couleurs de la slide (le réglage Divi du module vaut pour toutes les slides).
   Une classe de plus que la règle Divi « body #page-container .et_pb_section .et_pb_fullwidth_slider_0
   .et_pb_slider .et_pb_more_button.et_pb_button », chargée après la nôtre. */
body #page-container .et_pb_section .chocorange-home-slider.et_pb_slider .chocorange-slide--miamacadamia .et_pb_more_button.et_pb_button,
body #page-container .et_pb_section .chocorange-home-slider.et_pb_slider .chocorange-slide--funkypop .et_pb_more_button.et_pb_button {
	background-color: var(--chocorange-accent) !important;
	border-color: var(--chocorange-accent) !important;
	color: #3a2118 !important;
}

/* Texte : arrive pendant que le rideau se retire, au lieu de 0,9 s + 0,7 s. */
.chocorange-home-slider .et-pb-active-slide .et_pb_slide_description {
	animation-duration: 0.45s;
	animation-delay: 0.2s;
}

/* Rideau de couleur (ajouté par assets/js/home-slider.js) */
.chocorange-slider-curtain {
	position: absolute;
	inset: 0;
	z-index: 9;
	pointer-events: none;
	transform: scaleX(0);
	transform-origin: left center;
}
.chocorange-slider-curtain.is-covering {
	transform: scaleX(1);
	transition: transform 0.38s cubic-bezier(0.65, 0, 0.35, 1);
}
.chocorange-slider-curtain.is-revealing {
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform 0.42s cubic-bezier(0.65, 0, 0.35, 1);
}
.chocorange-home-slider .et-pb-controllers,
.chocorange-home-slider .et-pb-slider-arrows a {
	z-index: 10;
}

/* Mobile : plus haut, cadrage sur les produits, sans flèches (points et glissé du doigt). */
@media (max-width: 767px) {
	.chocorange-home-slider .et_pb_slide .et_pb_container {
		min-height: 440px;
	}
	.chocorange-home-slider .chocorange-slide--miamacadamia {
		background-position: 8% center !important;
	}
	.chocorange-home-slider .chocorange-slide--funkypop {
		background-position: 96% center !important;
	}
	.chocorange-home-slider .et-pb-slider-arrows {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.chocorange-home-slider .et-pb-active-slide .et_pb_slide_description {
		animation: none;
	}
}