/* ProcureActiv brand overrides for Metronic Bootstrap demo48 */

:root,
[data-bs-theme=light] {
    --bs-primary:         #16335B;
    --bs-primary-rgb:     22, 51, 91;
    --bs-info:            #0E7C86;
    --bs-info-rgb:        14, 124, 134;
    --bs-warning:         #C9A227;
    --bs-warning-rgb:     201, 162, 39;

    /* Metronic-specific overrides */
    --kt-primary:         #16335B;
    --kt-primary-light:   #e8edf4;
    --kt-info:            #0E7C86;
    --kt-warning:         #C9A227;
}

/* Primary button */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    --bs-btn-bg:          #16335B;
    --bs-btn-border-color:#16335B;
    --bs-btn-hover-bg:    #0f2340;
    --bs-btn-hover-border-color: #0f2340;
    --bs-btn-active-bg:   #0f2340;
}

/* Outline primary */
.btn-outline-primary {
    --bs-btn-color:        #16335B;
    --bs-btn-border-color: #16335B;
    --bs-btn-hover-bg:     #16335B;
    --bs-btn-hover-border-color: #16335B;
}

/* Active/light-primary */
.btn-light-primary,
.btn-active-light-primary:hover,
.btn-active-light-primary:focus {
    color: #16335B;
    background-color: #e8edf4;
    border-color: transparent;
}

/* App header background — teal secondary bar */
.app-header-secondary {
    background-color: #0E7C86;
}
.app-header-secondary .menu-title,
.app-header-secondary .menu-link,
.app-header-secondary .menu-link:hover {
    color: #ffffff !important;
}
.app-header-secondary .menu-item.show > .menu-link,
.app-header-secondary .menu-item.here > .menu-link,
.app-header-secondary .menu-link.active {
    background-color: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
}

/* Primary header — navy */
.app-header-primary {
    background-color: #16335B;
}
.app-header-primary .text-gray-700,
.app-header-primary .text-gray-900 {
    color: rgba(255,255,255,0.85) !important;
}
.app-header-primary .btn-active-color-primary:hover {
    color: #C9A227 !important;
}

/* Nav active state — gold underline */
.menu-here-bg .menu-link,
.menu-active-bg .menu-item.active > .menu-link {
    background-color: rgba(255,255,255,0.15) !important;
}

/* Badge colours */
.badge-light-primary {
    color: #16335B;
    background-color: #e8edf4;
}
.badge-light-info {
    color: #0E7C86;
    background-color: #e0f2f3;
}
.badge-light-warning {
    color: #C9A227;
    background-color: #faf3dc;
}

/* Text colour overrides */
.text-primary { color: #16335B !important; }
.text-info    { color: #0E7C86 !important; }
.text-warning { color: #C9A227 !important; }

/* Links */
a { color: #0E7C86; }
a:hover { color: #16335B; }

/* Search input in primary header */
.app-header-primary .search-input {
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.2);
    color: #fff;
}
.app-header-primary .search-input::placeholder { color: rgba(255,255,255,0.5); }
.app-header-primary .search-icon { color: rgba(255,255,255,0.6) !important; }

/* Pagination */
.page-item.active .page-link {
    background-color: #16335B;
    border-color: #16335B;
}
.page-link { color: #16335B; }
.page-link:hover { color: #0E7C86; }