/* Overrides e estilos extras além do Tailwind */

/* ============= Mobile polish (Fase 4.5) ============= */

/* Inputs com 16px em mobile pra evitar auto-zoom do iOS Safari.
   Desktop continua usando font-size do Tailwind (text-sm = 14px). */
@media (max-width: 767px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="url"],
    input[type="date"],
    input[type="datetime-local"],
    select,
    textarea {
        font-size: 16px !important;
    }
}

/* Touch targets ≥44px em mobile pra elementos interativos primários.
   Aplica em botões de submit dos forms (POST) e botões com type=button.
   Não afeta links inline. */
@media (max-width: 767px) {
    button[type="submit"],
    button[type="button"]:not(.btn-inline),
    input[type="submit"] {
        min-height: 44px;
    }
}

/* Helper class pra forçar touch target em qualquer botão/link */
.touch-target {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

/* Helper class pra opt-out do touch target (botões claramente inline,
   tipo "limpar filtros" textual) */
.btn-inline {
    min-height: auto;
}