/* ========================================
   Custom Theme CSS - Generated from Database
   ======================================== */

/* Font Import - Must be first */
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');

/* Root Variables */
:root {
    --primary-color: #012970;
    --secondary-color: #4154f1;
    --text-color: #444444;
    --menu-bg-color: #ffffff;
    --menu-text-color: #012970;
    --menu-hover-bg: #f6f9ff;
    --menu-active-bg: #f6f9ff;
    --header-bg-color: #ffffff;
    --header-text-color: #012970;
    --footer-bg-color: #f6f9ff;
    --footer-text-color: #444444;
    --font-family: 'Prompt', sans-serif;
}

/* Global Font - OVERRIDE ALL */
* {
    font-family: 'Prompt', sans-serif !important;
}

/* Exclude icon fonts - IMPORTANT: Must override the universal selector */
i,
i[class*="bi"],
.bi,
[class*="bi-"],
[class*="fa"],
[class*="fa-"],
[class*="icon"],
.iconify,
.material-icons,
.glyphicon {
    font-family: "bootstrap-icons" !important;
}

/* Font Awesome specific */
[class*="fa-"] {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}

body {
    color: #444444;
}

/* Header Styling */
body:not(.dark-mode) #header {
    background: #ffffff !important;
}

body:not(.dark-mode) #header .logo .sitename,
body:not(.dark-mode) #header .logo,
body:not(.dark-mode) #header a {
    color: #012970 !important;
}

body:not(.dark-mode) .header-nav .nav-profile .dropdown-toggle {
    color: #012970 !important;
}

/* Sidebar Menu */
body:not(.dark-mode) .sidebar {
    background: #ffffff !important;
}

/* Nav Link - Default (Collapsed) */
body:not(.dark-mode) .sidebar-nav .nav-link.collapsed {
    background: #ffffff !important;
    color: #012970 !important;
}

body:not(.dark-mode) .sidebar-nav .nav-link.collapsed i {
    color: #899bbd !important;
}

/* Nav Link - Active (Not Collapsed) */
body:not(.dark-mode) .sidebar-nav .nav-link {
    background: #f6f9ff !important;
    color: #4154f1 !important;
}

body:not(.dark-mode) .sidebar-nav .nav-link i {
    color: #4154f1 !important;
}

/* Nav Link - Hover */
body:not(.dark-mode) .sidebar-nav .nav-link:hover {
    background: #f6f9ff !important;
    color: #4154f1 !important;
}

body:not(.dark-mode) .sidebar-nav .nav-link:hover i {
    color: #4154f1 !important;
}

/* Nav Heading */
body:not(.dark-mode) .sidebar-nav .nav-heading {
    color: #899bbd !important;
}

/* Nav Content - Sub Menu */
body:not(.dark-mode) .sidebar-nav .nav-content a {
    color: #012970 !important;
}

body:not(.dark-mode) .sidebar-nav .nav-content a i {
    border-radius: 50%;
}

body:not(.dark-mode) .sidebar-nav .nav-content a:hover,
body:not(.dark-mode) .sidebar-nav .nav-content a.active {
    color: #4154f1 !important;
}

body:not(.dark-mode) .sidebar-nav .nav-content a.active i {
    background-color: #4154f1 !important;
}

/* Primary Color Elements */
body:not(.dark-mode) .btn-primary {
    background-color: #012970 !important;
    border-color: #012970 !important;
    color: #ffffff !important;
}

body:not(.dark-mode) .btn-primary:hover {
    background-color: #4154f1 !important;
    border-color: #4154f1 !important;
    color: #ffffff !important;
}

body:not(.dark-mode) a {
    color: #012970;
}

body:not(.dark-mode) a:hover {
    color: #4154f1;
}

body:not(.dark-mode) .text-primary {
    color: #012970 !important;
}

body:not(.dark-mode) .bg-primary {
    background-color: #012970 !important;
}

/* Badges */
body:not(.dark-mode) .badge.bg-primary {
    background-color: #012970 !important;
}

/* Breadcrumb Links */
.breadcrumb-item a {
    color: #012970;
}

.breadcrumb-item.active {
    color: #444444;
}

/* Footer */
body:not(.dark-mode) #footer {
    background: #f6f9ff !important;
    color: #444444 !important;
}

body:not(.dark-mode) #footer a {
    color: #444444 !important;
}

/* Form Controls Focus */
.form-control:focus,
.form-select:focus {
    border-color: #012970;
    box-shadow: 0 0 0 0.25rem rgba(1, 41, 112, 0.25);
}

/* Table Headers */
body:not(.dark-mode) .table thead th {
    background-color: #012970;
    color: #ffffff;
}

/* Pagination */


body:not(.dark-mode) .pagination .page-item.active .page-link {
    background-color: #012970;
    border-color: #012970;
}

/* Modal Headers */
body:not(.dark-mode) .modal-header {
    background-color: #012970;
    color: #ffffff;
}

body:not(.dark-mode) .modal-header .btn-close {
    filter: brightness(0) invert(1);
}

/* Progress Bars */
.progress-bar {
    background-color: #012970;
}

/* Nav Pills */
.nav-pills .nav-link.active {
    background-color: #012970;
}

/* Alerts */
.alert-primary {
    background-color: rgba(1, 41, 112, 0.1);
    border-color: #012970;
    color: #012970;
}

/* Custom Scrollbar */
.sidebar::-webkit-scrollbar-thumb {
    background-color: #012970;
}

/* Dashboard Cards */
.dashboard .card-icon {
    background-color: #012970;
}