/* ===============================
   Street Concepts – Froxlor Branding
   =============================== */

:root {
  --sc-primary: #0a0a0a;
  --sc-black: #000;
  --sc-accent: #edc525;
  --sc-accent-rgb: 237, 197, 37;
  --sc-text: #E5E7EB;
}

.bg-primary {
    background-color: rgba(var(--sc-accent-rgb), var(--bs-bg-opacity)) !important;
}

.page-header:after {
    background: var(--sc-accent) !important;
}

.text-primary {
    color: rgba(var(--sc-accent-rgb), var(--bs-text-opacity)) !important;
}


/* Sidebar */
.sidebar,
.sidebar-wrapper {
  background-color: var(--sc-primary) !important;
}

/* Sidebar Links */
.sidebar a,
.sidebar .nav-link {
  color: var(--sc-text) !important;
}

/* Aktiver Menüpunkt */
.sidebar .active,
.sidebar a.active,
.nav-link.active {
 color: var(--sc-accent) !important;
}


.header-logo {
    	height: 12.5px;
	margin-top: 5px;
}

.navbar .navbar-brand {
        background: var(--sc-black);
    }

.sidebar>.nav>.nav-item>.collapse, .sidebar>.nav>.nav-item>.collapsing {
    background: var(--sc-primary);
}

.sidebar>.nav>.nav-item>.nav-link:not(.collapsed) {
    background: #080808;
    border-left: var(--sc-accent) solid 3px;
}

.sidebar a:hover, .nav-link:hover {
    background-color: rgba(237, 197, 37, 0.15) !important;
}