/* ==UserStyle==
@name           INSTANT-GAMING optimized & customizable for wide screens
@version        1.0.0
@description    The INSTANT-GAMING website interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
@author         BreatFR (https://breat.fr)
@namespace      https://breat.fr
@homepageURL    https://usercssjs.breat.fr/i/instant-gaming
@updateURL      https://code.breat.fr/i/instant-gaming/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    fulldesc    		"Full description"  	1
@var    checkbox    hidecategories		"Hide categories"		0
@var	checkbox	hidefeedbacks		"Hide feedbacks"		0
@var	checkbox	hideplayerfeedbacks	"Hide player feedbacks"	0
@var	checkbox	hidehighlights		"Hide highlights"		0
@var	checkbox	hideindies			"Hide indies"			0
@var	checkbox	hidenews			"Hide news"				0
@var	checkbox	hidepromo			"Hide promo"			0
@var    checkbox    hidetopbanner		"Hide top banner"   	0
@var    checkbox    hidetrust   		"Hide Trustpilot"   	0
@var    checkbox    hidescrollbars		"Hide scrollbars"		1
@var    checkbox    hidevideos 			"Hide videos"       	0
@var    checkbox    largevideos			"Large videos"      	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
ko-fi           https://ko-fi.com/breatfr
PayPal          https://paypal.me/breat
==/Support== */

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

    @media (min-width: 900px) {
		body::after,
		body::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: 1.2rem;
			line-height: calc(80px / 2);
            pointer-events: none;
            position: absolute;
            text-align: center;
			top: 0;
            width: auto;
			white-space: pre-line;
			z-index: 9999;
		}

		body::after {
            content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
			left: -60%;
			visibility: visible !important;
        }

		body::before {
			content: 'Install & Infos: ' url("https://code.breat.fr/share/images/icons/breat.fr.png") var(--install) '\ASupport 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: 8%;
		}
	}

    /* Custom font size */
	nav *,
	.about *,
	.boost,
	.description > div:nth-of-type(2) *,
 	.editions *,
 	.hardspecs-container > div:nth-of-type(2) *,
	.affiliation-link *,
	.ig-profile-info-date,
	.ig-tabs,
	.purchases *,
	.readable,
	.text,
	.user-amount,
 	.user-profile-tabs,
	.user-profile-settings,
 	.user-widget {
		font-size: fontsize !important;
		line-height: 1.5 !important;
	}

	if hidecategories {
		.categories-container {
			display: none;
		}
	}

	if hidehighlights {
		.highlights-container {
			display: none;
		}
	}

	if hidefeedbacks {
		.homepage-feedbacks {
			display: none !important;
		}
	}

	if hideplayerfeedbacks {
		.reviews-panel {
			display: none;
		}
	}

	if hideindies {
		.indies-container {
			display: none;
		}
	}

	if hidenews {
		.home-news {
			display: none;
		}
	}

	if hidepromo {
		.promo-container {
			display: none;
		}
	}

	if fulldesc {
		.description.expandable:not(.expanded) .text {
			display: flex !important;
			flex-direction: column;
			height: auto !important;
			max-height: unset !important;
			overflow: auto !important;
		}
		.button-expand,
 		.expander-click {
			display: none !important;
			pointer-events: none !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 hidetopbanner {
		.top-banner {
			display: none;
		}
		.products-trending {
			margin-top: 9em;
		}
	}

	if hidetrust {
		.trust-panel {
			display: none;
		}
	}

	if hidevideos {
		video {
			display: none !important;
		}
	}

	if largevideos {
		video {
			width: 100%;
		}
	}

    if widemode {
		/* Menu */
		.menu,
		.product-menu {
			min-width: 590px;
			width: auto !important;
		}

		/* Home */
		.headline,
        .main-content > section,
		.home-news {
			max-width: 100%;
		}

		/* Titles */
		.headline {
			justify-content: center;
		}

		/* Products */
		#product-app > article {
			max-width: 100%;
		}
		.product-container .content .panel-container .data .presentation {
			height: auto !important;
			flex: 0 0 50%;
		}
		.product-container .content .panel-container .data .presentation .banner img {
			max-width: 100%;
		}
		.details > div {
			flex: 0 0 50% !important;
		}

		/* Medias */
		.screenshots {
			display: flex !important;
			flex-flow: wrap;
			gap: 1em !important;
			justify-content: space-evenly;
			width: 100%;
		}
		.screenshots a {
			display: flex;
			flex: 0 0 calc(33.33% - 10px);
		}
		.screenshots a picture {
			height: auto;
			width: 100%;
		}

		/* Profile */
		.profile-container {
			max-width: 100%;
		}
		.ig-profile-sociallinks {
			gap: 1em !important;
		}
		.ig-profile-sociallinks a {
			width: 60px !important;
		}
    }
}