/* MTC Navy Branding - Fixed */

/* === NAVBAR (top bar only) === */
.navbar, .navbar.fixed-top, nav.navbar, header nav, .primary-navigation {
    background-color: #1e2a4a !important;
}
.navbar .nav-link, .navbar > .container-fluid > a, .navbar .btn-link,
.usermenu .usertext, .navbar .popover-region-toggle,
.navbar .navbar-brand, .primary-navigation .moremenu .nav-link,
.navbar .login a, .usermenu .login a,
.navbar .langmenu .btn, .navbar .langmenu .btn *,
#lang-menu-toggle, #lang-menu-toggle * { color: #fff !important; }
.navbar .nav-link:hover, .navbar .nav-link.active,
.navbar .login a:hover, .usermenu .login a:hover,
.navbar .langmenu .btn:hover, #lang-menu-toggle:hover {
    color: #d4a84b !important; border-bottom: 2px solid #d4a84b;
}

/* === BUTTONS (exclude edit mode toggle) === */
.btn-primary:not(.editmode-switch-form *):not([name="setmode"]),
a.btn-primary,
input[type="submit"].btn-primary {
    background-color: #1e2a4a !important; border-color: #1e2a4a !important; color: #fff !important;
}
.btn-primary:hover:not(.editmode-switch-form *), 
.btn-primary:focus:not(.editmode-switch-form *), 
.btn-primary:active:not(.editmode-switch-form *) {
    background-color: #152038 !important; border-color: #152038 !important;
}

/* === EDIT MODE TOGGLE - ensure visible === */
.editmode-switch-form {
    display: flex !important;
}
.editmode-switch-form label {
    color: #fff !important;
}
.editmode-switch-form .custom-control-input:checked ~ .custom-control-label::before,
.editmode-switch-form .form-check-input:checked {
    background-color: #d4a84b !important;
    border-color: #d4a84b !important;
}

/* === BREADCRUMBS - force light gray === */
.breadcrumb, ol.breadcrumb,
#page-navbar, #page-navbar * {
    background-color: transparent !important;
}
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item span,
.breadcrumb-item > a,
.breadcrumb-item > span,
#page-navbar .breadcrumb-item a,
#page-navbar .breadcrumb-item span {
    background-color: #e9ecef !important;
    background: #e9ecef !important;
    color: #495057 !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 0.25rem !important;
}
.breadcrumb-item a:hover {
    background-color: #dee2e6 !important;
    text-decoration: underline !important;
}
#page-header {
    background-color: transparent !important;
}

/* === NOTIFICATION DROPDOWN (bell icon popover) - NAVY === */
.popover-region-container,
.popover-region-header-container,
.popover-region-content-container,
.popover-region-footer-container,
.popover-region-container .content-item-container {
    background-color: #1e2a4a !important;
    color: #fff !important;
}
.popover-region-container * { color: #fff !important; }
.popover-region-container a { color: #d4a84b !important; }
.popover-region-container .content-item-container:hover { background-color: #152038 !important; }

/* === NOTIFICATION EXPANDED PAGE - WHITE === */
.notification-area,
.notification-area .all-notifications,
.notification-area [data-region] {
    background-color: #fff !important;
    color: #333 !important;
}
.notification-area * { color: #333 !important; }
.notification-area a { color: #1e2a4a !important; }
.notification-area .selected,
.notification-area [aria-selected=true] {
    background-color: #e9ecef !important;
}

/* === USER MENU DROPDOWN - NAVY (scoped to #usernavigation only) === */
#usernavigation .dropdown-menu,
.usermenu .dropdown-menu {
    background-color: #1e2a4a !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}
#usernavigation .dropdown-menu *,
.usermenu .dropdown-menu * {
    color: #fff !important;
}
#usernavigation .dropdown-item,
.usermenu .dropdown-item {
    color: #fff !important; background-color: transparent !important;
}
#usernavigation .dropdown-item:hover,
.usermenu .dropdown-item:hover {
    background-color: #152038 !important; color: #d4a84b !important;
}
#usernavigation .dropdown-divider,
.usermenu .dropdown-divider {
    border-color: rgba(255,255,255,0.15) !important;
}
.usermenu .carousel-item, .usermenu .carousel-inner { background-color: #1e2a4a !important; }
.usermenu .carousel-item a { color: #fff !important; }
.usermenu .carousel-item a:hover { color: #d4a84b !important; }

/* === SECONDARY NAVIGATION (course tabs: Participants, Grades, etc.) - keep readable === */
.secondary-navigation,
.secondary-navigation .moremenu,
.secondary-navigation .nav-tabs {
    background-color: transparent !important;
}
.secondary-navigation .nav-link {
    color: #1e2a4a !important;
}
.secondary-navigation .nav-link:hover,
.secondary-navigation .nav-link.active {
    color: #1e2a4a !important;
    border-bottom: 2px solid #1e2a4a !important;
}
/* Secondary nav "More" dropdown - white background, dark text */
.secondary-navigation .dropdown-menu {
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
}
.secondary-navigation .dropdown-menu * {
    color: #212529 !important;
}
.secondary-navigation .dropdown-item:hover {
    background-color: #f8f9fa !important;
}

/* === TABLE RESPONSIVENESS === */
.table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}
.table-responsive > table {
    width: 100%;
}