/*
 * Le widget Content Hero Banner réutilise désormais la feuille de style du template
 * d’archive (bwah-helpers/templates/assets/css/site-template--custom.css), chargée à
 * la volée via bwah_enqueue_template_assets('site-template-archive.php') dans
 * content-hero-banner.php. Toutes les règles visuelles vivent dans .bwa-archive-hero*.
 *
 * Ce fichier conserve uniquement les surcharges spécifiques au contexte « widget ».
 */

/* Le wrapper .bwa-archive-hero hérite, sur les pages d’archive, d’un min-height de
   703px (620/560 en responsive) prévu pour permettre au listing d’archive de remonter
   via une marge négative. Le widget Elementor n’a pas de listing à overlap : on annule
   cette réserve pour éviter un grand vide blanc sous la bannière. La spécificité (0,1,0)
   est la même que la règle d’origine, mais l’ordre des feuilles fait que notre CSS
   passe après — elle l’emporte donc dans tous les breakpoints. */
.bwa-archive-hero--widget {
	min-height: 0;
}

.bwa-archive-hero--widget .bwa-archive-hero__picture--left {
	position: absolute;
	inset: 0 auto 0 0;
	z-index: 0;
	display: block;
	width: 50%;
	height: 100%;
	pointer-events: none;
}

.bwa-archive-hero--widget .bwa-archive-hero__picture--left > .bwa-archive-hero__image--left {
	position: static;
	inset: auto;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	object-position: left center;
}

.bwa-content-hero-banner__back {
	transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.bwa-content-hero-banner__back:hover {
	border-color: #02a2d6 !important;
	background: #02a2d6 !important;
	box-shadow: 0 10px 26px rgba(2, 162, 214, 0.22) !important;
	color: #ffffff !important;
	transform: translateX(-2px);
}

.bwa-content-hero-banner__back:focus-visible {
	outline: 3px solid rgba(255, 255, 255, 0.55);
	outline-offset: 3px;
}

.bwa-content-hero-banner__back-icon {
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
}

.bwa-archive-hero--widget.bwa-archive-hero--has-video .bwa-archive-hero__top::before {
	background: rgba(0, 0, 0, 0.28);
	mix-blend-mode: normal;
}

.bwa-content-hero-banner__video {
	display: block;
}

@media (prefers-reduced-motion: reduce) {
	.bwa-content-hero-banner__video {
		visibility: hidden;
	}
}