/*
 * tw-fixes.css — Correcciones de compatibilidad Tailwind v4 vs style.css
 *
 * style.css (cargado antes) contiene reglas de elemento no-layered que interfieren
 * con las utilidades de Tailwind v4 (que son layered y pierden ante CSS no-layered).
 * Este archivo carga DESPUÉS de style.css, por lo que las reglas de igual especificidad
 * aquí definidas ganan por orden de cascada.
 *
 * Cargado en: layouts/app.blade.php y layouts/guest.blade.php
 */

/*
 * style.css: input, select, textarea { padding: 0 }  →  deshace el padding
 * de @tailwindcss/forms (que es layered en v4 y pierde contra style.css).
 * Restauramos el padding base de los formularios (0.5rem 0.75rem).
 */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
select,
textarea {
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
}

/*
 * style.css: * { border-width: 0 }  →  universal selector no-layered, deshace el
 * border-width: 1px de @tailwindcss/forms (layered en v4).
 * Un selector de elemento (0,0,1) siempre supera al universal (0,0,0).
 */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
select,
textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #d1d5db; /* gray-300 — mismo valor que @tailwindcss/forms */
}