/* Overrides pour la section hero */
.hero {
	background-image: url(../img/9xuaVl.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
}

.hero::before {
	background: linear-gradient(135deg, rgba(168, 218, 220, 0.3), rgba(255, 107, 107, 0.2)) !important;
	opacity: 0.4 !important;
}

/* Couleur noire pour le titre h1 et le sous-titre */
.hero h1,
.hero .hero-subtitle {
	color: black !important;
	font-weight: bold !important;
	text-shadow: 0 0 3px rgba(255, 255, 255, 0.7) !important;
}

/* Fond mat/flou pour le conteneur hero uniquement */
.hero .container {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 30px;
	border-radius: 10px;
	backdrop-filter: blur(8px);
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}