/*
 * Aligne le bouton "Envoyer" de WPForms (formulaire de contact) sur le
 * style du formulaire de contact du prototype (bg-emerald-700 hover:emerald-800),
 * puisque WPForms utilise par defaut son propre bleu.
 */
.wpforms-container .wpforms-submit-container button.wpforms-submit,
.wpforms-container .wpforms-submit-container input.wpforms-submit {
	background-color: var(--color-emerald-700) !important;
	border-color: var(--color-emerald-700) !important;
}
.wpforms-container .wpforms-submit-container button.wpforms-submit:hover,
.wpforms-container .wpforms-submit-container input.wpforms-submit:hover {
	background-color: var(--color-emerald-800) !important;
	border-color: var(--color-emerald-800) !important;
}

/* Fond de page exact du prototype (#FBFBFB, pas blanc pur) + couleur de
   selection de texte, absents du CSS Tailwind compile car ajoutes apres coup. */
.bg-\[\#FBFBFB\] { background-color: #FBFBFB; }
body::selection { background-color: var(--color-emerald-100); color: var(--color-emerald-900); }

/* Voile sombre du hero de la page d'accueil (identique au prototype) : ces
   classes de degrade avec opacite sur "slate-950"/"black" ne font pas partie
   du sous-ensemble precompile dans tailwind-build.css (aucune chaine de build
   sur le serveur), donc elles ne s'appliquaient pas du tout -> l'image du
   hero paraissait plate/trop claire au lieu d'avoir la profondeur voulue. */
.bg-gradient-to-r.from-slate-950\/80.via-slate-950\/50.to-slate-950\/15 {
	background-image: linear-gradient(to right, rgba(2, 6, 23, 0.8) 0%, rgba(2, 6, 23, 0.5) 50%, rgba(2, 6, 23, 0.15) 100%);
}
.bg-gradient-to-t.from-slate-950\/60.via-transparent.to-black\/10 {
	background-image: linear-gradient(to top, rgba(2, 6, 23, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 100%);
}