/* Customer and trainer portals: the same light theme as the admin panel
   (white sidebar, dark text, pale-blue active item with the orange edge). Loaded after each
   portal layout's own <style>, so it only overrides colours. */

.user-sidebar,
.trainer-sidebar {
    background: #FFFFFF !important;
    color: #0F172A !important;
    border-right: 1px solid #E2E8F0 !important;
    box-shadow: 0 4px 25px rgba(15, 23, 42, 0.08);
}

.user-sidebar .sidebar-brand-box,
.trainer-sidebar .sidebar-brand-box {
    border-bottom: 1px solid #E2E8F0 !important;
}

.user-sidebar .sidebar-section-header,
.trainer-sidebar .sidebar-section-header {
    color: #64748B !important;
    font-size: 11px;
    font-weight: 700;
}

.user-sidebar .sidebar-nav-item a:not(.text-danger),
.trainer-sidebar .sidebar-nav-item a:not(.text-danger) {
    color: #0F172A !important;
    font-size: 13.5px;
}

.user-sidebar .sidebar-nav-item a i,
.trainer-sidebar .sidebar-nav-item a i {
    color: #64748B;
}

.user-sidebar .sidebar-nav-item a:hover,
.trainer-sidebar .sidebar-nav-item a:hover {
    color: #1456C8 !important;
    background: #F1F5F9 !important;
}

.user-sidebar .sidebar-nav-item.active a,
.trainer-sidebar .sidebar-nav-item.active a {
    color: #1456C8 !important;
    background: #E8F0FC !important;
    font-weight: 700;
    box-shadow: inset 3px 0 0 #F39C12 !important;
}

.user-sidebar .sidebar-nav-item.active a i,
.trainer-sidebar .sidebar-nav-item.active a i,
.user-sidebar .sidebar-nav-item a:hover i,
.trainer-sidebar .sidebar-nav-item a:hover i {
    color: #1456C8;
}

/* Mobile close button and the customer's name block at the bottom of the sidebar. */
.user-sidebar .btn-link.text-white,
.trainer-sidebar .btn-link.text-white {
    color: #0F172A !important;
}

.user-sidebar .border-white-10 {
    border-top: 1px solid #E2E8F0 !important;
}

.user-sidebar .border-white-10 .text-white:not(.rounded-circle) {
    color: #0F172A !important;
}

.user-sidebar .text-white-50 {
    color: #64748B !important;
}