/* =============================================================================
   Gabarit page (page.php) — reprise du modèle Elementor « Page unique » (501299)
   Bandeau #005d4b de 100px (50px sur mobile), titre H1 blanc 2.5rem, marges
   latérales de 5 % ; contenu à 1 % en haut et en bas, 5 % sur les côtés.
   ============================================================================= */

.easi-page__banner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100px;
	padding: 0 5%;
	background-color: #005d4b;
}

.easi-page__title {
	margin: 0;
	color: #fff;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1;
}

.easi-page__content {
	padding: 1% 5%;
}

/* Contenu centré sur 1140 px (texte 1120 px), comme les sections Elementor.
   Remplace la règle « EASI — Pages passées en Gutenberg » du CSS additionnel,
   qui visait les conteneurs du modèle Elementor. Le panier garde toute la
   largeur (mise en page propre dans mdn-cart.css). */
.easi-page__inner {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.woocommerce-cart .easi-page__inner,
.elementor-page .easi-page__inner {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 767px) {
	.easi-page__banner {
		min-height: 50px;
		padding: 1% 5%;
	}
}

/* ---------------------------------------------------------------------------
   Règles de base qu'Elementor appliquait au contenu (.elementor a, img,
   iframe…). Dans :where() = spécificité nulle : elles comblent seulement les
   manques et ne passent jamais devant les styles du thème, des blocs ou du
   CSS additionnel.
   --------------------------------------------------------------------------- */

:where(.easi-page) *,
:where(.easi-page) ::before,
:where(.easi-page) ::after {
	box-sizing: border-box;
}

:where(.easi-page) a {
	box-shadow: none;
	text-decoration: none;
}

:where(.easi-page) img {
	border: none;
	border-radius: 0;
	box-shadow: none;
	height: auto;
	max-width: 100%;
}

:where(.easi-page) :is(embed, iframe, object, video) {
	border: none;
	line-height: 1;
	margin: 0;
	max-width: 100%;
	width: 100%;
}