/* Custom Brand Overrides for Bootstrap 4 Layout (#0052FF) */

/* 1. Header & Navigation Overrides */
.navbar.bg-dark {
    background-color: #0052FF !important;
}

.navbar .btn-outline-secondary {
    border-color: transparent;
    color: #ffffff !important;
}

.navbar .btn-outline-secondary:hover {
    background-color: #0040D0 !important;
}

/* 2. Sidebar Aesthetics */
#sidebar {
    background-color: #3f474e !important;
    border-right: none !important;
}

#sidebar .sidebar-heading,
#sidebar .sidebar-header {
    color: #ffffff !important;
    border-bottom: 1px solid #4d575f !important;
    background-color: transparent !important;
}

#sidebar .nav-link {
    background-color: transparent !important;
    color: #d8dee3 !important;
    border: none !important;
    border-radius: 0 !important;
}

#sidebar .nav-link:hover {
    color: #ffffff !important;
    background-color: #4d575f !important;
}

/* 3. The Active Sidebar Line */
#sidebar .nav-pills .nav-link.active {
    color: #fff !important;
    background-color: #343b41 !important;
    border-left: 4px solid #0052FF !important;
    font-weight: bold;
}

#sidebar .nav-link[data-toggle="collapse"] {
    background-color: transparent !important;
}

/* 4. Submenus */
#sidebar .collapse .nav-link {
    padding-left: 2.5rem;
    font-size: 0.9em;
    background-color: #343b41 !important;
}

/* 5. Primary Buttons & Texts Override */
.text-primary,
.text-blue {
    color: #0052FF !important;
}

.btn-primary {
    background-color: #0052FF !important;
    border-color: #0040D0 !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.focus {
    background-color: #0040D0 !important;
    border-color: #0033B3 !important;
}

.btn-outline-primary {
    color: #0052FF !important;
    border-color: #0052FF !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #0052FF !important;
    border-color: #0052FF !important;
}

/* General Layout Tweaks for Modern Feel */
.card.border-left-primary {
    border-left: 0.25rem solid #0052FF !important;
}