/*
Correctifs minimaux. Une règle = un commentaire.
Aucun correctif tant que la comparaison ne l'exige pas.
*/

/* Diaporama d'accueil : une seule image. Positions mesurées sur la production
   (1440 px : photo 65% 55%, barre à 453 px ; 390 px : photo 48% 55%). */
.acte-hero {
	position: relative;
	height: 820px;
	overflow: hidden;
	background: url("/wp-content/uploads/2023/09/acte-avocats-bandeau-cabinet-sept-2023.jpg") 65% 55% / cover no-repeat;
}
.acte-hero-bar {
	position: absolute;
	left: 0;
	right: 0;
	top: 453px;
	height: 176px;
	background: rgba(0, 0, 0, 0.5);
}
.acte-hero-bar p {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
	text-align: center;
	color: #fff;
	font-family: Roboto, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}
.acte-hero-bar p:first-child {
	top: 26px;
	font-size: 55px;
	line-height: 55px;
}
.acte-hero-bar p + p {
	top: 78px;
	font-size: 55px;
	line-height: 80px;
}
@media (max-width: 768px) {
	.acte-hero {
		height: 62.564vw;
		background-position: 48% 55%;
	}
	.acte-hero-bar {
		top: 61.89%;
		height: 58.61%;
	}
	.acte-hero-bar p:first-child {
		top: 29.5%;
		font-size: 33px;
		line-height: 41px;
	}
	.acte-hero-bar p + p {
		top: 10.5%;
		font-size: 24px;
		line-height: 24px;
	}
}

/* Le menu mobile de la production est fermé au chargement (display géré ensuite par le script). */
@media (max-width: 1024px) {
	.mkd-mobile-header .mkd-mobile-nav {
		display: none;
	}
}

/* Témoignages : le HTML figé porte la largeur Owl du bureau (666 px).
   Sur mobile, la première diapositive prend la colonne, les autres restent cachées. */
@media (max-width: 768px) {
	.mkd-testimonials .owl-wrapper-outer {
		height: auto !important;
	}
	.mkd-testimonials .owl-wrapper {
		width: 100% !important;
		left: 0 !important;
	}
	.mkd-testimonials .owl-item {
		width: 100% !important;
	}
	.mkd-testimonials .owl-item:not(.active) {
		display: none !important;
	}
}
