/*
 * VORAS MU - Stable Desktop Layout
 *
 * IMPORTANT:
 * The page keeps the original 1200px desktop geometry on every device.
 * Phones and tablets scale the complete page through the viewport setting
 * in index.php, so menu cards and columns are not rearranged.
 */

/* Do not reflow the desktop layout */
.wrapper {
    width: 1200px;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

.header-bottom-block,
.menu {
    flex-wrap: nowrap;
}

/* Keep original columns and original positions */
.container {
    min-width: 1200px;
}

@media (max-width: 1200px) {
    .wrapper {
        width: 1200px;
        max-width: none;
    }

    .container {
        display: flex;
        flex-wrap: nowrap;
        min-width: 1200px;
    }

    .left-sidebar,
    .content,
    .right-sidebar {
        flex-shrink: 0;
    }
}