/* ==UserStyle==
@name           ADN optimisé et personnalisable pour les écrans larges
@description    L'interface du site web ADN a été repensée pour offrir une expérience plus épurée et confortable sur ordinateur, avec des ajustements visuels qui s'adaptent à vos besoins.
@version        1.0.7
@author         BreatFR (https://breat.fr)
@namespace      https://breat.fr
@homepageURL    https://usercssjs.breat.fr/a/adn
@updateURL      https://code.breat.fr/a/adn/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		"Taille du texte"   				1.2rem
@var	checkbox	hidescrollbars	"Masquer les barres de défilement"	1
@var	checkbox	widemode		"Mode écran large"					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
ko-fi           https://ko-fi.com/breatfr
PayPal          https://paypal.me/breat
==/Support== */

@-moz-document domain("animationdigitalnetwork.com") {
/* ===================================================
	ADN
=================================================== */
    /* Versions */
    :root {
        --themeversion: 'Thème v1.0.7 by BreatFR (https://breat.fr)';
        --install: ' usercssjs.breat.fr/a/adn';
		--help: ' discord.gg/Q8KSHzdBxs';
        --support1: ' ko-fi.com/breatfr ';
        --support2: ' paypal.me/breat';
        --fontsize: fontsize;
    }

    @media screen and (min-width: 900px) {
		header > div:nth-of-type(1)::after,
		header > div:nth-of-type(1)::before {
            color: white;
			display: block;
            font-family: inherit;
            font-size: inherit;
			line-height: calc(71.27px / 2);
            pointer-events: none;
            position: absolute;
            text-align: center;
			top: 0;
            width: 100vw;
            white-space: pre-line;
            z-index: 9999;
		}
        header > div:nth-of-type(1)::after {
            content: var(--themeversion) '\A Aide: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
			left: -32%;
        }
		header > div:nth-of-type(1)::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);
            left: 22.5%;
        }
    }

	/* Custom font size */
	[data-testid="show-item"] h3,
    div:has(>[class="my-[16px] p-[16px] bg-darkBlue-800 rounded-[12px]"]),
    [data-testid="comment-container-text"],
	.jEEkBu,
	textarea,
    textarea[data-testid="comment-form-textarea"] {
        font-size: var(--fontsize)  !important;
        font-weight: normal !important;
        line-height: 1.5 !important;
    }
    .bxamNH,
    .fNOqCh,
    .jxmMQa,
    .kyfLlI, {
        font-size: calc(var(--fontsize) - .2rem) !important;
        font-weight: normal !important;
        line-height: 1.5 !important;
    }

	if hidescrollbars {
        *,
        :root ::-webkit-scrollbar {
            scrollbar-width: none !important;
            -ms-overflow-style: none !important;
            -moz-overflow-style: none !important;
            -webkit-overflow-style: none !important;
        }
        ::-webkit-scrollbar {
            display: none;
            width: 0;
        }
    }

    if widemode {
		header > div:nth-of-type(1)::after {
            left: -35%;
        }
		header > div:nth-of-type(1)::before {

            left: 25%;
        }

		[data-testid="menuContent"],
		footer > nav {
			max-width: 100% !important;
			padding: 0 !important;
			width: 100% !important;
		}


		[data-testid="main-content"],
 		[data-testid="main-content"] > div {
			overflow: visible !important;
		}
		[data-testid="free-show-list"],
 		[data-testid="Homeshowlist"],
		[data-testid="top-show-list"],
		[data-testid="userrecommendedshowlist"],
		[data-testid="Homeshowlist"],
		[data-testid="Homeshowlist"],
 		[data-testid="relatedshowlist"] {
			min-width: 90vw !important;
		}
		div:has(>[class="my-[16px] p-[16px] bg-darkBlue-800 rounded-[12px]"]) {
			min-width: 90vw !important;
		}
		div:has(>[class="my-[16px] p-[16px] bg-darkBlue-800 rounded-[12px]"]) > div {
			padding: 1em 2em;
		}
	}
}