:root {
    --mainBg: url('../img/main-bg.jpg');
    --appBarBg: linear-gradient(0deg, rgba(251,192,80,1) 0%, rgba(244,219,167,1) 40%);
    --profileBottom: url("../img/profile-img-bottom.jpg");

    /* ===== Scrollbar CSS ===== */
    --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;
}

.MuiToolbar-root *, 
.MuiDrawer-root .MuiPaper-root .MuiList-root * {
	color: #000000;
}
 
.MuiDrawer-root .MuiPaper-root .MuiList-root .Mui-selected {
	background-color: #000000;
	color: rgb(255, 186, 125) !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: #000000;
}

.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: #000000;
}

.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: #000000;
}

.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: #6b6b6b;
}

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

/* 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: royalblue !important;
	font-weight: bold !important;
}

/* logout */
a[href='/logOut'],
a[href='/logOut'] *,
a[href='/logOut'] > *,
.logOut,
* .logOut,
.logOut *,
.logOut > * {
	color: red !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;
} */