/*
 * AeroQuote Pro - Ajustes de interface para o PWA (mobile/touch)
 * ==============================================================
 *
 * Este arquivo NAO redesenha as telas. Ele apenas remove atritos de uso em
 * dispositivos moveis, sem alterar nada no desktop.
 *
 * Carregado somente no PWA/mobile por meio de media queries.
 */

/* --- Evita rolagem horizontal acidental em telas pequenas -------------- */
@media (max-width: 767.98px) {
    html,
    body {
        overflow-x: hidden;
    }

    .container,
    .container-fluid {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    /* Tabelas continuam rolando dentro do proprio bloco, nao na pagina */
    .table-responsive {
        -webkit-overflow-scrolling: touch;
    }
}

/* --- Alvos de toque confortaveis (somente em dispositivos touch) ------- */
@media (pointer: coarse) {
    .btn:not(.btn-sm):not(.btn-close):not(.btn-link) {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
    }

    .nav-link {
        min-height: 44px;
        display: flex;
        align-items: center;
    }

    /* Campos de formulario chegam a 16px para o iOS nao dar zoom no foco */
    input.form-control,
    select.form-select,
    textarea.form-control {
        font-size: 16px;
    }
}

/* --- Respeita a area segura de aparelhos com notch --------------------- */
body {
    padding-bottom: env(safe-area-inset-bottom);
}