/* ============================================================
   CarpComp — poprawki przewijania menu bocznego na urządzeniach
   mobilnych (regresja: brak scrolla po zmianie orientacji na poziomą)
   ============================================================ */

@media only screen and (max-width: 991px) {
    /* W trybie mobilnym vendorowy szablon ustawia navbarowi height:100%
       przy zachowanym margin-top:56px (wysokość headera) — przez co dół
       menu wychodzi poza ekran i ostatnie pozycje są nieosiągalne,
       szczególnie w orientacji poziomej (niska wysokość viewportu).
       Korygujemy wysokość tak, by kontener mieścił się w widocznym obszarze. */
    .pcoded-navbar {
        margin-top: 56px;
        height: calc(100% - 56px);
    }

    /* Karta z logo (bezpośrednie dziecko nav, rodzeństwo kontenera scrolla)
       spychała kontener przewijania w dół — jego dół wychodził poza ekran,
       co w poziomie uniemożliwiało doscrollowanie menu. W wersji mobilnej
       logo jest zbędne — ukrywamy je, dzięki czemu kontener scrolla wypełnia
       cały widoczny obszar navbara. */
    .pcoded-navbar > .card {
        display: none !important;
    }

    .pcoded-navbar .scroll-div.navbar-content,
    .pcoded-navbar.menupos-fixed .scroll-div.navbar-content {
        height: 100% !important;
        min-height: 100% !important;
    }

}

/* Na urządzeniach dotykowych rezygnujemy z PerfectScrollbar (init tylko raz
   przy ładowaniu — nie przelicza granic po obrocie ekranu) na rzecz natywnego
   przewijania, które poprawnie reaguje na zmianę orientacji. Reguła poza media
   query, bo PerfectScrollbar wyłączamy dla dotyku na każdej szerokości. */
body.is-touch .pcoded-navbar .navbar-content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}

/* Ukryj szczątkowe paski PerfectScrollbar, gdy aktywne jest natywne scrollowanie */
body.is-touch .pcoded-navbar .navbar-content > .ps__rail-x,
body.is-touch .pcoded-navbar .navbar-content > .ps__rail-y {
    display: none !important;
}