/* mobile.css — global small-screen refinements (loaded on every page). */

@media (max-width: 767.98px) {
    /* iOS Safari auto-zooms when focusing inputs whose font-size < 16px.
       Bump form controls to 16px on phones so the viewport stays put. */
    input.form-control,
    select.form-select,
    textarea.form-control,
    .form-control-sm,
    .form-select-sm {
        font-size: 16px !important;
    }

    /* Smoother momentum panning for wide tables */
    .table-responsive { -webkit-overflow-scrolling: touch; }

    /* Wide data tables: keep the customer Name column pinned while panning
       horizontally (opt-in via .table-sticky-name on the <table>). */
    .table-sticky-name th:nth-child(2),
    .table-sticky-name td:nth-child(2) {
        position: sticky;
        left: 0;
        z-index: 2;
        background: var(--bs-card-bg, #fff);
        box-shadow: 4px 0 6px -4px rgba(0, 0, 0, .15);
    }
}