/**
 * TheriansHub — Contact
 *
 * Estiliza el formulario WPForms de la página Contact (pública, NO app shell)
 * a la paleta de marca. WPForms en "modern markup" no se estiliza por
 * selectores de elemento: inyecta custom properties (--wpforms-*) en el
 * contenedor desde el tema del formulario (campos blancos, botón azul por
 * defecto). Las redeclaramos con tokens del tema; van con !important porque
 * WPForms las pone inline y de otro modo ganarían.
 *
 * Tokens (--color-*) vienen de theme.css, que se carga siempre (también en
 * páginas públicas), así que esta hoja funciona fuera del shell.
 *
 * NOTA: existe un bloque WPForms legacy duplicado en Customizer -> CSS adicional
 * (registro 'astra', cabecera "===== WPFORMS ====="), pendiente de retirar en
 * un paso aparte. No tocar el :root de ese CSS (lo usan otras reglas).
 */
.wpforms-container {
	--wpforms-field-background-color:      var(--color-surface-2)  !important;
	--wpforms-field-border-color:          var(--color-border)     !important;
	--wpforms-field-text-color:            var(--color-text)       !important;
	--wpforms-field-menu-color:            var(--color-surface-2)  !important;
	--wpforms-label-color:                 var(--color-text)       !important;
	--wpforms-label-sublabel-color:        var(--color-text-muted) !important;
	--wpforms-button-background-color:     var(--color-brand)       !important;
	--wpforms-button-background-color-alt: var(--color-brand-hover) !important;
	--wpforms-button-text-color:           #fff                     !important;
}

/* WPForms en "Base styling only" (disable-css=2) no consume las custom
   properties de arriba: pintamos el elemento directamente, como el CSS legacy
   de producción que sí funciona. Tokens del tema; !important para ganar. */
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select {
	background-color: var(--color-surface-2) !important;
	color: var(--color-text) !important;
	border: 1px solid var(--color-border) !important;
}

/* Foco a verde de marca (modern markup no expone una variable de foco propia). */
.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
	border-color: var(--color-brand) !important;
	outline: none;
}