/**
 * Page Mentions légales — styles éditoriaux
 *
 * @package Morgane_Del_Medico
 */

.mlg-page .mlg-section--intro {
	padding-bottom: 0;
}

.mlg-page .mlg-page__title {
	margin-top: clamp(2rem, 4vw, 2.5rem);
	margin-bottom: 2rem;
}

.mlg-legal-content {
	max-width: clamp(53.125rem, 90vw, 59.375rem);
	margin-inline: auto;
	text-align: left;
}

.mlg-section--content {
	padding-top: 0;
	padding-bottom: clamp(4rem, 8vw, 6rem);
}

.mlg-legal-section {
	margin: 0;
	padding: 0;
}

.mlg-legal-section + .mlg-legal-section {
	margin-top: clamp(3.125rem, 5vw, 4.375rem);
	padding-top: clamp(3.125rem, 5vw, 4.375rem);
	border-top: 1px solid rgba(74, 74, 74, 0.1);
}

.mlg-legal-section__title {
	margin: 0 0 1.25rem;
	font-family: var(--font-heading);
	font-size: clamp(1.5625rem, 2.4vw, 2rem);
	font-weight: 400;
	line-height: 1.3;
	color: #4a4a4a;
}

.mlg-legal-section__body {
	max-width: 100%;
	margin-bottom: 2.5rem;
}

.mlg-legal-section__body p {
	margin: 0 0 1rem;
	font-family: var(--font-body);
	font-size: clamp(1.0625rem, 1.1vw, 1.125rem);
	line-height: 1.6;
	color: #4a4a4a;
}

.mlg-legal-section__body p:last-child {
	margin-bottom: 0;
}

.mlg-legal-section__body a {
	color: var(--color-sage-action);
	font-family: var(--font-body);
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-underline-offset: 0.15em;
	overflow-wrap: anywhere;
	transition: color var(--transition), text-decoration-color var(--transition);
}

.mlg-legal-section__body a:focus {
	color: var(--color-sage-action-hover);
	text-decoration-color: rgba(110, 128, 108, 0.6);
}

.mlg-legal-section__body a:hover {
	color: var(--color-sage-action-hover);
	text-decoration-color: currentColor;
}

.mlg-legal-section__body a:focus-visible {
	outline: var(--btn-focus-outline);
	outline-offset: var(--btn-focus-outline-offset);
	border-radius: 2px;
}

@media (max-width: 768px) {
	.mlg-page .mlg-page__title {
		font-size: clamp(2.375rem, 9vw, 2.75rem);
		margin-bottom: 1.75rem;
	}

	.mlg-section--content .container.aen-container {
		padding-inline: clamp(1.25rem, 5vw, 1.5rem);
	}

	.mlg-legal-section + .mlg-legal-section {
		margin-top: clamp(2.75rem, 8vw, 3.5rem);
		padding-top: clamp(2.75rem, 8vw, 3.5rem);
	}

	.mlg-legal-section__title {
		font-size: clamp(1.5625rem, 5.5vw, 1.75rem);
		margin-bottom: 1.125rem;
	}

	.mlg-legal-section__body p {
		font-size: 1.0625rem;
	}
}