/*
Theme Name: Astra Child
Theme URI: https://example.com
Description: Child theme de Astra
Author: Tu Nombre
Template: astra
Version: 1.0
*/

/* =========================================
   KANNUH - BLOQUEO TOTAL DARK MODE ASTRA
   Agregar al final del style.css del child theme
   ========================================= */

/* La clave es usar :is() para aumentar especificidad
   sin escribir mil selectores */

.astra-dark-mode-enable :is(
    .kannuh-precios-wrapper,
    .kannuh-trabajos-wrapper,
    .kannuh-modal-content,
    .kannuh-filtros,
    .kannuh-actions,
    #modal-agregar-item,
    #modal-odontologo,
    #kannuh-modal-trabajo,
    .mps-dialog
) input,
.astra-dark-mode-enable :is(
    .kannuh-precios-wrapper,
    .kannuh-trabajos-wrapper,
    .kannuh-modal-content,
    .kannuh-filtros,
    .kannuh-actions,
    #modal-agregar-item,
    #modal-odontologo,
    #kannuh-modal-trabajo,
    .mps-dialog
) select,
.astra-dark-mode-enable :is(
    .kannuh-precios-wrapper,
    .kannuh-trabajos-wrapper,
    .kannuh-modal-content,
    .kannuh-filtros,
    .kannuh-actions,
    #modal-agregar-item,
    #modal-odontologo,
    #kannuh-modal-trabajo,
    .mps-dialog
) textarea {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    border: 1px solid #dbeafe !important;
    color-scheme: light !important;
}

/* Focus */
.astra-dark-mode-enable :is(
    .kannuh-precios-wrapper,
    .kannuh-trabajos-wrapper,
    .kannuh-modal-content,
    .kannuh-filtros,
    #modal-agregar-item,
    #modal-odontologo,
    #kannuh-modal-trabajo
) input:focus,
.astra-dark-mode-enable :is(
    .kannuh-precios-wrapper,
    .kannuh-trabajos-wrapper,
    .kannuh-modal-content,
    .kannuh-filtros,
    #modal-agregar-item,
    #modal-odontologo,
    #kannuh-modal-trabajo
) select:focus,
.astra-dark-mode-enable :is(
    .kannuh-precios-wrapper,
    .kannuh-trabajos-wrapper,
    .kannuh-modal-content,
    .kannuh-filtros,
    #modal-agregar-item,
    #modal-odontologo,
    #kannuh-modal-trabajo
) textarea:focus {
    background: #e0f2fe !important;
    background-color: #e0f2fe !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.15) !important;
    color-scheme: light !important;
}

/* Autofill */
.astra-dark-mode-enable :is(
    .kannuh-precios-wrapper,
    .kannuh-trabajos-wrapper,
    .kannuh-modal-content,
    #modal-agregar-item,
    #modal-odontologo,
    #kannuh-modal-trabajo
) input:-webkit-autofill,
.astra-dark-mode-enable :is(
    .kannuh-precios-wrapper,
    .kannuh-trabajos-wrapper,
    .kannuh-modal-content,
    #modal-agregar-item,
    #modal-odontologo,
    #kannuh-modal-trabajo
) input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    -webkit-text-fill-color: #0F172A !important;
}

/* Texto general dentro de contenedores kannuh */
.astra-dark-mode-enable .kannuh-modal-content h2,
.astra-dark-mode-enable .kannuh-modal-content h3,
.astra-dark-mode-enable .kannuh-modal-content label,
.astra-dark-mode-enable .kannuh-precios-wrapper h2,
.astra-dark-mode-enable .kannuh-precios-wrapper label,
.astra-dark-mode-enable .kannuh-trabajos-wrapper h2,
.astra-dark-mode-enable .kannuh-trabajos-wrapper label {
    color: #0F172A !important;
    background: transparent !important;
}

/* Fondos blancos de modales */
.astra-dark-mode-enable .kannuh-modal-content,
.astra-dark-mode-enable .mps-dialog {
    background: #ffffff !important;
    color: #0F172A !important;
}

/* =========================================
   WPFORMS - BLOQUEO DARK MODE ASTRA
   Inputs de login y activación de cuenta
   ========================================= */

/* Sobreescribir variables de WPForms que Astra cambia */
.astra-dark-mode-enable .wpforms-container {
    --wpforms-field-background-color: #ffffff;
    --wpforms-field-text-color: #0F172A;
    --wpforms-label-color: #0F172A;
    --wpforms-label-sublabel-color: #64748b;
    --wpforms-field-border-color: #dbeafe;
}

/* Por si las variables no alcanzan, forzar directamente */
.astra-dark-mode-enable .wpforms-container input[type="text"],
.astra-dark-mode-enable .wpforms-container input[type="email"],
.astra-dark-mode-enable .wpforms-container input[type="password"],
.astra-dark-mode-enable .wpforms-container input[type="number"],
.astra-dark-mode-enable .wpforms-container select,
.astra-dark-mode-enable .wpforms-container textarea {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    border-color: #dbeafe !important;
    color-scheme: light !important;
}

