/* Adaptation des seuls thèmes opt-in : le moteur ne reprend pas les dimensions
   des anciennes listes/tableaux/cycle. Les palettes restent celles des thèmes. */
/* Premier écran des thèmes opt-in : header réservé ou superposé selon le profil. */
body.home #diapo-accueil[data-krea3-hero-viewport]:has(.krea3-diaporama) {
	height: var(--k3-hero-height, max(180px, calc(100svh - 247px))) !important;
	max-height: none !important;
	min-height: 180px !important;
}
body.home #diapo-accueil[data-krea3-hero-viewport="fill"]:has(.krea3-diaporama) {
	margin-top: var(--k3-hero-top, 120px) !important;
	height: var(--k3-hero-height, max(180px, calc(100svh - 120px))) !important;
}
body.home #diapo-accueil[data-krea3-hero-viewport="overlay"]:has(.krea3-diaporama) {
	margin-top: 0 !important;
	height: var(--k3-hero-height, 100svh) !important;
}
#diapo-accueil[data-krea3-hero-viewport] > .krea3-diaporama,
#diapo-accueil[data-krea3-hero-viewport] .swiper-wrapper,
#diapo-accueil[data-krea3-hero-viewport] .krea3-diaporama__media {
	aspect-ratio: auto !important;
	height: 100% !important;
}
#diapo-accueil .krea3-diaporama {
	box-sizing: border-box;
	margin: 0 !important;
	max-width: 100%;
	padding: 0;
	width: 100%;
}

#diapo-accueil .krea3-diaporama .swiper-wrapper {
	box-sizing: content-box;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
}

#diapo-accueil .krea3-diaporama .krea3-diaporama__slide {
	box-sizing: border-box;
	float: none !important;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
}

/* Les cartouches historiques couvrent parfois toute la photo : leurs zones
   transparentes ne doivent pas intercepter les flèches du nouveau moteur. */
#diapo-accueil #diapo-texte,
#diapo-accueil #content-recherche {
	pointer-events: none;
}

#diapo-accueil #diapo-texte :is(a, button, input, select, textarea, label),
#diapo-accueil #content-recherche :is(a, button, input, select, textarea, label) {
	pointer-events: auto;
}

#diapo-accueil .krea3-diaporama__autoplay {
	height: 44px;
	min-height: 44px;
	min-width: 44px;
	width: 44px;
}

/* Les premières lignes de ces accueils remontent sur le bas de la photo.
   Réserver aux commandes une zone libre, sans déplacer les contenus du thème. */
body:is(.wp-theme-krea3-noto, .wp-theme-krea3-lobster-rouge-diapo, .wp-theme-krea3-caractere).home #diapo-accueil .krea3-diaporama__autoplay {
	bottom: auto;
	top: 1rem;
}

body.wp-theme-krea3-serrat.home #diapo-accueil .krea3-diaporama__autoplay {
	bottom: 100px;
}

/* Les colonnes sociales fixes ne doivent pas partager les zones des commandes. */
@media (min-width: 681px) {
	body.wp-theme-krea3-bebane.home #diapo-accueil :is(.swiper-button-next, .krea3-diaporama__autoplay) {
		right: 6rem;
	}
}

@media (min-width: 951px) {
	body.wp-theme-krea3-baskerville.home #diapo-accueil :is(.swiper-button-next, .krea3-diaporama__autoplay) {
		right: 6rem;
	}

	/* Le logo latéral occupe les 200 premiers pixels du bandeau. */
	body.wp-theme-krea3-serrat.home #diapo-accueil .swiper-button-prev {
		left: 216px;
	}
}

/* Altitude conserve la hauteur et les outils de son bandeau d'origine. */
body.wp-theme-krea3-altitude.home #diapo-accueil > .krea3-diaporama,
body.wp-theme-krea3-altitude.home #diapo-accueil .krea3-diaporama__media {
	aspect-ratio: auto;
	height: 100%;
}

/* Les quatre ambiances Gabarito gardent leur cadrage panoramique. */
#diapo-accueil.krea3-home-hero .krea3-diaporama__media {
	aspect-ratio: auto;
	height: clamp(390px, 48vw, 680px);
}

/* Territoria garde son cartouche, sa recherche et son image de hauteur fixe. */
body[class*="wp-theme-krea3-territoria"] #diapo-accueil .krea3-diaporama__media {
	aspect-ratio: auto;
	height: clamp(390px, 38vw, 590px);
}

@media (min-width: 1124px) {
	/* Coteaux : une cellule de tableau laisse Swiper élargir toute la page.
	   Garder les deux colonnes et la découpe inclinée, mais borner le moteur. */
	body.wp-theme-krea3-pacifico.home #diapo-accueil {
		display: grid !important;
		grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
		overflow: hidden !important;
		width: 100% !important;
	}

	body.wp-theme-krea3-pacifico.home #diapo-accueil > .krea3-diaporama {
		background: #fff;
		display: block !important;
		min-width: 0 !important;
		transform: none !important;
		width: 100% !important;
	}

	body.wp-theme-krea3-pacifico.home #diapo-accueil > .krea3-diaporama .krea3-diaporama__slide-content {
		transform: none !important;
		width: 100% !important;
	}

	body.wp-theme-krea3-pacifico.home #diapo-accueil .krea3-diaporama__media {
		clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
	}

	body.wp-theme-krea3-pacifico.home #content-recherche {
		display: block !important;
		min-width: 0 !important;
		width: 100% !important;
	}
}

@media (max-width: 1024px) {
	/* Ne pas laisser la règle générique height:auto annuler la hauteur réservée
	   d'Altitude : son formulaire serait alors superposé à un bandeau de 160 px. */
	body.wp-theme-krea3-altitude.home #diapo-accueil.krea3-diaporama-host {
		height: clamp(470px, 125vw, 600px) !important;
		min-height: 470px !important;
	}

	body[class*="wp-theme-krea3-territoria"] #diapo-accueil .krea3-diaporama__autoplay {
		bottom: auto;
		top: 1rem;
	}
}

@media (max-width: 767px) {
	/* Sur Altitude le titre prend plusieurs lignes : ne pas peindre les flèches
	   par-dessus. La partie haute de la photographie reste libre de texte. */
	body.wp-theme-krea3-altitude.home #diapo-accueil .swiper-button-prev,
	body.wp-theme-krea3-altitude.home #diapo-accueil .swiper-button-next {
		margin-top: 0;
		top: 1rem;
	}

	#diapo-accueil.krea3-home-hero .krea3-diaporama__media {
		height: 390px;
	}

	body[class*="wp-theme-krea3-territoria"] #diapo-accueil .krea3-diaporama__media {
		height: 300px;
	}
}

@media (max-width: 430px) {
	body[class*="wp-theme-krea3-territoria"] #diapo-accueil .krea3-diaporama__media {
		height: 255px;
	}
}