/* Sidebar Styles */

#sidenav-main {
    background: white;
}

.sidenav-header .navbar-brand {
    padding: 1.5rem 1rem;
}

.sidenav-header .navbar-brand a {
    text-decoration: none;
    display: inline-block;
}

.sidenav-header .navbar-brand img {
    max-height: 55px;
    cursor: pointer;
}

.sidenav-footer {
    padding: 0rem;
}

.sidenav-footer .col-lg-6 {
    width: 54%;
}

.sidenav-footer .font-powered {
    color: var(--gcc-accent, #C43D21);
}

.sidenav .nav-link.active {
    background: linear-gradient(to right, var(--gcc-primary, #F47920), var(--gcc-secondary, #D71921));
    color: #fff;
}

.sidenav .nav-link.active .icon {
    background: rgba(255, 255, 255, 0.2) !important;
}

.sidenav .nav-link.active i {
    color: #fff !important;
}

/**
 * Sidebar hide/show — full slide off-screen on ALL breakpoints (no 6rem mini mode).
 * Toggled via #nav-toggler / #iconNavbarSidenav → g-sidenav-hidden / g-sidenav-pinned on body.
 */
body.g-sidenav-show .sidenav.navbar-vertical {
    transition: transform 0.32s ease-in-out, max-width 0.32s ease-in-out;
}

body.g-sidenav-show .main-content {
    transition: margin-left 0.32s ease-in-out, margin-right 0.32s ease-in-out;
}

/* Shown: sidebar fully visible */
body.g-sidenav-show.g-sidenav-pinned:not(.g-sidenav-hidden) .sidenav.navbar-vertical,
body.g-sidenav-show:not(.g-sidenav-hidden):not(.g-sidenav-pinned) .sidenav.navbar-vertical {
    transform: translateX(0) !important;
}

/* Hidden: sidebar fully off-screen, main content full width */
body.g-sidenav-show.g-sidenav-hidden .sidenav.navbar-vertical {
    transform: translateX(-17.125rem) !important;
    max-width: 15.625rem !important;
}

body.g-sidenav-show.g-sidenav-hidden .sidenav.fixed-start ~ .main-content {
    margin-left: 0 !important;
}

body.g-sidenav-show.g-sidenav-hidden .navbar-vertical .nav-link-text,
body.g-sidenav-show.g-sidenav-hidden .navbar-vertical .nav-link .sidenav-normal,
body.g-sidenav-show.g-sidenav-hidden .navbar-vertical .navbar-brand span {
    opacity: 1 !important;
    width: auto !important;
}

/* Navbar hamburger toggler */
#nav-toggler {
    cursor: pointer;
}

#nav-toggler .sidenav-toggler-line {
    background-color: #344767;
}

.g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child,
.g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child,
.g-sidenav-show:not(.g-sidenav-hidden) .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child,
.g-sidenav-show:not(.g-sidenav-hidden) .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child {
    width: 13px;
    transform: translateX(5px);
}

/* Override Soft UI desktop mini-sidebar (6rem strip) */
@media (min-width: 1200px) {
    body.g-sidenav-show.g-sidenav-hidden .navbar-vertical {
        max-width: 15.625rem !important;
    }

    body.g-sidenav-show.g-sidenav-hidden .navbar-vertical.fixed-start ~ .main-content {
        margin-left: 0 !important;
    }

    body.g-sidenav-show.g-sidenav-pinned:not(.g-sidenav-hidden) .sidenav.fixed-start ~ .main-content,
    body.g-sidenav-show:not(.g-sidenav-hidden):not(.g-sidenav-pinned) .sidenav.fixed-start ~ .main-content {
        margin-left: 17.125rem;
    }
}

/* Tablet / mobile: default off-screen until pinned; hidden class keeps it off-screen */
@media (max-width: 1199.98px) {
    body.g-sidenav-show:not(.g-sidenav-pinned) .sidenav.navbar-vertical,
    body.g-sidenav-show.g-sidenav-hidden .sidenav.navbar-vertical {
        transform: translateX(-17.125rem) !important;
    }

    body.g-sidenav-show.g-sidenav-pinned:not(.g-sidenav-hidden) .sidenav.navbar-vertical {
        transform: translateX(0) !important;
    }

    body.g-sidenav-show .sidenav.fixed-start ~ .main-content {
        margin-left: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.g-sidenav-show .sidenav.navbar-vertical,
    body.g-sidenav-show .main-content {
        transition: none;
    }
}