/* =================================================================== */
/* == ESTILOS FINALES PARA GRAVITY FORMS - INTEGRACIÓN KADENCE == */
/* =================================================================== */

/* 1. Definimos las variables de color de Gravity Forms para que usen
      las de tu tema Kadence. Esta es la parte más importante. */
.gform_wrapper {
    /* Color principal para checkboxes, radios, foco, etc. */
    --gf-color-primary: var(--global-palette2) !important;
    
    /* Color para el estado hover/activo (si es necesario) */
    --gf-color-primary-darker: var(--global-palette1) !important;

    font-family: var(--global-body-font-family) !important;

}

/* 2. Estilos para los campos de texto y áreas de texto */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper textarea {
    font-size: 18px !important;
}

/* 3. Estilo del botón de envío para que sea IDÉNTICO al de tu tema */
.gform_wrapper .gform_button {
    font-size: 18px !important;
    padding: 12px 18px !important;
}

/*Check*/
.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before{
    color: var(--global-palette2) !important;
}

/* --- Estilos de Focus para TODOS los campos de Gravity Forms --- */

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper input[type="search"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="date"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus,
.gform_wrapper .chosen-container-multi .chosen-choices:focus,
.gform_wrapper .chosen-single:focus {
    border-color: white !important; /* Mantiene el color del borde si lo deseas */
    outline: 2px solid #e6ac00a6 !important; /* Tu color de contorno deseado */
    outline-offset: 0; /* Ajusta si el contorno está demasiado pegado */
    box-shadow: none !important; /* Anula cualquier sombra que ponga el tema */
}

/* --- Estilo CORRECTO para desplegables (Tema Orbital de Gravity Forms) --- */
.gform-theme--framework .gform-theme-field-control--select-container .gform-theme-field-control__item.is-highlighted {
    background-color: #e6ac00 !important; /* Tu color amarillo corporativo */
    color: #1E1E1E !important;             /* Texto oscuro para buen contraste */
    box-shadow: none !important;           /* Eliminamos cualquier borde/sombra interior */
}

.gfield_label{
    font-weight: 600 !important;
}