/*
 * SportsMania admin branding.
 * Paints the vertical sidebar with the brand red and forces icons/text white.
 * Brand red matches the mobile splash/home accent (#C10909).
 */

:root {
    --sm-brand-red: #C10909;
}

/* Sidebar background + border */
.navbar-vertical,
.navbar-vertical.navbar-dark,
.navbar-vertical.navbar-light {
    background-color: var(--sm-brand-red) !important;
    border-color: var(--sm-brand-red) !important;
}

/* All text and icons inside the sidebar → white */
.navbar-vertical,
.navbar-vertical a,
.navbar-vertical .nav-link,
.navbar-vertical .nav-link-title,
.navbar-vertical .nav-link-icon,
.navbar-vertical .navbar-brand,
.navbar-vertical .navbar-brand a,
.navbar-vertical h1,
.navbar-vertical h2,
.navbar-vertical h3,
.navbar-vertical .dropdown-toggle {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.navbar-vertical .nav-link-icon svg,
.navbar-vertical .nav-link-icon i,
.navbar-vertical i,
.navbar-vertical svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Hover/active states — slight translucent white overlay so state is visible on red */
.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link:focus,
.navbar-vertical .nav-item.active > .nav-link,
.navbar-vertical .nav-link.active {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

/* Dropdowns inside the sidebar should match */
.navbar-vertical .dropdown-menu {
    background-color: var(--sm-brand-red) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.navbar-vertical .dropdown-item {
    color: #ffffff !important;
}
.navbar-vertical .dropdown-item:hover,
.navbar-vertical .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* Mobile toggle button and user menu chevron visible on red */
.navbar-vertical .navbar-toggler,
.navbar-vertical .navbar-toggler-icon {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}