/* ==UserStyle==
@name           betaseries optimized & customizable for wide screens
@description    betaseries interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
@version        1.0.3
@author         BreatFR (https://breat.fr)
@namespace      https://breat.fr
@homepageURL    https://usercssjs.breat.fr/b/betaseries
@updateURL      https://code.breat.fr/b/betaseries/css/pc.user.css
@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    hideads       		"Hide ads"          1
@var    checkbox    hidescrollbars      "Hide scrollbars"	1
@var    checkbox    widemode    		"Wide mode"         1
==/UserStyle== */

/* ==Credits==
Website         https://breat.fr
Bluesky			https://bsky.app/profile/breatfroff.bsky.social
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== */

/* ==Support==
brave Creators  https://publishers.basicattentiontoken.org/c/breatfr
Buy me a coffee https://buymeacoffee.com/breatfr
Ko-fi           https://ko-fi.com/breatfr
PayPal          https://paypal.me/breat
==/Support== */

@-moz-document domain("betaseries.com") {
/* ======================================
	betaseries
====================================== */
	/* Versions */
    :root {
        --themeversion: 'Theme v1.0.3 by BreatFR (https://breat.fr)';
        --install: ' usercssjs.breat.fr/b/betaseries';
		--help: ' discord.gg/Q8KSHzdBxs';
        --support1: ' ko-fi.com/breatfr ';
        --support2: ' paypal.me/breat';
    }

    @media screen and (min-width: 900px) {
        #js-menu-aim::after,
		#js-menu-aim::before {
			color: #ffffff;
			display: block;
            font-family: inherit;
            font-size: 1.2rem;
			line-height: calc(70px / 2);
            pointer-events: none;
            position: absolute;
            text-align: center;
			top: 0;
			transition: left .3s ease, right .3s ease;
            width: auto;
            white-space: pre-line;
            z-index: 9999;
		}
        #js-menu-aim::after {
            content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
			left: 43%;
        }
		#js-menu-aim::before {
            content: 'Install & Infos: ' url("https://code.breat.fr/share/images/icons/breat.fr.png") var(--install) '\A Support me: ' url("https://code.breat.fr/share/images/icons/ko-fi.png") var(--support1) ' · ' url("https://code.breat.fr/share/images/icons/paypal.png") var(--support2);
            right: 13%;
        }
    }

    /* Custom font size */
	a,
	button,
	div,
	input,
	label,
	li,
	optgroup,
	p,
	select,
	span,
	textarea,
	.sidebar a {
        font-size: fontsize !important;
        line-height: 1.5 !important;
    }

    /* Some border-radius on corners */
    .objectFitCover,
    .progressBarShow,
    .slide__image img,
    .slide__comment {
        border-radius: .5em;
    }

    if hideads {
        body > div:nth-child(1),
        body > div:nth-child(2) {
            display: none !important;
        }
    }

	if hidescrollbars {
		* {
			scrollbar-width: 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;
        }
        .gridSidebarContentAsideMovies,
        .gridSidebarContentAsideSeries {
            grid-template-columns: 300px repeat(auto-fill, minmax(0, calc(100% - 300px)));
        }
        .grid-informations.informations-reskin {
            grid-template-columns: minmax(125px, 250px) 65% 1fr;
        }
		[class*="sd-cmp"] {
			width: auto;
		}
    }
}