:root {
	--mainBg: url("../img/main-bg.jpg");
	--appBarBg: linear-gradient(
		to bottom,
		rgb(0, 89, 144) 0%,
		rgb(36, 73, 104) 42%,
		rgb(18, 43, 82) 56%,
		rgb(1, 32, 68) 100%
	);
	--profileBottom: url("../img/profile-img-bottom.jpg");

	--scrollbar-track-bg: #ffffff;
	--scollbar-thumb-bg: #005990;
}

body {
	background: var(--mainBg) no-repeat center bottom fixed;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	position: relative;
}

body::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	pointer-events: none; /* Ensures the overlay doesn't block interactions */
	z-index: -1; /* Ensures it appears above the background but below other content */
}

body:has(.partner-container) {
	background: none;
}

.MuiAppBar-root,
.MuiDrawer-root .MuiPaper-root {
	background: var(--appBarBg);
	background-size: cover;
	background-position: center center;
}

.MuiToolbar-root *,
.MuiDrawer-root .MuiPaper-root .MuiList-root * {
	color: #ffffff;
}

.MuiDrawer-root .MuiPaper-root .MuiList-root .Mui-selected {
	background-color: #ffffff;
	color: #000000 !important;
}

.MuiDrawer-root .MuiPaper-root .MuiList-root .Mui-selected * {
	color: #000000 !important;
}

.MuiDrawer-root
	.MuiPaper-root
	.MuiList-root
	> *
	.MuiListItemButton-root:not(.Mui-selected):hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.MuiDrawer-root * {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.MuiDrawer-root *::-webkit-scrollbar {
	display: none;
}

.MuiDrawer-root .MuiToolbar-root.MuiToolbar-regular {
	padding-top: 30px;
}

.MuiToolbar-root {
	min-height: 0;
}

.member-container [class^="pg-"] {
	padding-top: 40px;
}

/* pg-profile  */
.pg-profile .MuiTabs-root .MuiTabs-indicator {
	background-color: #ffffff;
}

.pg-profile .redeem .MuiListItemText-root.debit > * {
	color: #008000;
}

.pg-profile .redeem .MuiListItemText-root.credit > * {
	color: #ff0000;
}

.pg-profile .profile-balance {
	background: var(--appBarBg);
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
}

.pg-profile .profile-balance .balance-stack {
	background-image: url(../img/pointer.gif);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.pg-profile .profile-bank-info {
	background: var(--appBarBg);
	background-position: center center;
	background-size: inherit;
}

.pg-profile .profile-bank-info,
.pg-profile .profile-bank-info * {
	color: #ffffff;
}

.pg-profile .profile-card {
	background-image: var(--profileBottom);
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 15px;
}

.pg-profile .MuiTabs-root .MuiButtonBase-root.MuiTab-root {
	color: #b1b1b1;
}

.pg-profile .MuiTabs-root .MuiButtonBase-root.MuiTab-root.Mui-selected {
	color: #ffffff;
}

/* pg-report */
.pg-report .MuiListItemButton-root:nth-of-type(1) {
	background-color: green;
}

.pg-report .MuiListItemButton-root:nth-of-type(1) > *,
.pg-report .MuiListItemButton-root:nth-of-type(1) * {
	color: #ffffff;
}

/* invitation */
* > .qrIvt_title,
* > .qrIvt_title > *,
* .qrIvt_title *,
.qrIvt_title * {
	color: #29e2f3 !important;
	font-weight: bold !important;
}

/* logout */
a[href="/logOut"],
a[href="/logOut"] *,
a[href="/logOut"] > *,
.logOut,
* .logOut,
.logOut *,
.logOut > * {
	color: red !important;
}

:host::ng-deep ngx-turnstile iframe {
	width: 90% !important;
	height: 65px !important;
	display: block !important;
}

/* scrollbar */
/* * {
	scrollbar-width: auto;
	scrollbar-color: var(--scollbar-thumb-bg) var(--scrollbar-track-bg);
}

*::-webkit-scrollbar {
	width: 16px;
}

*::-webkit-scrollbar-track {
	background: var(--scrollbar-track-bg);
}

*::-webkit-scrollbar-thumb {
	background-color: var(--scollbar-thumb-bg);
	border-radius: 10px;
	border: 3px solid #ffffff;
} */