/* ------------------------------------------------------------------------
   Raccord de la maquette « Nous écrire » (page 2212) avec le thème
   sensible_pro_2.0. ÉCRIT À LA MAIN — jamais régénéré par build_pivot_wp.py.
   Voir dp-pivot-hote.css pour le pourquoi de chaque règle.

   ⚠️ Page PUBLIQUE, et la seule des pages portées qui contienne un FORMULAIRE
   (Contact Form 7, formulaire 22). Contenu d'origine sauvegardé :
   .tools/wordpress/backup_articles/2026-09-02_revue_heritage/tel_2212.json
   ------------------------------------------------------------------------ */

.page-id-2212 .dp-maquette {
	padding-top: 132px;
}

@media (max-width: 900px) {
	.page-id-2212 .dp-maquette {
		padding-top: 104px;
	}
}

.page-id-2212 .dp-contact .top {
	display: none;
}

.page-id-2212 .dp-contact .cta a.primary {
	color: #1a1006 !important;
}

.page-id-2212 .dp-contact .cta a.ghost,
.page-id-2212 .dp-contact .band a {
	color: var(--band-ink) !important;
}

.page-id-2212 .dp-contact a:not(.cta a) {
	color: var(--navy);
}

/* Le bouton d'envoi du formulaire est un `input[type=submit]`, pas un `<a>` :
   il tombe donc sous la règle générique du thème parent qui impose
   `color:#ffffff !important` ET un fond rouge `#ea474b`. Le blanc nous va (le
   fond est marine), le rouge non — il n'est pas de la charte. */
.page-id-2212 .dp-contact .wpcf7 input[type="submit"] {
	background-color: var(--navy) !important;
	color: #ffffff !important;
	border: 0 !important;
	font-size: 0.98rem !important;
	padding: 0.75rem 1.5rem !important;
}

.page-id-2212 .dp-contact .wpcf7 input[type="submit"]:hover {
	background-color: var(--navy-hover) !important;
}