/* ==UserStyle==
@name           Netflix optimized & customizable for wide screens
@description    Netflix website interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
@version        1.0.0
@author         BreatFR (https://breat.fr)
@namespace      https://breat.fr
@homepageURL    https://usercssjs.breat.fr/n/netflix
@updateURL      https://code.breat.fr/n/netflix/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    hidegames   		"Hide games"        		1
@var	checkbox	hidescrollbars		"Hide scrollbars"			1
@var    checkbox    hidetopbanner  		"Hide top banner"        	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("netflix.com") {
/* ===================================
    Netflix
=================================== */
    /* Versions */
    :root {
        --themeversion: 'Theme v1.0.0 by BreatFR (https://breat.fr)';
        --install: ' usercssjs.breat.fr/n/netflix';
		--help: ' discord.gg/Q8KSHzdBxs';
        --support1: ' ko-fi.com/breatfr ';
        --support2: ' paypal.me/breat';
    }

    @media (min-width: 900px) {
		.detail-modal {
			z-index: 2;
		}
		.actions::after,
		.actions::before,
		.main-header::after,
		.main-header::before {
            background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
            background-clip: text;
            color: transparent;
			display: block;
            font-family: inherit;
            font-size: inherit;
			line-height: calc(70px / 2);
            pointer-events: none;
            position: absolute;
            text-align: center;
			top: 0;
            width: auto;
            white-space: pre-line;
            z-index: 2;
		}

		.main-header::after {
            content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
			left: 51.5%;
        }
		.main-header::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: 15%;
        }
	}

	/* Custom font size */
	.tabbed-primary-navigation,
	.detail-modal * {
		font-size: fontsize !important;
		line-height: 1.5 !important;
	}

	/* Fix hime cursor */
	[href="/browse"]:hover {
		cursor: pointer !important;
	}

	if hidescrollbars {
		* {
			scrollbar-width: none !important;
		}
	}

    if hidegames {
        [data-list-context*="games"],
 		li:has([href="/games"]) {
            display: none !important;
        }
    }

	if hidetopbanner {
		.volatile-billboard-animations-container {
            display: none !important;
        }
	}

	if widemode {
		[data-uia="modal-motion-container-DETAIL_MODAL"],
 		.boxart-container,
 		.titleCard--container {
			border-radius: 1em;
		}
		.previewModal--info {
			border-radius: 0 0 1em 1em;
		}
		[data-uia="modal-motion-container-DETAIL_MODAL"] {
			border-radius: 1em;
			height: 90vh !important;
			left: 0 !important;
			margin: 5vh 5vw !important;
			max-height: 90vh !important;
			min-height: 90vh !important;
			overflow: auto;
			padding-bottom: 0 !important;
			position: fixed !important;
			top: 0 !important;
			transform: none !important;
			width: 90vw !important;
		}
	}
}

@-moz-document url-prefix("https://help.netflix.com/") {
/* =====================================================
	Netflix Help
===================================================== */
	/* Version */
	@media (min-width: 900px) {
		.actions::after,
		.actions::before {
			line-height: calc(66px / 2);
		}

		.actions::after {
            content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
			left: 25%;
        }
		.actions::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: 15%;
        }
	}

	if widemode {
		#topics-section,
		#categories-placeholder,
		#categories-placeholder > div {
			max-width: 100% !important;
		}
		#categories-placeholder {
			min-height: 0 !important;
		}
		#categories-placeholder > div {
			align-items: flex-start;
			display: flex;
			flex-flow: wrap;
			justify-content: space-evenly;
		}
	}
}