/* Studio Lintz : structure des sections et grands espacements. */

/**
 * CONTENEUR LARGE.
 * Conteneur large pour les pages éditoriales.
 */

.ar-page-wide {
	width: min(1180px, calc(100vw - 48px)) !important;
	max-width: min(1180px, calc(100vw - 48px)) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.ar-page-wide > * {
	max-width: none;
}

.ar-page-wide p {
	max-width: 72ch;
}




/**
 * RESPONSIVE.
 * Ajustements des conteneurs sur mobile.
 */

@media (max-width: 767px) {
	.ar-page-wide {
		width: min(100% - 28px, 100%) !important;
		max-width: min(100% - 28px, 100%) !important;
	}
}



/**
 * LARGEUR SITE.
 * Permet aux groupes large/full de respirer.
 */

.wp-site-blocks {
	width: 100%;
}

.wp-block-post-content {
	width: 100%;
	max-width: none;
}

.wp-block-post-content > .wp-block-group {
	width: 100%;
	max-width: none;
}

.wp-block-group.alignwide {
	width: min(1280px, calc(100vw - 48px)) !important;
	max-width: min(1280px, calc(100vw - 48px)) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wp-block-group.alignfull {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}



/**
 * SECTIONS PLEINE LARGEUR.
 * Fond pleine largeur + contenu centré.
 */

.ar-section-full {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: clamp(4rem, 8vw, 7rem) 0;
}

.ar-section-inner {
	width: min(1280px, calc(100vw - 48px)) !important;
	max-width: min(1280px, calc(100vw - 48px)) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}