/* Restyle du formulaire WPForms "Newsletter" (footer) pour matcher la charte du site.
   WPForms (markup "moderne") pilote ses couleurs via des variables CSS injectées en ligne
   sur le conteneur (--wpforms-label-color, --wpforms-field-*, --wpforms-button-*...).
   On écrase ces variables directement pour être sûr de passer devant, plutôt que de
   se battre propriété par propriété contre du style inline. */

.wpforms-container {
	margin: 0 !important;
	--wpforms-label-color: var(--creme) !important;
	--wpforms-label-sublabel-color: rgba(240, 235, 224, 0.6) !important;
	--wpforms-label-error-color: var(--rouge) !important;
	--wpforms-field-border-color: rgba(240, 235, 224, 0.25) !important;
	--wpforms-field-background-color: rgba(240, 235, 224, 0.06) !important;
	--wpforms-field-text-color: var(--creme) !important;
	--wpforms-button-background-color: var(--rouge) !important;
	--wpforms-button-text-color: var(--creme) !important;
	--wpforms-container-shadow-size: none !important;
}

/* Libellé du champ (« E-mail ») dans le style des autres titres du site */
.wpforms-container .wpforms-field-label {
	font-family: var(--font-titre);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.85rem;
	color: var(--creme) !important;
	opacity: 0.85;
	margin-bottom: 10px;
}

.wpforms-container .wpforms-field-required {
	color: var(--rouge) !important;
}

/* Champ email : fond sombre au lieu du blanc par défaut */
.wpforms-container input[type="email"],
.wpforms-container input[type="text"] {
	background: rgba(240, 235, 224, 0.06) !important;
	border: 1px solid rgba(240, 235, 224, 0.25) !important;
	border-radius: 3px !important;
	color: var(--creme) !important;
	font-family: var(--font-main);
	font-size: 0.95rem;
	padding: 12px 14px !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease;
}

.wpforms-container input[type="email"]::placeholder {
	color: rgba(240, 235, 224, 0.4);
}

.wpforms-container input[type="email"]:focus,
.wpforms-container input[type="text"]:focus {
	border-color: var(--or) !important;
	outline: none;
}

/* Zone hCaptcha : cadre resserré, transform pour réduire visuellement le bloc si le
   réglage "Compact" n'est pas disponible côté WPForms (fallback CSS, moins fiable
   que le vrai réglage compact car ça redimensionne un iframe). */
.wpforms-container .wpforms-field-hcaptcha {
	background: transparent !important;
	padding: 4px 0 !important;
	margin-bottom: 20px !important;
}

.wpforms-container .wpforms-field-hcaptcha > div {
	transform: scale(0.72);
	transform-origin: left top;
	margin-bottom: -21px; /* compense le vide laissé par le scale (widget ~78px de haut à l'origine) */
}

/* Bouton d'envoi, dans le style des CTA du reste du site (cf. .cta-or) */
.wpforms-container button[type="submit"].wpforms-submit {
	background: var(--rouge) !important;
	color: var(--creme) !important;
	font-family: var(--font-titre);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 0.9rem;
	border: none !important;
	border-radius: 3px;
	padding: 13px 28px !important;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.wpforms-container button[type="submit"].wpforms-submit:hover {
	opacity: 0.85;
}

/* Messages d'erreur / validation, dans le rouge du site plutôt que le rouge par défaut de WPForms */
.wpforms-container .wpforms-error {
	color: var(--rouge) !important;
	font-family: var(--font-main);
	font-size: 0.85rem;
}

/* Message de confirmation après envoi */
.wpforms-container .wpforms-confirmation-container-full {
	color: var(--creme) !important;
	font-family: var(--font-main);
	background: rgba(242, 197, 107, 0.1) !important;
	border: 1px solid var(--or) !important;
	border-radius: 3px;
	padding: 16px !important;
}