/* Bannière d'accueil — slider parent adapté au header enfant */

.bb-home-banner {
	--bb-banner-arrow-size: 44px;
	--bb-banner-arrow-icon-w: 10px;
	--bb-banner-arrow-icon-h: 18px;
	--bb-banner-arrow-bg: rgba(0, 0, 0, 0.55);
	--bb-banner-arrow-bg-hover: rgba(0, 0, 0, 0.72);
	width: 100%;
	max-width: none;
	margin: 0 0 18px;
	padding: 0;
}

.bb-home-banner .banner {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-radius: 0;
}

.bb-home-banner .banner.bb-home-banner--single .item {
	position: relative;
}

.bb-home-banner #bb-home-banner-slider.owl-theme .owl-nav [class*='owl-'] {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--bb-banner-arrow-size);
	height: var(--bb-banner-arrow-size);
	margin: 0;
	padding: 0;
	border-radius: 50%;
	background: var(--bb-banner-arrow-bg) !important;
	color: #fff !important;
	font-size: 0;
	line-height: 1;
	transform: translateY(-50%);
	transition: background 0.2s ease, color 0.2s ease;
}

.bb-home-banner #bb-home-banner-slider.owl-theme .owl-nav [class*='owl-']:before {
	display: none;
}

.bb-home-banner #bb-home-banner-slider.owl-theme .owl-nav .owl-prev:after,
.bb-home-banner #bb-home-banner-slider.owl-theme .owl-nav .owl-next:after {
	width: var(--bb-banner-arrow-icon-w);
	height: var(--bb-banner-arrow-icon-h);
	background-size: contain;
	background-position: center;
}

.bb-home-banner #bb-home-banner-slider.owl-theme .owl-nav [class*='owl-']:hover,
.bb-home-banner #bb-home-banner-slider.owl-theme .owl-nav [class*='owl-']:focus {
	background: var(--bb-banner-arrow-bg-hover) !important;
	color: #fff !important;
}

.bb-home-banner #bb-home-banner-slider.owl-theme .owl-nav .owl-prev {
	left: 16px;
}

.bb-home-banner #bb-home-banner-slider.owl-theme .owl-nav .owl-next {
	right: 16px;
}

.bb-home-banner .banner img,
.bb-home-banner .banner .fallback-svg,
.bb-home-banner .bb-home-banner__image-link,
.bb-home-banner .bb-home-banner__image-link img {
	display: block;
	width: 100%;
	height: clamp(220px, 32vw, 420px);
	object-fit: cover;
	vertical-align: top;
}

.bb-home-banner .bb-home-banner__image-link {
	text-decoration: none;
}

.bb-home-banner #banner-slider .owl-item:after {
	opacity: 0.85;
}

.bb-home-banner .banner .banner-text {
	bottom: 12%;
	max-width: min(720px, 92%);
	padding: 0 16px;
}

.bb-home-banner .banner .banner-text .cat-links {
	margin: 0 0 10px;
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.bb-home-banner .banner .banner-text .cat-links a:hover,
.bb-home-banner .banner .banner-text .cat-links a:focus {
	color: var(--bb-pink, #e71e62);
}

.bb-home-banner .banner .banner-text .title {
	margin: 0;
	font-size: clamp(1.5rem, 2.8vw, 2.25rem);
	line-height: 1.2;
}

.bb-home-banner .banner .banner-text .title a:hover,
.bb-home-banner .banner .banner-text .title a:focus {
	color: var(--bb-pink, #e71e62);
}

.bb-home-banner .banner .owl-nav .owl-prev,
.bb-home-banner .banner .owl-nav .owl-next {
	width: var(--bb-banner-arrow-size);
	height: var(--bb-banner-arrow-size);
	margin-top: calc(var(--bb-banner-arrow-size) / -2);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92) !important;
	color: var(--bb-black, #111) !important;
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.bb-home-banner .banner .owl-nav .owl-prev:after,
.bb-home-banner .banner .owl-nav .owl-next:after {
	width: var(--bb-banner-arrow-icon-w);
	height: var(--bb-banner-arrow-icon-h);
	background-size: contain;
	background-position: center;
}

.bb-home-banner .banner .owl-nav .owl-prev:hover,
.bb-home-banner .banner .owl-nav .owl-prev:focus,
.bb-home-banner .banner .owl-nav .owl-next:hover,
.bb-home-banner .banner .owl-nav .owl-next:focus {
	background: var(--bb-pink, #e71e62) !important;
	color: #fff !important;
}

.bb-home-banner .banner .owl-nav .owl-prev {
	left: 16px;
}

.bb-home-banner .banner .owl-nav .owl-next {
	right: 16px;
}

.bb-home-banner.bb-home-banner--single .banner .owl-nav,
.bb-home-banner .banner.bb-home-banner--single .owl-nav {
	display: none;
}

@media (max-width: 767px) {
	.bb-home-banner {
		--bb-banner-arrow-size: 38px;
		--bb-banner-arrow-icon-w: 9px;
		--bb-banner-arrow-icon-h: 16px;
		margin-bottom: 14px;
	}

	.bb-home-banner .banner .banner-text {
		bottom: 10%;
	}
}