/* =============================================================
   COMPONENT / MENU
   Горизонтальное меню в шапке.
   ============================================================= */

.menu {
    display: grid;
    height: 48px;
}

.menu-list {
    display: flex;
    align-items: center;
    column-gap: var(--space-5);
    overflow-x: auto;
    white-space: nowrap;
    list-style: none;
    padding: 0;
    margin-block: 0;
}

.menu-list::-webkit-scrollbar {
    display: none;
}

.menu-item:first-child {
    padding-left: var(--space-5);
}

/* Адаптив */
@media (max-width: 767px) {
    .menu {
        grid-area: 2 / 1 / 3 / -1;
    }

    .menu-item:last-child a {
        margin-right: var(--space-5);
    }
}

/* Модификатор — для внутренних страниц админки */
ul.menu-list.order_product li:first-child,
ul.menu-list.posting li:first-child,
ul.menu-list.product li:first-child,
ul.menu-list.order li:first-child,
ul.menu-list.statistics li:first-child {
    margin-left: var(--space-5);
}