/* =====================================================
   SAK Mall — Sidebar Override (Inter + Modern Blue)
   Designed to match the refreshed Dashboard UI.
   ===================================================== */

/* ---- Import Inter Font ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ---- Aside Background ---- */
.aside {
	background: linear-gradient(180deg, #0b1e3d 0%, #0f2847 40%, #0a1f3a 100%) !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
	border-right: 1px solid rgba(255,255,255,0.04);
}

/* ---- Brand Area ---- */
.brand {
	background: transparent !important;
	border-bottom: 1px solid rgba(255,255,255,0.06) !important;
	padding: 1.15rem 1.5rem !important;
}

.brand .brand-logo {
	font-family: 'Inter', sans-serif !important;
	font-size: 1.3rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

/* Toggle Icon */
.brand .brand-toggle .svg-icon svg g [fill] {
	fill: rgba(255,255,255,0.4) !important;
}

.brand .brand-toggle:hover .svg-icon svg g [fill] {
	fill: rgba(255,255,255,0.8) !important;
}

/* ---- Menu Section Headers ---- */
.aside-menu .menu-nav > .menu-section {
	margin: 1.35rem 0 0.35rem 0 !important;
	padding: 0 1.5rem !important;
}

.aside-menu .menu-nav > .menu-section .menu-text {
	font-family: 'Inter', sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: rgba(148, 196, 255, 0.45) !important;
}

.aside-menu .menu-nav > .menu-section .menu-icon {
	display: none !important;
}

/* ---- Menu Items ---- */
.aside-menu .menu-nav > .menu-item {
	margin: 1px 0 !important;
}

.aside-menu .menu-nav > .menu-item > .menu-link {
	padding: 0.65rem 1.5rem !important;
	border-radius: 0 !important;
	margin: 0 0.6rem !important;
	border-radius: 10px !important;
	transition: all 0.2s ease !important;
}

/* Icon Colors */
.aside-menu .menu-nav > .menu-item > .menu-link .svg-icon svg g [fill] {
	fill: rgba(255,255,255,0.35) !important;
	transition: fill 0.2s ease !important;
}

/* Menu Text */
.aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
	font-family: 'Inter', sans-serif !important;
	font-size: 0.92rem !important;
	font-weight: 500 !important;
	color: rgba(255,255,255,0.6) !important;
	transition: color 0.2s ease !important;
	letter-spacing: 0.01em !important;
}

/* ---- Hover State ---- */
.aside-menu .menu-nav > .menu-item:not(.menu-item-active) > .menu-link:hover {
	background: rgba(255,255,255,0.05) !important;
}

.aside-menu .menu-nav > .menu-item > .menu-link:hover .menu-text {
	color: rgba(255,255,255,0.95) !important;
}

.aside-menu .menu-nav > .menu-item > .menu-link:hover .svg-icon svg g [fill] {
	fill: rgba(255,255,255,0.7) !important;
}

/* ---- Active State ---- */
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
	background: linear-gradient(135deg, rgba(59,130,246,0.2) 0%, rgba(37,99,235,0.12) 100%) !important;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
	color: #ffffff !important;
	font-weight: 600 !important;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .svg-icon svg g [fill] {
	fill: #60a5fa !important;
}

/* ---- Scrollbar ---- */
.aside-menu-wrapper::-webkit-scrollbar {
	width: 4px;
}

.aside-menu-wrapper::-webkit-scrollbar-track {
	background: transparent;
}

.aside-menu-wrapper::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,0.1);
	border-radius: 4px;
}

.aside-menu-wrapper::-webkit-scrollbar-thumb:hover {
	background: rgba(255,255,255,0.2);
}

/* ---- Mobile Header ---- */
.header-mobile {
	background: #0b1e3d !important;
	border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* ---- Topbar refresh ---- */
#kt_header .topbar {
	font-family: 'Inter', sans-serif;
}

/* ---- Content area font ---- */
.content {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}