/* G2 Theme — gabarit Contact (page-contact.php).
   Hero (hérite .g2-page-hero de page.css) + grille cartes mailto / formulaire. */

.g2-contact__eyebrow { display: block; margin-bottom: 16px; }

/* ---------- Grille ---------- */
.g2-contact-grid { padding-top: 18px; padding-bottom: 56px; }
.g2-contact-grid__inner {
	max-width: 1080px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: .85fr 1.15fr;
	gap: 26px;
	align-items: start;
}

/* ---------- Cartes (raisons d'écrire) ---------- */
.g2-contact-cards { display: flex; flex-direction: column; gap: 14px; }
.g2-contact-card {
	display: block;
	text-decoration: none;
	background: var(--g2-paper);
	border: 1px solid var(--g2-line);
	border-radius: var(--g2-radius-card);
	padding: 22px 24px;
	transition: box-shadow .18s ease, transform .18s ease;
}
.g2-contact-card:hover { transform: translateY(-3px); box-shadow: var(--g2-shadow-hover); }
.g2-contact-card__head { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.g2-contact-card__mark {
	width: 34px; height: 34px; flex: none;
	border-radius: 50%;
	background: var(--g2-grad);
	color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-size: 15px;
}
.g2-contact-card__title {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 700; font-size: 18px;
	color: var(--g2-ink);
}
.g2-contact-card__desc { margin: 0; font-size: 14px; line-height: 1.6; color: var(--g2-body); }
.g2-contact-card__email {
	display: inline-block; margin-top: 10px;
	font-size: 14px; font-weight: 700; color: var(--g2-accent);
}

/* ---------- Carte formulaire ---------- */
.g2-contact-form {
	background: var(--g2-paper);
	border: 1px solid var(--g2-line);
	border-radius: var(--g2-radius-bigcard);
	box-shadow: var(--g2-shadow-soft);
	padding: 30px 30px 32px;
}
.g2-contact-form__title {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 700; font-size: 24px; letter-spacing: -.02em;
	color: var(--g2-ink); margin: 0 0 4px;
}
.g2-contact-form__sub { font-size: 14px; color: var(--g2-muted-2); margin: 0 0 22px; }
.g2-contact-form__fields { display: flex; flex-direction: column; gap: 14px; }
.g2-contact-form__row { display: flex; gap: 14px; flex-wrap: wrap; }
.g2-contact-form__row .g2-fld { flex: 1; min-width: 140px; }

.g2-fld {
	width: 100%;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 15px; color: var(--g2-ink-soft);
	background: var(--g2-cream);
	border: 1px solid transparent;
	border-radius: var(--g2-radius-chip);
	padding: 14px 16px;
	outline: none;
	transition: border-color .15s ease, background .15s ease;
}
.g2-fld:focus { border-color: var(--g2-coral); background: var(--g2-paper); }
.g2-fld::placeholder { color: var(--g2-placeholder); }
.g2-fld--area { resize: vertical; min-height: 130px; }

.g2-contact-form__send { display: block; text-align: center; margin-top: 4px; padding: 15px 0; }
.g2-contact-form__note {
	font-size: 12px; color: var(--g2-faint);
	margin: 2px 0 0; text-align: center;
}

@media (max-width: 860px) {
	.g2-contact-grid__inner { grid-template-columns: 1fr; }
}