/* Conteneur */
.mb-container {
	position: relative;
	width: 100%;
	/* Permet au contenu d'occuper toute la hauteur minimale (centrage vertical). */
	display: flex;
	flex-direction: column;
}

.mb-container__inner {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.mb-container--full > .mb-container__inner {
	max-width: none;
}

/* Dans une ligne, les conteneurs enfants se partagent la place par défaut.
   Le réglage « Largeur du conteneur » remplace ce comportement. */
/* :where() = priorité nulle, pour que le réglage de largeur l'emporte toujours. */
:where(.mb-container__inner > .mb-w-container) {
	flex: 1 1 0;
	min-width: 0;
}

/* Superposition de couleur sur le fond (réglage « Superposition »). */
.mb-container::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
}

.mb-container__inner {
	position: relative;
	z-index: 1;
}