/* Hover - este es el problema principal */
.astra-dark-mode-enable .wpforms-container input[type="text"]:hover,
.astra-dark-mode-enable .wpforms-container input[type="email"]:hover,
.astra-dark-mode-enable .wpforms-container input[type="password"]:hover,
.astra-dark-mode-enable .wpforms-container input[type="number"]:hover,
.astra-dark-mode-enable .wpforms-container select:hover,
.astra-dark-mode-enable .wpforms-container textarea:hover {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    border-color: #93c5fd !important;
    color-scheme: light !important;
}

/* Focus */
.astra-dark-mode-enable .wpforms-container input:focus,
.astra-dark-mode-enable .wpforms-container select:focus,
.astra-dark-mode-enable .wpforms-container textarea:focus {
    background: #e0f2fe !important;
    background-color: #e0f2fe !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.15) !important;
    color-scheme: light !important;
}

/* Labels */
.astra-dark-mode-enable .wpforms-container label,
.astra-dark-mode-enable .wpforms-container .wpforms-label,
.astra-dark-mode-enable .wpforms-container .wpforms-sublabel {
    color: #0F172A !important;
}

/* Autofill */
.astra-dark-mode-enable .wpforms-container input:-webkit-autofill,
.astra-dark-mode-enable .wpforms-container input:-webkit-autofill:hover,
.astra-dark-mode-enable .wpforms-container input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    -webkit-text-fill-color: #0F172A !important;
}

/* =========================================
   WPFORMS - PISAR VARIABLES ASTRA EN HOVER
   ========================================= */

:root body.astra-dark-mode-enable {
    --wpforms-field-background-color: #ffffff;
    --wpforms-field-text-color: #0F172A;
    --wpforms-label-color: #0F172A;
    --wpforms-label-sublabel-color: #64748b;
    --wpforms-field-border-color: #dbeafe;
    --ast-global-color-secondary: #ffffff;
    --ast-bg-style-guide: #ffffff;
    --ast-global-dark-bg-style: #ffffff;
}
/* Texto oscuro SOLO en formularios WPForms, no en el resto del sitio */
.astra-dark-mode-enable .wpforms-container,
.astra-dark-mode-enable .wpforms-form,
.astra-dark-mode-enable .wpforms-field {
    --ast-global-color-2: #0F172A !important;
    --wpforms-field-text-color: #0F172A !important;
    --wpforms-label-color: #0F172A !important;
    --wpforms-label-sublabel-color: #64748b !important;
}

/* Forzar texto en inputs y labels directamente */
.astra-dark-mode-enable .wpforms-container input,
.astra-dark-mode-enable .wpforms-container input::placeholder,
.astra-dark-mode-enable .wpforms-form label,
.astra-dark-mode-enable .wpforms-field input {
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
}

/* =========================================
   MPS LOGIN FORMS - BLOQUEO DARK MODE
   ========================================= */

.astra-dark-mode-enable .mps-login-card {
    background: #ffffff !important;
    color: #1a1a2e !important;
}

.astra-dark-mode-enable .mps-login-title {
    color: #1a1a2e !important;
}

.astra-dark-mode-enable .mps-login-sub {
    color: #888 !important;
}

.astra-dark-mode-enable .mps-field label {
    color: #333 !important;
}

/* Inputs - estado normal */
.astra-dark-mode-enable .mps-field input[type="email"],
.astra-dark-mode-enable .mps-field input[type="password"],
.astra-dark-mode-enable .mps-field input[type="text"] {
    background: #fafafa !important;
    background-color: #fafafa !important;
    color: #1a1a2e !important;
    -webkit-text-fill-color: #1a1a2e !important;
    border: 1.5px solid #e0e0e0 !important;
    color-scheme: light !important;
}

/* Hover */
.astra-dark-mode-enable .mps-field input[type="email"]:hover,
.astra-dark-mode-enable .mps-field input[type="password"]:hover,
.astra-dark-mode-enable .mps-field input[type="text"]:hover {
    background: #f0f0f0 !important;
    background-color: #f0f0f0 !important;
    color: #1a1a2e !important;
    -webkit-text-fill-color: #1a1a2e !important;
    color-scheme: light !important;
}

/* Focus */
.astra-dark-mode-enable .mps-field input[type="email"]:focus,
.astra-dark-mode-enable .mps-field input[type="password"]:focus,
.astra-dark-mode-enable .mps-field input[type="text"]:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1a1a2e !important;
    -webkit-text-fill-color: #1a1a2e !important;
    border-color: #009EE3 !important;
    box-shadow: 0 0 0 3px rgba(0,158,227,0.12) !important;
    color-scheme: light !important;
}

/* Placeholder */
.astra-dark-mode-enable .mps-field input::placeholder {
    color: #aaa !important;
    opacity: 1 !important;
}

/* Puntitos de contraseña */
.astra-dark-mode-enable .mps-field input[type="password"] {
    color: #1a1a2e !important;
    -webkit-text-fill-color: #1a1a2e !important;
}

/* Autofill */
.astra-dark-mode-enable .mps-field input:-webkit-autofill,
.astra-dark-mode-enable .mps-field input:-webkit-autofill:hover,
.astra-dark-mode-enable .mps-field input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fafafa inset !important;
    -webkit-text-fill-color: #1a1a2e !important;
}

/* Checkbox recordarme */
.astra-dark-mode-enable .mps-remember label {
    color: #555 !important;
}

/* Texto registro */
.astra-dark-mode-enable .mps-login-register {
    color: #aaa !important;
}