/* ==UserStyle==
@name           betaseries responsive + customizations
@version        1.0.0
@description    betaseries website is more suitable for wide screens.
@author         BreatFR (https://breat.fr)
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/betaseries
@supportURL     https://discord.gg/Q8KSHzdBxs
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var    text        fontsize    "Custom font size"  1.2rem
@var    checkbox    noads       "No ads"            1
@var    checkbox    widemode    "Wide mode"         1
@downloadURL none
==/UserStyle== */

/* === Credits ===
Website         https://breat.fr
facebook        https://www.facebook.com/breatfroff
mastodon        https://mastodon.social/@breat_fr
telegram        https://t.me/breatfr
vk              https://vk.com/breatfroff
X (twitter)     https://x.com/breatfroff
=== Credits === */

@-moz-document domain("betaseries.com") {
    /* Custom font size */
    .blockInformations__synopsis {
        font-size: fontsize !important;
        line-height: 1.5;
    }
    
    /* Some border-radius on corners */
    .objectFitCover,
    .progressBarShow,
    .slide__image img,
    .slide__comment {
        border-radius: .5em;
    }
    
    if noads {
        body > div:nth-child(1),
        body > div:nth-child(2) {
            display: none !important;
        }
    }

    if widemode {
        body.reskin #contenu .wrapper.container,
        #top .container,
        .container,
        .container-profil {
            max-width: 100% !important;
            width: 100% !important;
        }
        body.layout-1320 .container-1320 {
            max-width: 100%;
            padding-left: 0;
            padding-right: 20px;
        }
        .blockInformations__details {
            text-align: center;
        }
        .blockInformations__details .listAvatars {
            justify-content: center;
        }
        
        body.reskin .grid-informations.informations-reskin {
            grid-template-columns: minmax(125px, 250px) 60% 1fr;
        }
    }
}