/* Move channel-list to LEFT side in mobile landscape */
@media screen and (max-width: 1024px) and (orientation: landscape) and (max-height: 500px) {
    /* Override sidebar position to show only the right part on left side */
    .sidebar:not(.open) {
        left: 0 !important;
        width: 100px !important;
        background: transparent !important;
    }
    
    .sidebar:not(.open) .menu-left-part {
        display: none !important;
    }
    
    .sidebar:not(.open) .menu-right-part {
        left: 0 !important;
        right: auto !important;
        width: 100px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        z-index: 10 !important;
        background: #242424 !important;
    }
    
    /* Make it scrollable */
    .menu-right-part {
        height: 100vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    
    .channel-holder {
        min-height: 100vh;
    }
    
    .channel-list {
        min-height: 100vh;
        padding-bottom: 80px;
    }
    
    /* Ensure toggle button is accessible */
    .toggle-holder {
        position: relative !important;
        z-index: 11 !important;
    }
    
    .scroll-top {
        margin-bottom: 20px;
    }
}

/* For very small mobile screens */
@media screen and (max-height: 400px) {
    .menu-right-part {
        height: 100vh !important;
    }
    
    .channel-list {
        min-height: 120vh;
    }
}