/**
 * Tema emas gelap — halaman member (bukan admin)
 */

html, body {
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
}

body {
	background: var(--bg-body) !important;
	background-color: #0D0B08 !important;
	background-attachment: fixed !important;
	color: #f5f0e6;
	min-height: 100vh;
}

/* Panel & section dengan var(--secondary-color) */
[style*="background-color:var(--secondary-color)"],
[style*="background-color: var(--secondary-color)"],
[style*="background: var(--secondary-color)"] {
	background: var(--bg-card) !important;
	border: 1px solid rgba(138, 110, 47, 0.18);
}

/* Konten utama var(--primary-color) */
[style*="background-color:var(--primary-color)"],
[style*="background-color: var(--primary-color)"] {
	background: var(--bg-panel) !important;
	border: 1px solid rgba(138, 110, 47, 0.12);
}

.form-control {
	background: linear-gradient(180deg, #322818 0%, #2A2218 100%) !important;
	border-color: var(--accent-gold-muted) !important;
	color: #f5f0e6 !important;
}

.form-control:focus {
	border-color: var(--accent-gold) !important;
	box-shadow: 0 0 0 2px rgba(184, 134, 11, 0.25) !important;
}

.form-control[readonly] {
	background: linear-gradient(180deg, #241e16 0%, #1F1914 100%) !important;
	color: #c9baa8 !important;
}

#right-column,
.active-menu-scroll,
.modal-backdrop {
	background: var(--bg-bar) !important;
}

#right-column {
	border-left: 1px solid rgba(201, 162, 39, 0.15);
}

/* Navbar mobile & bottom bar */
div[style*="background-color: var(--secondary-color)"][style*="position: fixed"],
div[style*="background-color:var(--secondary-color)"][style*="position: fixed"] {
	background: var(--bg-bar) !important;
	border-color: rgba(138, 110, 47, 0.2) !important;
}

/* Desktop navbar header area */
div[style*="background-color: var(--tertiary-color)"] {
	background: linear-gradient(90deg, #5C4A1E 0%, #8A6E2F 45%, #6B5624 100%) !important;
}

div[style*="background-color: var(--secondary-color)"][style*="min-height: 120px"] {
	background: var(--bg-panel) !important;
	border-bottom: 1px solid rgba(201, 162, 39, 0.12);
}

/* Ganti aksen merah tema ke emas gelap */
.circular-menu__icon,
.circular-menu__item {
	background: linear-gradient(145deg, #9A7B2F, #5C4A1E) !important;
}

.circular-menu__item:hover {
	color: #fff !important;
	background: linear-gradient(145deg, #C9A227, #8A6E2F) !important;
}

.circular-menu__item:active,
.circular-menu__item:focus {
	color: #fff !important;
	background: linear-gradient(145deg, #7A6225, #4A3B18) !important;
}

.show-opt {
	background: linear-gradient(to right, #5C4A1E, #14110c) !important;
}

.modal .modal-dialog {
	color: #1A1510;
}

/* Error / status merah tema → emas gelap */
.error-username,
.error-password,
.error-password_confirm,
.error-password-mobile,
.error-username-mobile,
.error-email,
.error-phone,
.error-bank_name,
.error-bank_account_number,
.error-bank_account_name,
.error-captcha,
.error-subject,
.error-message,
.error-check-mobile {
	color: #C9A227 !important;
}

a:hover {
	color: var(--accent-gold-light);
}

.tab-active {
	background-image: var(--gold-gradient-btn) !important;
	color: #fff !important;
}

.tab-nonactive {
	box-shadow: 0 0 0 1px var(--accent-gold-muted) inset !important;
	color: #f5f0e6 !important;
	background: rgba(26, 21, 16, 0.65) !important;
}

/* Bar section footer slot/casino */
div[style*="linear-gradient(to right, #070707, #BC9F00)"] {
	background: linear-gradient(to right, #14110c, #6B5624 55%, #8A6E2F) !important;
}

/* Scrollbar emas gelap */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: #14110c;
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #8A6E2F, #5C4A1E);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #C9A227, #8A6E2F);
}

.register-btn {
	background-image: var(--gold-gradient-btn) !important;
	color: #1A1510 !important;
}

span[style*="color:#e74c3c"] {
	color: #C9A227 !important;
}

table thead tr[style*="#494848"],
table thead tr {
	background: linear-gradient(180deg, #4A3B22 0%, #3D3220 100%) !important;
	color: #f5f0e6 !important;
}

tbody tr[style*="background-color: var(--secondary-color)"],
tbody tr[style*="var(--secondary-color)"] {
	background: rgba(26, 21, 16, 0.55) !important;
}

/* Modal QRIS deposit */
#qrisPaymentModal > div {
	background: var(--bg-panel) !important;
	border: 1px solid rgba(201, 162, 39, 0.35) !important;
}