/* Custom Corporate Theme Colors for TypingNexus */

:root {
    --deep-navy: #003354;
    --medium-blue: #1A5B93;
    --sky-blue: #4D94CE;
    --steel-silver: #A6A9AA;
}

/* Primary Backgrounds & Colors (Replacing original #673ab7 theme) */
.bg-primary { background-color: var(--deep-navy) !important; }
.text-primary { color: var(--deep-navy) !important; }
.border-primary { border-color: var(--deep-navy) !important; }

/* Primary Buttons */
.btn-primary {
    color: #fff !important;
    background-color: var(--deep-navy) !important;
    border-color: var(--deep-navy) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-check:active+.btn-primary, 
.btn-check:checked+.btn-primary, 
.show>.btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: var(--medium-blue) !important;
    border-color: var(--medium-blue) !important;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 51, 84, 0.5) !important;
}

/* Outline Buttons */
.btn-outline-primary {
    color: var(--deep-navy) !important;
    border-color: var(--deep-navy) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff !important;
    background-color: var(--deep-navy) !important;
    border-color: var(--deep-navy) !important;
}

/* Sidebar Links & Active States */
.sidebar-wrapper .metismenu a:hover,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu .mm-active>a {
    color: var(--medium-blue) !important;
}

/* Checkboxes, Radios, and Switches */
.form-check-input:checked {
    background-color: var(--deep-navy) !important;
    border-color: var(--deep-navy) !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--deep-navy) !important;
    border-color: var(--deep-navy) !important;
    color: #fff !important;
}

/* Dropdown Menu Items */
.dropdown-item:hover, .dropdown-item:focus {
    color: var(--deep-navy) !important;
    background-color: rgba(77, 148, 206, 0.1) !important; /* Sky Blue very light */
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    background-color: var(--deep-navy) !important;
}

/* Badges & Specific Elements */
.lis-bg-primary { background-color: var(--deep-navy) !important; }
.bg-light-primary { background-color: rgba(0, 51, 84, 0.15) !important; }
.bg-split-primary { background-color: var(--medium-blue) !important; }
.border-lg-top-primary { border-top-color: var(--deep-navy) !important; }

/* Modals & Headers */
.modal-header .bg-primary {
    background-color: var(--deep-navy) !important;
}

/* General Links */
a {
    color: var(--deep-navy);
}
a:hover {
    color: var(--sky-blue);
}

/* Accents */
.text-accent { color: var(--sky-blue) !important; }
.border-accent { border-color: var(--sky-blue) !important; }

/* Disabled states mapped to Steel Silver */
.btn:disabled, .btn.disabled, fieldset:disabled .btn,
.form-control:disabled, .form-control[readonly] {
    border-color: var(--steel-silver) !important;
}

/* Nav Pills (Tabs in Configuration) */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: var(--deep-navy) !important;
}
.nav-pills .nav-link {
    color: var(--deep-navy) !important;
}
.nav-pills .nav-link:hover {
    color: var(--medium-blue) !important;
    background-color: rgba(0, 51, 84, 0.05);
}
/* Sidebar Logo Toggling */
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .sidebar-text-logo {
    display: none !important;
}

/* Ensure Login Image acts like a cover */
.bg-login-color img.img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
