/*
 * MIT No Attribution
 *
 * Copyright (c) 2025 Hyper
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this
 * software and associated documentation files (the "Software"), to deal in the Software
 * without restriction, including without limitation the rights to use, copy, modify,
 * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
 * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
 * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

/* ==UserStyle==
@name           Nepu Theater Mode
@namespace      userstyles.world/user/hyper
@version        1.0.2
@description    Forces the Nepu video player to behave like YouTube's theater mode.
@author         Hyper
@license        MIT-0
@preprocessor   stylus
@var            range maxHeight "Player: Max Height" [720, 720, 1080, 10, "px"]
@var            checkbox forceRatio "Player: Force 16:9" 0
@homepageURL    https://userstyles.world/style/21888
==/UserStyle== */

@-moz-document regexp("^https:\\/\\/nepu\\.to\\/show\\/[^/]+\\/season\\/\\d+\\/episode\\/\\d+$"), url-prefix("https://nepu.to/movie/"), regexp("^https:\\/\\/nepu\\.to\\/ebook\\/[^/]+\\/book\\/\\d+\\/part\\/\\d+$") {
    /* Nepu Watch Page */
    
    @media (min-width: 992px) {
        /* Unrestrict Player Width */
        div.container {
            max-width: unset !important;
        }
        
        body.modal-open:has(#aside.show) {
            overflow-y: visible;
            padding-right: 0 !important;

            .modal-backdrop.show {
                opacity: 0.5;
            }
            
            /*
            .app-header,
            .app-container,
            .app-footer {
                filter: blur(8px);
            }
            */
        }
        
        /* Hide Aside Menu */
        #aside {
            /* Copied from `@media (max-width: 991px)` */
            position: fixed;
            top: 0;
            left: 0;
            max-width: unset;
            height: 100%;
            width: auto;
            z-index: 1050;
            background-color: black;
            padding-top: calc(0.5rem + 5px);
            padding-left: 1rem;
            padding-right: 1rem;
            display: none;

            .modal-close {
                display: block !important;
                
                position: relative;
                top: 0;
                left: 0;
                right: unset;
                padding: 0 0 0 3.25px;
                height: calc(62px - 1rem);
                
                svg {
                    height: 32px !important;
                    width: 32px !important;
                }
            }
            
            > br {
                display: none;
            }
            
            .nav li:first-of-type {
                margin-top: 18px;
                padding-top: 0;
            }
        }
        
        /* Fix Navbar Spacing */
        .navbar {
            padding: 0.5rem;
            
            .navbar-user .nav-link {
                padding-right: 0 !important;
            }
            .navbar-brand {
                margin: 0 !important;
            }
            
            /* Center Search Bar */
            #navbarToggler {
                position: absolute;
                width: auto;
                left: 50%;
                transform: translateX(-50%);
                z-index: 1030;
                
                .app-search {
                    margin-left: 0 !important;
                }
            }
            
            /* Unhide Hamburger Button */
            .menu {
                display: block !important;
                
                margin-right: 9px;

                svg {
                    height: 32px;
                    width: 32px;
                }
            }
        }
        
        /* Remove Weird Indentation on Section Headers */
        .app-heading > .text {
            padding-left: 0 !important;
            
            &::before {
                display: none;
            }
        }
    }
    
    /* Fix Player & Preview Scaling */
    .app-detail-embed {
        container-type: inline-size;
        
        #player,
        .embed-play {
            &::before {
                padding-top: "min(%s, 56.25cqw)" % maxHeight !important;
            }

            pjsdiv[style*="background-size:"],
            .embed-cover {
                background-size: auto 100% !important;
                
                &::before {
                    display: none;
                }
            }
            
            /* DEPRECATED: Flawed Fix for Backdrop Filter Bleed (Causes PlayerJS to Misplace Buttons)
            #oframeplayer > [style*=" backdrop-filter:"] {
                margin-left: 12px;
                width: calc(100% - 24px) !important;
                border-radius: 10px;
                background-color: rgba(0, 0, 0, 0.5)

                * {
                    opacity: 0 !important;
                    margin: 0 !important;
                }
            }
            */
            
            /* Remove Frosted Glass Effect */
            pjsdiv[style*="backdrop-filter:"] {
                backdrop-filter: none !important;
            }
        }
        
        unless forceRatio {
            #player {
                &::before {
                    display: none;
                }

                pjsdiv:has(video) {
                    position: static !important;
                    display: block;
                }

                video {
                    max-height: maxHeight !important;
                }
            }
        }
    }
}