/* Boststar: sidebar pro v2 - tuiles "glass" + icons gradient (2 lwan), page active b gradient kamel */
.body .component-sidebar__menu-item-link {
	--c1: #a78bfa; --c2: #6366f1; --glow: 139, 92, 246;
	position: relative; padding-block: 7px !important; letter-spacing: .1px;
}
.body .component-sidebar__menu-item-link[href="/updates"]      { --c1: #f472b6; --c2: #db2777; --glow: 236, 72, 153; }
.body .component-sidebar__menu-item-link[href="/"]             { --c1: #4ade80; --c2: #059669; --glow: 34, 197, 94; }
.body .component-sidebar__menu-item-link[href="/services"]     { --c1: #60a5fa; --c2: #4f46e5; --glow: 59, 130, 246; }
.body .component-sidebar__menu-item-link[href="/premium"]      { --c1: #fde047; --c2: #f59e0b; --glow: 245, 158, 11; }
.body .component-sidebar__menu-item-link[href="/orders"]       { --c1: #c084fc; --c2: #7c3aed; --glow: 168, 85, 247; }
.body .component-sidebar__menu-item-link[href="/addfunds"]     { --c1: #34d399; --c2: #0d9488; --glow: 16, 185, 129; }
.body .component-sidebar__menu-item-link[href="/tickets"]      { --c1: #fdba74; --c2: #ea580c; --glow: 249, 115, 22; }
.body .component-sidebar__menu-item-link[href="/api"]          { --c1: #67e8f9; --c2: #0284c7; --glow: 6, 182, 212; }
.body .component-sidebar__menu-item-link[href="/blog"]         { --c1: #fda4af; --c2: #e11d48; --glow: 244, 63, 94; }
.body .component-sidebar__menu-item-link[href="/refer"]        { --c1: #5eead4; --c2: #0f766e; --glow: 20, 184, 166; }
.body .component-sidebar__menu-item-link[href="/massorder"]    { --c1: #a5b4fc; --c2: #4338ca; --glow: 99, 102, 241; }
.body .component-sidebar__menu-item-link[href="/child-panels"] { --c1: #7dd3fc; --c2: #0369a1; --glow: 14, 165, 233; }
.body .component-sidebar__menu-item-link[href="/rewards"]      { --c1: #fef08a; --c2: #ca8a04; --glow: 234, 179, 8; }
.body .component-sidebar__menu-item-link[href="/giftcards"]    { --c1: #f0abfc; --c2: #a21caf; --glow: 217, 70, 239; }

/* tuile glass */
.body .component-sidebar__menu-item-link .sidebar-block__menu-item-icon {
	width: 40px !important; height: 40px !important; flex: 0 0 40px; border-radius: 13px !important;
	display: inline-grid !important; place-items: center;
	background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .02)) !important;
	border: 1px solid rgba(255, 255, 255, .09);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 6px 14px -10px rgba(0, 0, 0, .8);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
/* icon b gradient */
.body .component-sidebar__menu-item-link .sidebar-block__menu-item-icon > span,
.body .component-sidebar__menu-item-link .sidebar-block__menu-item-icon > i {
	font-size: 17px !important; line-height: 1 !important; width: auto !important; height: auto !important; margin: 0 !important;
	background: linear-gradient(135deg, var(--c1), var(--c2)) !important;
	-webkit-background-clip: text !important; background-clip: text !important;
	-webkit-text-fill-color: transparent; color: transparent !important;
}
.body .component-sidebar__menu-item-link:hover { background: rgba(255, 255, 255, .04) !important; color: #fff !important; }
.body .component-sidebar__menu-item-link:hover .sidebar-block__menu-item-icon {
	transform: translateY(-1px);
	border-color: rgba(var(--glow), .45);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 10px 22px -10px rgba(var(--glow), .9);
}

/* page li nta fiha */
.body .component-sidebar__menu-item-link.is-active {
	background: linear-gradient(90deg, rgba(var(--glow), .16), rgba(var(--glow), 0) 85%) !important;
	color: #fff !important; font-weight: 600 !important; box-shadow: none !important;
}
.body .component-sidebar__menu-item-link.is-active::before {
	content: ""; position: absolute; inset-inline-start: -6px; top: 12px; bottom: 12px; width: 3px; border-radius: 3px;
	background: linear-gradient(180deg, var(--c1), var(--c2)); box-shadow: 0 0 14px rgba(var(--glow), .9);
}
.body .component-sidebar__menu-item-link.is-active .sidebar-block__menu-item-icon {
	background: linear-gradient(135deg, var(--c1), var(--c2)) !important; border-color: transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 12px 24px -10px rgba(var(--glow), 1) !important;
}
.body .component-sidebar__menu-item-link.is-active .sidebar-block__menu-item-icon > span,
.body .component-sidebar__menu-item-link.is-active .sidebar-block__menu-item-icon > i {
	background: none !important; -webkit-text-fill-color: #fff; color: #fff !important;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .25));
}