/* Úpravy pro mobily a tablety nad rámec šablony Velzon. */

/* Rozbalené menu na mobilu (horizontální layout) – výška podle displeje, aby šlo sjet i na rozbalené podpoložky. */
@media (max-width: 1024px) {
    [data-layout=horizontal] .menu .navbar-menu {
        max-height: calc(100vh - 70px);
        max-height: calc(100dvh - 70px);
        overscroll-behavior: contain;
    }
}

/* Na tabletu a menším se stránka nesmí rozšířit za šířku displeje. Jinak se fixní horní lišta
   roztáhne mimo obrazovku a tlačítka v ní (hamburger, uživatelské menu) jsou nedosažitelná. */
@media (max-width: 1199.98px) {
    .page-content {
        overflow-x: clip;
    }

    /* Široké DataTables se posouvají uvnitř karty, nerozšiřují stránku (hledání a stránkování zůstávají na místě). */
    .dataTables_wrapper > .row > [class*="col-"]:has(> table) {
        overflow-x: auto;
    }
}