/*
 * Panoul comerciantului: bară laterală închisă la culoare, ca în WordPress.
 * CSS simplu peste clasele Filament (fără build Tailwind); culoarea activă e cea a panoului.
 */
:root {
	--gc-side-bg: #1d2327;
	--gc-side-bg-2: #2c3338;
	--gc-side-sub: #101517;
	--gc-side-text: #f0f0f1;
	--gc-side-muted: #a7aaad;
	--gc-side-hover: #72aee6;
}

.fi-sidebar { background: var(--gc-side-bg) !important; color: var(--gc-side-text); }
.fi-sidebar-header { background: var(--gc-side-bg) !important; border-color: rgba(255, 255, 255, .08) !important; box-shadow: none !important; }
.fi-sidebar-nav { padding-inline: 0 !important; scrollbar-gutter: auto !important; scrollbar-width: thin; }

/* Selectorul de magazin din capul barei */
.fi-sidebar .fi-tenant-menu-trigger { color: var(--gc-side-text) !important; border-radius: 0 !important; }
.fi-sidebar .fi-tenant-menu-trigger:hover { background: var(--gc-side-bg-2) !important; }
.fi-sidebar .fi-tenant-menu-trigger-current-tenant-label { color: var(--gc-side-muted) !important; }
.fi-sidebar .fi-tenant-menu-trigger-tenant-name { color: var(--gc-side-text) !important; }
.fi-sidebar .fi-tenant-menu-trigger svg { color: var(--gc-side-muted) !important; }

/* Elementele de meniu */
.fi-sidebar-item-btn { border-radius: 0 !important; padding-inline: 1.25rem !important; }
.fi-sidebar-item-label, .fi-sidebar-item-icon, .fi-sidebar-group-label, .fi-sidebar-group-btn svg { color: var(--gc-side-text) !important; }
.fi-sidebar-group-btn { padding-inline: 1.25rem !important; border-radius: 0 !important; }
.fi-sidebar-group-btn:hover .fi-sidebar-group-label, .fi-sidebar-group-btn:hover svg { color: var(--gc-side-hover) !important; }
.fi-sidebar-item-btn:hover { background: var(--gc-side-bg-2) !important; }
.fi-sidebar-item-btn:hover .fi-sidebar-item-label, .fi-sidebar-item-btn:hover .fi-sidebar-item-icon { color: var(--gc-side-hover) !important; }

/* Submeniul unui grup (ex. Produse → Categorii), pe fundal mai închis */
.fi-sidebar-group:has(.fi-sidebar-group-btn) .fi-sidebar-group-items { background: var(--gc-side-sub); padding-block: .35rem !important; }
.fi-sidebar-group:has(.fi-sidebar-group-btn) .fi-sidebar-item-btn { padding-block: .3rem !important; padding-inline-start: 3.25rem !important; }
.fi-sidebar-group:has(.fi-sidebar-group-btn) .fi-sidebar-item-label { color: #c3c4c7 !important; font-size: .9rem; }
.fi-sidebar-item-grouped-border { display: none !important; }

/* Elementul activ */
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: var(--primary-600) !important; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-icon { color: #fff !important; font-weight: 600; }
.fi-sidebar-group:has(.fi-sidebar-group-btn) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: transparent !important; }
.fi-sidebar-group:has(.fi-sidebar-group-btn) .fi-sidebar-item.fi-active .fi-sidebar-item-label { color: #fff !important; font-weight: 700; }
/* Grupul care conține pagina curentă e evidențiat, ca meniul deschis din WordPress */
.fi-sidebar-group:has(.fi-active) .fi-sidebar-group-btn { background: var(--primary-600); }
.fi-sidebar-group:has(.fi-active) .fi-sidebar-group-btn .fi-sidebar-group-label,
.fi-sidebar-group:has(.fi-active) .fi-sidebar-group-btn svg { color: #fff !important; }

.fi-sidebar-footer { border-color: rgba(255, 255, 255, .08) !important; }
.fi-sidebar .fi-sidebar-database-notifications-btn-label { color: var(--gc-side-text) !important; }