/*!
 * _form-overrides.css — overrides globales de Bootstrap form components
 * ----------------------------------------------------------------------
 * Cargado SIEMPRE desde header.php DESPUÉS de $pageStyles para garantizar
 * que estas reglas dominen sobre cualquier override local.
 *
 * Reglas que aplican GLOBALMENTE al sitio entero. Mantén este archivo
 * pequeño y restringido a comportamientos transversales que justifiquen
 * un override global (no a parches específicos de página).
 *
 * Build: 2026-05-03 form-overrides-green-toggles
 * ======================================================================
 */


/* ----------------------------------------------------------------------
 * TOGGLES (form-switch) — fondo verde vivo cuando ACTIVOS
 * ----------------------------------------------------------------------
 * Bootstrap pinta los switches activos con --bs-primary (azul). En este
 * proyecto el resto del UI ya es muy azul/cyan (paleta home), por lo que
 * un toggle activo en azul se confunde con el fondo y la intuición
 * "ON/OFF" se pierde.
 *
 * Forzamos verde vivo (estándar universal: verde = encendido) para que
 * el estado del toggle sea inmediatamente legible.
 *
 * Solo aplica a .form-switch (toggles); checkboxes y radios mantienen
 * su comportamiento por defecto.
 *
 * Especificidad alta intencional (.form-switch .form-check-input:checked)
 * para vencer cualquier override local que use sólo .form-check-input:checked.
 * ---------------------------------------------------------------------- */
.form-switch .form-check-input:checked {
    background-color: #16a34a;
    border-color: #16a34a;
}

.form-switch .form-check-input:focus {
    border-color: #16a34a;
    box-shadow: 0 0 0 0.25rem rgba(22, 163, 74, 0.25);
}

.form-switch .form-check-input:not(:checked):focus {
    border-color: #16a34a;
    box-shadow: 0 0 0 0.25rem rgba(22, 163, 74, 0.25);
}