/* KIA Color Theme */
:root {
    --kia-dark: #05141F;
    --kia-navy: #1a2633;
    --kia-accent: #ffffff;
}

/* Sidebar Dark Theme */
.sidebar-dark-primary {
    background-color: var(--kia-dark) !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--kia-navy) !important;
    color: var(--kia-accent) !important;
}

/* Top Navbar */
.navbar-dark {
    background-color: var(--kia-dark) !important;
}

.main-header.navbar {
    border-bottom: 1px solid var(--kia-navy) !important;
}

/* Brand/Logo Area */
.brand-link {
    background-color: var(--kia-dark) !important;
    border-bottom: 1px solid var(--kia-navy) !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* KIA Logo Styling */
.brand-image {
    max-height: 33px !important;
    width: auto !important;
    filter: brightness(0) invert(1); /* Make logo white */
}

/* Login page logo */
.login-logo img,
.register-logo img {
    max-height: 60px !important;
    width: auto !important;
}

.brand-link .brand-image {
    margin-left: 0 !important;
}

/* Make logo bigger in sidebar */
.sidebar-dark-primary .brand-link {
    padding: 0.8rem 0.5rem !important;
}

/* Sidebar links */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: var(--kia-navy) !important;
    color: var(--kia-accent) !important;
}