/*  ==UserStyle==
@name           blahblahblah
@namespace      github.com/openstyles/stylus
@version        0.0.4
@description    font revert & website debloat - you WILL encounter anomalies. made with hate for roblox.
@author         SleepyMarto
@preprocessor   stylus
==/UserStyle==  */
@-moz-document domain("roblox.com") {

	/*  sizes & font fixes  */
	* {
		font-family: HCo Gotham SSm, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif !important;
	}
	.game-card-container,
	.game-card-name {
		font-weight: 500 !important;
	}
	.friends-carousel-tile-experience,
	.friends-carousel-display-name {
		font-weight: 500 !important;
	}
	.friend-tile-dropdown {
		font-weight: 250;
	}

	/*  this shit ain't working
    .friend-tile-dropdown-button,
    .icon.icon-chat-gray, 
    .icon.icon-viewdetails {
        word-wrap: break-word;
    }    */
	/*  making the chat look better  */
	#chat-main.chat-main,
	.chat-friend-list .chat-friend-info .chat-friend-name {
		font-size: 0.87em !important;
	}
	.chat-windows-header .chat-header-label span {
		font-weight: bold !important;
		align-content: left;
		text-align: left;
	}
	.hover.dialog-header.chat-windows-header > .chat-header-label {
		margin-left: 0px;
		margin-top: 0px;
	}


	/*  bringing back the old website's background color  */
	html,
	.expand-home-content.home-game-grid.game-grid,
	.games-carousel-page,
	.section,
	.react-friends-carousel-container,
	.game-home-page-container,
	.content-no-ads.container-main,
	content.content,
	container-main.content-no-ads.container-main,
	wrap.logged-in.no-gutter-ads.wrap,
	#games-carousel-page,
	#avatar-web-app,
	.content#content,
	.catalog-heading-container,
	.catalog-heading-container > .topic-container > .topic-carousel,
	#catalog-react-page .search-bars {
		background: rgb(25, 26, 31);
	}
	.catalog-header {
		position: sticky;
	}


	/*  old join button colors  */
	.btn-growth-sm.btn-full-width,
	.btn-common-play-game-lg.btn-primary-md.btn-full-width,
	.web-blox-css-tss-lo77dr-Button-contained,
	.btn-min-width.btn-growth-xs.notif-row-right-button,
	.game-btn.btn-primary-xs.btn-growth-xs {
		background-color: rgb(0, 169, 119);
	}
	.btn-growth-sm.btn-full-width:hover,
	.web-blox-css-tss-lo77dr-Button-contained:hover {
		background-color: rgb(0, 189, 139);
		transition: 0.3s;
	}
	/*  shop buttons  */
	.shopping-cart-buy-button.btn-growth-lg.PurchaseButton,
	.action-button.batch-buy-purchase-button.btn-growth-lg.btn-min-width,
	.btn-growth-md.buy-robux {
		background-color: rgb(0, 169, 119);
	}
	span.cart-number {
		background-color: rgb(0, 169, 119);
		border-radius: 10px;
	}


	/*  scaled down the conntent of the pages because it was just too big..  */
	.content {
		padding: 0;
		transform: scale(97%);
	}
	#content.content {
		padding: 0;
	}


	/*  bloat on the bottom of the page  */
	.container-footer,

	/*  events, recommended and sponsored experiences  */
	.game-sort-carousel-wrapper:nth-of-type(2),
	/*.game-sort-carousel-wrapper:nth-of-type(3),*/
	.game-sort-carousel-wrapper:nth-of-type(4),
	.game-sort-carousel-wrapper:nth-of-type(5),
	.game-home-page-container > div > div > .container-header > h2,
	.expand-home-content.wide-game-tile-game-grid.home-game-grid.game-grid,


	/*  events  */
	.rbx-platform-event-container,
	.css-3433a0-heroUnitContainer,

	/*  self profile above the navbar  */
	#navigation > ul,

	/*  new recently visited places in search  */
	.search-landing-container,
	.search-overlay.search-overlay-show,

	/*  bloaty buttons in navbar (giftcards, premium, trade, friends, roblox official shop, blog & blog posts)  */
	#nav-giftcards,
	#nav-trade,
	#nav-friends,
	#nav-home,
	#nav-shop,
	#upgrade-now-button,
	#nav-blog,
	#btr-blogfeed,
	.btr-nav-sidebar_premium.btr-nav-node-sidebar_premium > .text-nav.dynamic-overflow-container {
		display: none;
	}

	/*  ignore  */
	.alert,
    .friends-carousel-title > div.friends-carousel-title-title {
		display: none;
	}


	/*  changing "Cpmmunities" back to "Groups"  */
	#nav-group > .dynamic-ellipsis-item.font-header-2 {
		visibility: hidden;
	}
	#nav-group > .dynamic-ellipsis-item.font-header-2:after {
		content: 'Groups';
		display: block;
		visibility: visible;
		line-height: initial;
		margin-top: -20px;
		padding-top: 0px;
	}


	/*  will be replacing all 'Communities' with 'Groups' in /communitues (won't be released anytime soon)  */
	/*  buttons stuff  */
	/*  button.ng.binding,
    h1.ng-binding {
        visibility: hidden;
    }
    button.btn-secondary-md.create-group-button.ng-binding:after,
    h1.ng-binding:after {
        content: 'Groups';
        line-height: initial;
        display: block;
        visibility: visible;
    }  */
}