/* ==========================================================================
   OLIV'AMOR — Contact (préfixe contact-)
   ========================================================================== */

.contact { background: linear-gradient(180deg, var(--cream-50), var(--cream-100)); }

.contact__layout {
	display: grid;
	gap: var(--space-6);
	align-items: start;
}
@media (min-width: 1000px) {
	.contact__layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: var(--space-7); }
	.contact-info { position: sticky; top: calc(var(--header-h) + 1.5rem); }
}

.contact-info h2 { font-size: var(--fs-h3); }
.contact-info__list { display: grid; gap: var(--space-5); list-style: none; }
.contact-info__list li { display: flex; gap: var(--space-4); align-items: flex-start; }
.contact-info__list h3 {
	margin-bottom: .15rem;
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--color-muted);
}
.contact-info__list a { font-weight: 600; overflow-wrap: anywhere; }
.contact-info__list p { margin: 0; color: var(--color-text-soft); font-size: var(--fs-sm); }

.contact-form h2 { font-size: var(--fs-h3); }
.contact-form__group {
	margin: 0 0 var(--space-5);
	padding: 0;
	border: 0;
	min-width: 0;
}
.contact-form__group legend {
	width: 100%;
	margin-bottom: var(--space-4);
	padding-bottom: var(--space-2);
	border-bottom: 1px solid var(--color-border);
	font-size: var(--fs-xs);
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--gold-700);
}
.contact-form__legal { font-size: var(--fs-xs); color: var(--color-muted); }
.contact-form .alert p { margin: 0; }