/*
 * Style slidera kategorii (drill-down) wywoływanego z popup mobile menu.
 *
 * Wycięte z custom-menu/assets/css/frontend.css (sekcja 7. MM-SLIDER).
 * Pełnego frontend.css NIE ładujemy bo agresywnie nadpisuje .menu/.wp-block-navigation
 * co ukrywało desktop menu w motywie Lemmony.
 *
 * Zmiana wobec oryginału:
 *   - background fallback z #f4faf8 → #fff (bez zmiany var)
 */

.mm-slider {
    display: none; position: fixed; inset: 0; z-index: 100003;
    background: var(--mm-panel-bg, #fff);
    flex-direction: column; overflow: hidden;
}

.mm-slider.is-open { display: flex; }

.mm-slider__viewport { flex: 1; overflow: hidden; position: relative; background: inherit; }

.mm-slider__header {
    position: relative; display: flex; align-items: center;
    padding: 12px 16px; gap: 12px; min-height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06); flex-shrink: 0;
}

.mm-slider__title {
    flex: 1; font-size: 17px; font-weight: 700; color: #0E4466; text-align: center;
}

.mm-slider__spacer {
    width: 60px; min-width: 60px; flex-shrink: 0;
}

.mm-slider__back {
    display: flex; align-items: center; gap: 2px; background: none; border: none;
    cursor: pointer; color: #0E4466; font-size: 14px; font-weight: 600;
    padding: 6px 8px; border-radius: 8px; transition: background 0.15s;
    width: 60px; min-width: 60px;
}

.mm-slider__back span { font-size: 14px; }
.mm-slider__back:hover { background: rgba(0, 0, 0, 0.05); }

.mm-slider__close {
    display: none !important;
}

.mm-slider__track {
    display: flex; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 100%;
}

.mm-slide {
    min-width: 100%; max-width: 100%;
    overflow-y: auto; -webkit-overflow-scrolling: touch;
    padding: 8px 0; background: inherit;
}

.mm-slide__item {
    display: flex; align-items: center; padding: 14px 20px;
    color: #0E4466; text-decoration: none; font-size: 16px; font-weight: 600;
    transition: background 0.15s; gap: 10px; cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.mm-slide__item:hover, .mm-slide__item:active { background: rgba(0,0,0,0.04); text-decoration: none; color: #003578; }

.mm-slide__item--all {
    font-weight: 700; color: #003578; font-size: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.08); background: rgba(0,0,0,0.02);
}

.mm-slide__item--all:hover { background: rgba(0,0,0,0.05); }
.mm-slide__name { flex: 1; line-height: 1.3; }
.mm-slide__arrow { flex-shrink: 0; opacity: 0.35; }

@media (min-width: 1151px) {
    .mm-slider { display: none !important; }
}

/*
 * Custom Menu (frontend.js findMatchingNavItems → fallback "nav a") wciska
 * swój chevron SVG do "Kategorie" w Getwid Megamenu, przez co dubluje się
 * z natywnym gw-mm-item__toggle (dashicons-arrow-down). Ukryj go w obrębie
 * Getwid Megamenu — slider mobilny i tak nie potrzebuje tej strzałki, bo
 * uruchamiany jest naszym własnym buttonem z popup mobile-menu.
 */
.wp-block-getwid-megamenu .mm-chevron { display: none !important; }