/*
 * MIT No Attribution
 *
 * Copyright (c) 2023-2024 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           Gogoanime Theater Mode
@namespace      userstyles.world/user/hyper
@version        1.1.20
@description    Forces the Gogoanime video player to behave like YouTube's theater mode.
@author         Hyper
@license        MIT-0
@preprocessor   stylus
@var            checkbox hideSocialButtons "Hide Social Buttons" 1
@var            checkbox hideReloadReminder "Hide Reload Reminder" 1
@var            range maxHeight "Player: Max Height" [720, 720, 1080, 10, "px"]
@var            checkbox hideEpisodeNavigator "Hide Episode Navigator" 0
@var            checkbox hideLoginReminder "Hide Login Reminder" 0
@var            checkbox hideScrollReminder "Hide Scroll Reminder" 1
@var            checkbox hideReactions "Hide Disqus Reactions" 1
@var            checkbox clipRecentTitles "Clip Recent Release Titles" 0
@var            checkbox hideDomainReminder "Hide Domain Reminder" 1
@var            checkbox ocelotMode "Ocelot Mode" 0
@var            checkbox ocelotFix "Ocelot: Fix Scrollbar" 1
@var            range episodeColumns "Related Episode Columns" [7, 5, 10]
@homepageURL    https://userstyles.world/style/10430
==/UserStyle== */

