/* Mobile overrides — применяются поверх theme.css */

@media (max-width: 767.98px) {
    /* Предотвращает авто-зум iOS при фокусе */
    #modalItem .form-control,
    #modalItem .form-select,
    #modalItem .form-floating > label {
        font-size: 16px;
    }

    .tab-content {
        padding: 0.75rem !important;
    }

    #tab_buttons .btn-item-add {
        padding: 0.4rem 0.75rem !important;
        font-size: 0.85rem;
    }

    #modalItem .modal-footer {
        padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
    }

    #modalItem .modal-header {
        padding-top: calc(0.75rem + env(safe-area-inset-top, 0px));
    }

    /*
     * Футер заявки: одна видимая кнопка — на всю ширину; две и больше — в два столбца (перенос).
     * !important — перебивает базовый flex из theme.css; элементы с .d-none не попадают в grid.
     */
    #modalItem .order-modal-item-footer .order-modal-item-actions {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 0.5rem;
        width: 100%;
    }

    #modalItem .order-modal-item-footer .order-modal-item-actions:has(> .btn:not(.d-none) ~ .btn:not(.d-none)) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #modalItem .order-modal-item-footer .order-modal-item-actions > .btn:not(.d-none) {
        width: 100%;
        min-width: 0;
    }
}