/*-------------------------------------------------------------------------*/
/* Left sideboxes: widen the WHOLE page container (header/content/footer/slider)
   so left + middle + right keep original pixel widths (4+8+4 of old 12-col).
/*-------------------------------------------------------------------------*/
@media (min-width: 992px) {
	body.has-left-sideboxes .container {
		max-width: 1280px !important; /* 960 * 16/12 */
	}

	body.has-left-sideboxes .section-slider {
		--slider-width: 1280px;
	}

	body.has-left-sideboxes .section-content > .container > .row > #sidebar-left,
	body.has-left-sideboxes .section-content > .container > .row > #right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25% !important;
		width: 25% !important;
		max-width: 25% !important;
	}

	body.has-left-sideboxes .section-content > .container > .row > #left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
	}
}

@media (min-width: 1200px) {
	body.has-left-sideboxes .container {
		max-width: 1520px !important; /* 1140 * 16/12 */
	}

	body.has-left-sideboxes .section-slider {
		--slider-width: 1520px;
	}
}

@media (min-width: 1400px) {
	body.has-left-sideboxes .container {
		max-width: 1760px !important; /* 1320 * 16/12 */
	}

	body.has-left-sideboxes .section-slider {
		--slider-width: 1760px;
	}
}

/*-------------------------------------------------------------------------*/
/* Account card dropdown — open exactly under the whole .mbar card
/*-------------------------------------------------------------------------*/
.mbar {
	position: relative !important;
	overflow: visible !important;
}

.nav-item--mbar,
.navbar-nav--account,
.header .navbar .navbar-nav--account,
.header .navbar .header-nav-row {
	overflow: visible !important;
}

/* Static so absolute menu anchors to .mbar, not the tiny toggle wrapper */
.mbar__dropdown.dropdown {
	position: static !important;
	flex: 0 0 auto;
	align-self: center;
	display: flex;
	align-items: center;
}

.mbar__menu-toggle {
	display: grid !important;
	place-items: center;
	width: 26px;
	height: 26px;
	padding: 0 !important;
	border-radius: 6px;
	border: 1px solid rgba(115, 109, 98, 0.35) !important;
	background: #111117 !important;
	color: #8a8378 !important;
	font-size: 0.65rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: none !important;
}

.mbar__menu-toggle::after {
	display: none !important;
}

.mbar__menu-toggle:hover,
.mbar__menu-toggle:focus,
.mbar__menu-toggle.show {
	color: #d5c698 !important;
	border-color: rgba(179, 162, 110, 0.45) !important;
	background: #16161e !important;
}

/* Force visible menu under the full account card */
.mbar .dropdown-menu,
.mbar .dropdown-menu.show,
.mbar .dropdown-menu[data-bs-popper],
.header .navbar .navbar-nav .nav-item--mbar .mbar .dropdown-menu,
.header .navbar .navbar-nav--account .mbar .dropdown-menu {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: 0 !important;
	bottom: auto !important;
	float: none !important;
	transform: none !important;
	translate: none !important;
	width: 100% !important;
	min-width: 100% !important;
	margin: 0.25rem 0 0 0 !important;
	padding: 0.4rem !important;
	z-index: 2000 !important;
	display: none;
	border-radius: 8px !important;
	border: 1px solid rgba(115, 109, 98, 0.4) !important;
	background: linear-gradient(165deg, rgba(51, 49, 45, 0.98) 0%, rgba(22, 20, 18, 0.99) 100%) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
	pointer-events: auto !important;
}

.mbar .dropdown-menu.show,
.mbar .dropdown-menu[data-bs-popper].show,
.header .navbar .navbar-nav .nav-item--mbar .mbar .dropdown-menu.show,
.header .navbar .navbar-nav--account .mbar .dropdown-menu.show {
	display: block !important;
}

.mbar .dropdown-menu .dropdown-item {
	color: #d7d0c4 !important;
	border-radius: 6px;
	padding: 0.45rem 0.7rem !important;
	font-size: 0.82rem !important;
	font-weight: 600;
	background: transparent !important;
}

.mbar .dropdown-menu .dropdown-item:hover,
.mbar .dropdown-menu .dropdown-item:focus {
	color: #ebe3cf !important;
	background: #111117 !important;
}