/* Custom Layout Theme Overrides */

/* Page Backgrounds */
body, 
#layout-wrapper, 
.main-content, 
.page-content {
    background-color: #FAF8F5 !important;
}

/* Sidebar Theme */
.navbar-menu {
    background-color: #1D263B !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.navbar-brand-box {
    background-color: #1D263B !important;
}

.navbar-menu .navbar-nav .nav-link {
    color: #D2C8BC !important;
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-weight: 500;
}

.navbar-menu .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}

.navbar-menu .navbar-nav .nav-link.active {
    color: #ffffff !important;
    background-color: #2D3954 !important;
    border-radius: 8px !important;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] {
    background-color: transparent !important;
    color: #ffffff !important;
}

.menu-dropdown {
    background-color: transparent !important;
}

.menu-dropdown .nav-link {
    color: #D2C8BC !important;
    font-weight: 400 !important;
}

.menu-dropdown .nav-link:hover {
    color: #ffffff !important;
}

.menu-dropdown .nav-link.active {
    color: #ffffff !important;
    background-color: #2D3954 !important;
    border-radius: 6px !important;
}

.navbar-menu .navbar-nav .menu-title {
    color: #8C96A8 !important;
}

/* Header Styles */
#page-topbar {
    background-color: #F5EFEB !important;
    border-bottom: 1px solid #EAE6DF !important;
    box-shadow: none !important;
}

.navbar-header {
    padding: 0 24px !important;
}

/* Page title and breadcrumbs */
.page-title-box h4 {
    color: #1A2536 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

.breadcrumb-item a {
    color: #7E7265 !important;
}

.breadcrumb-item.active {
    color: #1A2536 !important;
}

/* Make sure background and layout cards on other pages are styled nicely */
.card {
    background-color: #ffffff !important;
    border: 1px solid #EAE6DF !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(122, 111, 98, 0.02) !important;
}

.card-title {
    color: #1A2536 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
}