/* ==UserStyle==
@name           AlternativeTo optimized & customizable for wide screens
@description    AlternativeTo website interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
@version        1.0.7
@author         BreatFR (https://breat.fr)
@namespace      https://breat.fr
@homepageURL    https://usercssjs.breat.fr/a/alternativeto
@updateURL      https://code.breat.fr/a/alternativeto/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    	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
ko-fi           https://ko-fi.com/breatfr
PayPal          https://paypal.me/breat
==/Support== */

@-moz-document domain("alternativeto.net") {
/* =========================================
	AlternativeTo
========================================= */
    /* Versions */
    :root {
        --themeversion: 'Theme v1.0.7 by BreatFR (https://breat.fr)';
        --install: ' usercssjs.breat.fr/a/alternativeto';
        --help: ' discord.gg/Q8KSHzdBxs';
        --support1: ' ko-fi.com/breatfr ';
        --support2: ' paypal.me/breat';
    }
    @media screen and (min-width: 900px) {
        [data-testid="headerLinks"]::after,
		[data-testid="headerLinks"]::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(58px / 2);
            pointer-events: none;
            position: absolute;
            text-align: center;
			top: calc(var(--spacing) * 4);
            width: 100vw;
            white-space: pre-line;
            z-index: 9999;
		}
        [data-testid="headerLinks"]::after {
            content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
			left: -10%;
        }
		[data-testid="headerLinks"]::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: 15%;
        }
	}

    if hideads {
		#alternatives-heading.sr-only,
		div[class*="ad-lg"],
		[style="min-height:280px"]:has([data-testid="adsense-wrapper"]),
		[style="min-height:280px"] + .spacer-8,
        [data-testid="adsense-wrapper"],
		.bannerLink,
		.border-t-brandLight6,
        .GamAds_food__Gas_2,
        .in-list,
        .spacer-6,
        .spacer-12,
        .spacer-16,
        li:has([data-testid="adsense-wrapper"]),
 		li.w-full.py-6 {
            display: none !important;
        }
    }

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

    body {
        overflow-x: hidden;
    }

	if widemode {
		[class="grid grid-cols-[10%_58%_32%] md:grid-cols-[6%_48%_46%] lg:grid-cols-[22%_38%_40%] xl:grid-cols-[20%_36%_44%] gap-x-0 gap-y-0 items-center min-h-[58px] px-3 xl:px-3.5"] {
			grid-template-columns: 220px auto auto !important;
		}
		[class="grid grid-cols-[10%_58%_32%] md:grid-cols-[6%_48%_46%] lg:grid-cols-[22%_38%_40%] xl:grid-cols-[20%_36%_44%] gap-x-0 gap-y-0 items-center min-h-[58px] px-3 xl:px-3.5"] > span {
			margin-right: auto;
			width: auto;
		}
		nav {
			flex-wrap: wrap;
			gap: .5em;
			margin-right: 0;
		}
		nav > span {
			display: none;
		}
		nav a {
			flex-basis: 33%;
			width: auto;
			white-space: nowrap;
		}
		nav a:nth-of-type(1),
		nav a:nth-of-type(3) {
			border-right: 1px solid white;
		}

		.container,
		.max-w-7xl,
		.wide-container {
			max-width:100%;
			width: 100%;
		}
		.HeaderLinks_header__Ia2QY {
			max-width:100%;
			margin-left: 10px;
			margin-right: 10px;
			width: 100%;
		}
		.PageIntroImage_a2-header-left__jKwJJ {
			margin-left: 10%;
		}
		[class="lg:px-8"] {
			padding-inline: 0;
		}
		.react-tiny-popover-container {
			left: auto !important;
			right: 0 !important;
			top: 69px !important;
			transform: none !important;
		}

		div[style="display: flex; justify-content: center; margin: 12px auto;"] {
			margin: 0 !important;
		}
		li.py-6 {
			padding-block: 0;
		}

		/* Browse All Apps page */
		[class="flex flex-col lg:flex-row gap-8 lg:gap-6 w-full max-w-6xl mx-auto"] {
			max-width:100%;
		}

		/* List page*/
		[class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"] {
			grid-auto-rows: auto !important;
		}
		.commonBoxList {
			height: fit-content !important;
		}
		[class="grid grid-rows-[auto_1fr] text-inherit h-full"] {
			height: auto !important;
		}
		img[style="width: 320px; height: 160px;"] {
			height: auto !important;
			width: 100% !important;
		}
	}
}