:root {
	--mainBg: url("../img/main-bg.jpg");
	--appBarBg: #26416e;
	--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;
}

.partner-container {
	height: 100dvh !important;
}

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

.MuiAppBar-root {
	border-bottom: 1px solid #ffffff
}

.MuiDrawer-root .MuiPaper-root {
	border-right: 1px solid #ffffff
}

.MuiToolbar-root *, 
.MuiDrawer-root .MuiPaper-root .MuiList-root * {
	color: #ffffff;
}
 
.MuiDrawer-root .MuiPaper-root .MuiList-root .Mui-selected {
	background-color: #ff982f;
	color: #ffffff !important;
}

.MuiDrawer-root .MuiPaper-root .MuiList-root .Mui-selected * {
	color: #ffffff !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: #ff982f !important;
	font-weight: bold !important;
}

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