/* @-moz-document regexp("^https:\\/\\/gogoanime\\..*-episode-[0-9]+(?:-[0-9]+)?#?$") { */
/* @-moz-document regexp("^https:\\/\\/(?:gogoanime(?:hd|[0-9]+)?|anitaku)\\.[a-z]{2,}(?:\\.[a-z]{2,})?\\/[^/]+(?<!\\.html(?:\\?[^/]+)?)$") { */
/* @-moz-document regexp("^https:\\/\\/(?:gogoanime3\\.net|anitaku\\.to)\\/[^/]+(?<!\\.html(?:\\?[^/]+)?)$") { */
/* @-moz-document regexp("^https:\\/\\/(?:gogoanime3\\.co|anitaku\\.pe)\\/[^/]+(?<!\\.html(?:\\?[^/]+)?)$") { */
@-moz-document regexp("^https:\\/\\/(?:gogoanime(?:3|hd)?|anitaku)\\.[a-z]{2,}\\/[^/]+(?<!\\.html(?:\\?[^/]+)?)$"), url-prefix("https://gogoanimes.mobi/episode/") {
    /* Gogoanime Episode Page */

    /*
        Remove Width Rules
    */
    if ocelotMode {
        div#wrapper, div#wrapper_inside {
            width: 100% !important;
        }
        section.content_left {
            if ocelotFix {
                width: calc(100% - 300px - 20px) !important; 
            } else {
                width: 78.5% !important;
            }
        }
        section.content_right {
            display: block !important;
            unless ocelotFix {
                width: 20% !important;
            }
        }
        div.headnav_center {
            display: none !important;
        }
        unless ocelotFix {
            div#scrollbar2, div.viewport {
                width: auto !important;
            }
        }
        div#wrapper_bg > footer {
            margin: 0 !important;
            background: none !important;
            padding-top: 0 !important;
        }
    } else {
        div#wrapper_inside, div#wrapper, section.content_left, section.content_right {
            width: 100% !important;
        }
    }
    
    /*
        Fix Search Spinner
    */
    div.loader {
        position: relative !important;
        right: unset !important;
        left: -25px !important;
        top: 7.5px !important;
    }
    
    /*
        Restrict Player Size
    */
    div#load_anime .play-video {
        padding-bottom: "min(%s, 56.25%)" % maxHeight !important;
        min-height: 0 !important;
    }
    div#load_anime iframe {
        max-height: maxHeight !important;
        object-fit: contain !important;
    }
    
    /*
        Adjust Player Position
    */
    if hideReloadReminder {
        div.anime_video_body_watch {
            margin-top: 0 !important;
        }
    }
    div.anime_video_body_watch_items {
        margin: 0 !important;
    }
    div.anime_video_body > div[style="max-height:250px;overflow:hidden;"] {
        display: none !important;
    }
    
    div.anime-info {
        padding-bottom: 0;
    }
    
    /*
        Hide Episode Next/Prev
    */
    if hideEpisodeNavigator {
        div.anime_video_body_episodes {
            display: none !important;
        }
    }
    
    /*
        Adjust Server List
    */
    div.anime_video_body_episodes {
        margin-bottom: 20px;
    }
    div.anime_muti_link ul {
        margin-top: 3.5px !important;
    }
    div.ads_watch_top {
        display: none !important;
    }
    div.anime_muti_link ul li {
        margin: 0;
    }
    
    div.anime_muti_link ul li a {
        padding: 12.5px 0 0 10px;
        height: 40px;
    }
    div.anime_muti_link ul li a span {
        padding: 12.5px 10px 0 10px;
    }
    div.anime_muti_link ul li a i[class^="iconlayer-"] {
        margin-top: -2.5px;
    }
    
    /* Fix Problematic Server Icons */
    i.iconlayer-doodstream {
        background: url('../img/icon_player.png') no-repeat left top;
        background-position: left -359px;
    }
    i.iconlayer-streamsb {
        background: url('../img/icon_player.png') no-repeat left top;
        background-position: left -333px;
    }
    
    /* Copy Hover Highlight Fadeout from Related Episode Section */
    .anime_muti_link ul li a:hover span {
        transition: all 0s linear 0s;
    }
    .anime_muti_link ul li a span {
        transition: all 0.3s linear 0s;
    }
    
    /*
        Adjust Disqus Comments Section
    */
    div.anime_video_body_comment_name {
        padding-bottom: 0 !important;
    }
    
    /*
        Adjust Related Episode Section
    */
    section.content_left > div:nth-last-child(1 of .main_body) {
        padding-bottom: 10px !important;
    }
    
    ul#episode_related li {
        /* Subtracted 0.01px to Prevent Floating Point Jitter */
        width: "calc(calc(calc(100% - calc(10px * %s)) / %s) - 0.01px)" % ((episodeColumns - 1) episodeColumns);
        margin-left: 10px;
        height: 30px;
        margin-top: 0;
        margin-bottom: 10px;
    }
    ul#episode_related li:nth-child({episodeColumns}n+1) {
        margin-left: 0 !important;
    }
    
    /* Prevent Media Query CBT */
    for fuck in 2..7 {
        ul#episode_related li:nth-child({fuck}n+1) {
            margin-left: 10px;
        }
    }
    
    ul#episode_related li a {
        padding: 0 10px;
    }
    
    ul#episode_related li a:hover {
        /* Fix Slow Highlight*/
        transition-property: none !important;
    }
    
    /*
        Full Width Episode Paginator
    */
    ul#episode_page {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    /*
        Fix Episode Sub/Dub Divider
    */
    ul#episode_related li a div.name {
        width: unset;
    }
    ul#episode_related li a div.vien {
        position: absolute;
        right: 37.5px;
    }
    ul#episode_related li a div.cate {
        position: absolute;
        right: 10px;
    }
    
    
    /*
        Unfuck Recent Release Section
    */
    if ocelotMode {
        div#scrollbar2 li:last-of-type {
            margin-bottom: 0 !important;
        }
    } else {
        div#scrollbar2, div#scrollbar2 > div.viewport {
            width: unset !important;
            height: unset !important;
        }
        div#scrollbar2 ul {
            column-count: auto;
            column-width: 280px;
            column-gap: 16px;
            
            padding-bottom: 10px;
        }
        div#scrollbar2 li {
            break-inside: avoid !important;
        }
        div#scrollbar2 div.overview {
            width: 100%;
            position: relative;
        }
        div#scrollbar2 {
            margin-bottom: 0 !important;
        }
        section.content_right {
            /* Prevent Media Query CBT */
            display: block !important;
        }
        div.thumbnail-recent {
            margin-right: 10px !important;
        }
    }
    div#scrollbar2 {
        margin-bottom: 20px;
        margin-top: 20px !important;
    }
    div#scrollbar2 li {
        max-height: 60px !important;
        margin: 0 0 10px 10px !important;
        padding: 0 !important;
        if clipRecentTitles {
            white-space: nowrap !important;
            overflow: clip !important;
        }
        p.time_2 {
            margin: 0 !important;
            padding: 0.2em 0 0 !important;
        }
    }
    
    /*
        Rearrange Recent Release and Season Sections
    */
    unless ocelotMode {
        section.content_right > * {
            height: 100% !important;
            width: calc(100% - 300px - 20px);
            margin-bottom: 0 !important;
        }
        section.content_right > div:nth-last-child(1 of .main_body) {
            width: 300px;
            margin-left: 20px;
        }
        div#load_ads_2, section.content_right > div.headnav_center {
            display: none !important;
        }
        section.content_right > * > * {
            float: none !important;
...