/*================================================================
  1. ROOT & THEME VARIABLES
================================================================*/

:root {
  --company-primary: #0c3274;
  --company-secondary: #f6da1f;
  --company-primary-rgb: 12, 50, 116;
  --company-secondary-rgb: 246, 218, 31;
  --company-primary-light: #dadedb;
  --company-primary-lighter: #f3f4f6;
  --company-secondary-light: #fff9d6;
  --company-secondary-lighter: #fffef0;
  --company-primary-text: #1a1f2c;
  --company-secondary-text: #a68f00;
  --bs-primary: #0c3274;
  --bs-primary-rgb: 12, 50, 116;
  --bs-link-color: #0c3274;
  --bs-link-hover-color: #1a1f2c;
}

[data-bs-theme="light"] {
  --bs-primary: #0c3274;
  --bs-primary-rgb: 12, 50, 116;
  --bs-primary-active: #1a1f2c;
  --bs-primary-light: #dadedb;
  --bs-primary-inverse: #ffffff;
}

[data-bs-theme="dark"] {
  --company-primary: #91a9d6;
  --company-secondary: #fff27a;
  --company-primary-rgb: 145, 169, 214;
  --company-secondary-rgb: 255, 242, 122;
  --company-primary-light: #1a1f2c;
  --company-primary-lighter: #0c3274;
  --company-secondary-light: #3d3a1a;
  --company-secondary-lighter: #26240f;
  --company-primary-text: #dadedb;
  --company-secondary-text: #e0c666;
  --bs-primary: #91a9d6;
  --bs-primary-rgb: 145, 169, 214;
  --bs-primary-active: #dadedb;
  --bs-primary-light: #1a1f2c;
  --bs-primary-inverse: #1a1a1a;
}

/*================================================================
  2. BUTTON STYLES
================================================================*/

.btn-primary {
  --bs-btn-bg: var(--company-primary);
  --bs-btn-border-color: var(--company-primary);
  --bs-btn-hover-bg: var(--company-primary-text);
  --bs-btn-hover-border-color: var(--company-primary-text);
  --bs-btn-active-bg: var(--company-primary-text);
  --bs-btn-active-border-color: var(--company-primary-text);
  --bs-btn-focus-shadow-rgb: var(--company-primary-rgb);
  --bs-btn-disabled-bg: var(--company-primary);
  --bs-btn-disabled-border-color: var(--company-primary);
}

[data-bs-theme="dark"] .btn-primary {
    --bs-btn-color: #1a1a1a;
}

.btn-light-primary {
  background-color: var(--company-primary-light) !important;
  color: var(--company-primary) !important;
}

.btn-light-primary:hover,
.btn-light-primary:focus,
.btn-light-primary:active {
  background-color: var(--company-primary) !important;
  color: white !important;
}

[data-bs-theme="dark"] .btn-light-primary:hover,
[data-bs-theme="dark"] .btn-light-primary:focus,
[data-bs-theme="dark"] .btn-light-primary:active {
    background-color: var(--company-primary) !important;
    color: var(--bs-primary-inverse) !important;
}

.btn.btn-active-light-primary:hover,
.btn.btn-active-light-primary:focus,
.btn.btn-active-light-primary:active {
  background-color: var(--company-primary-light) !important;
  color: var(--company-primary) !important;
}

.btn-secondary {
  --bs-btn-bg: var(--company-secondary);
  --bs-btn-border-color: var(--company-secondary);
  --bs-btn-hover-bg: var(--company-secondary-text);
  --bs-btn-hover-border-color: var(--company-secondary-text);
  --bs-btn-active-bg: var(--company-secondary-text);
  --bs-btn-active-border-color: var(--company-secondary-text);
  --bs-btn-disabled-bg: var(--company-secondary);
  --bs-btn-disabled-border-color: var(--company-secondary);
}

[data-bs-theme="dark"] .btn-secondary {
  --bs-btn-color: #1a1a1a;
}

.btn-success {
  --bs-btn-bg: var(--company-secondary);
  --bs-btn-border-color: var(--company-secondary);
  --bs-btn-hover-bg: var(--company-secondary-text);
  --bs-btn-hover-border-color: var(--company-secondary-text);
  --bs-btn-active-bg: var(--company-secondary-text);
  --bs-btn-active-border-color: var(--company-secondary-text);
}

[data-bs-theme="dark"] .btn-success {
  --bs-btn-color: #1a1a1a;
}

/*================================================================
  3. TYPOGRAPHY & LINKS
================================================================*/

.text-primary {
  color: var(--company-primary) !important;
}

.text-secondary {
  color: var(--company-secondary) !important;
}

.text-success {
  color: var(--company-secondary) !important;
}

a {
  color: var(--company-primary);
}

a:hover {
  color: var(--company-primary-text);
}

[data-bs-theme="light"] .text-hover-primary:hover {
    color: var(--company-primary-text) !important;
}

[data-bs-theme="dark"] .text-hover-primary:hover {
    color: var(--company-primary) !important;
}

/*================================================================
  4. BACKGROUND & BORDER UTILITIES
================================================================*/

.bg-primary {
  background-color: var(--company-primary) !important;
}

.bg-light-primary {
  background-color: var(--company-primary-light) !important;
}

.bg-secondary {
  background-color: var(--company-secondary) !important;
}

.bg-light-secondary {
  background-color: var(--company-secondary-light) !important;
}

.bg-light-success {
  background-color: var(--company-secondary-light) !important;
}

.border-primary {
  border-color: var(--company-primary) !important;
}

.border-secondary {
  border-color: var(--company-secondary) !important;
}

/*================================================================
  5. SIDEBAR MENU - LIGHT MODE
================================================================*/

[data-bs-theme="light"] .app-sidebar {
    background-color: var(--company-primary-lighter, #f3f4f6) !important;
}

[data-bs-theme="light"] .app-sidebar .menu-item .menu-link .menu-title,
[data-bs-theme="light"] .app-sidebar .menu-item .menu-link .ki-duotone span {
    color: var(--company-primary-text) !important;
}

[data-bs-theme="light"] .app-sidebar .menu-item .menu-link:not(.active):hover {
    background-color: var(--company-primary-light) !important;
}
[data-bs-theme="light"] .app-sidebar .menu-item .menu-link:not(.active):hover .menu-title,
[data-bs-theme="light"] .app-sidebar .menu-item .menu-link:not(.active):hover .menu-arrow,
[data-bs-theme="light"] .app-sidebar .menu-item .menu-link:not(.active):hover .ki-duotone span {
    color: var(--company-primary) !important;
}

[data-bs-theme="light"] .app-sidebar .menu-item .menu-link.active {
  background-color: var(--company-primary) !important;
}
[data-bs-theme="light"] .app-sidebar .menu-item .menu-link.active .menu-title,
[data-bs-theme="light"] .app-sidebar .menu-item .menu-link.active .menu-arrow,
[data-bs-theme="light"] .app-sidebar .menu-item .menu-link.active .ki-duotone span {
  color: #FFFFFF !important;
}

[data-bs-theme="light"] .menu-sub-dropdown .menu-link:not(.active):hover {
    background-color: var(--company-primary-light) !important;
}
[data-bs-theme="light"] .menu-sub-dropdown .menu-link:not(.active):hover .menu-title,
[data-bs-theme="light"] .menu-sub-dropdown .menu-link:not(.active):hover .ki-duotone span {
    color: var(--company-primary) !important;
}

[data-bs-theme="light"] .menu-sub-dropdown .menu-link.active {
    background-color: var(--company-primary) !important;
}
[data-bs-theme="light"] .menu-sub-dropdown .menu-link.active .menu-title,
[data-bs-theme="light"] .menu-sub-dropdown .menu-link.active .ki-duotone span {
    color: #FFFFFF !important;
}

/*================================================================
  6. SIDEBAR MENU - DARK MODE
================================================================*/

[data-bs-theme="dark"] .app-sidebar .menu-item .menu-link .menu-title,
[data-bs-theme="dark"] .app-sidebar .menu-item .menu-link .ki-duotone span {
    color: var(--company-primary-text) !important;
}

[data-bs-theme="dark"] .app-sidebar .menu-item .menu-link:not(.active):hover {
    background-color: var(--company-primary-light) !important;
}
[data-bs-theme="dark"] .app-sidebar .menu-item .menu-link:not(.active):hover .menu-title,
[data-bs-theme="dark"] .app-sidebar .menu-item .menu-link:not(.active):hover .ki-duotone span {
    color: var(--company-primary) !important;
}

[data-bs-theme="dark"] .app-sidebar .menu-item .menu-link.active {
    background-color: var(--company-primary) !important;
}
[data-bs-theme="dark"] .app-sidebar .menu-item .menu-link.active .menu-title,
[data-bs-theme="dark"] .app-sidebar .menu-item .menu-link.active .ki-duotone span {
    color: #1a1a1a !important;
}

[data-bs-theme="dark"] .menu-sub-dropdown .menu-link:not(.active):hover {
    background-color: var(--company-primary-light) !important;
}
[data-bs-theme="dark"] .menu-sub-dropdown .menu-link:not(.active):hover .menu-title,
[data-bs-theme="dark"] .menu-sub-dropdown .menu-link:not(.active):hover .ki-duotone span {
    color: var(--company-primary) !important;
}

[data-bs-theme="dark"] .menu-sub-dropdown .menu-link.active {
    background-color: var(--company-primary) !important;
}
[data-bs-theme="dark"] .menu-sub-dropdown .menu-link.active .menu-title,
[data-bs-theme="dark"] .menu-sub-dropdown .menu-link.active .ki-duotone span {
    color: #1a1a1a !important;
}

/*================================================================
  7. FORM CONTROLS
================================================================*/

.form-control:focus,
.form-select:focus {
  border-color: var(--company-primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--company-primary-rgb), 0.25) !important;
}

.form-check-input:checked {
  background-color: var(--company-primary) !important;
  border-color: var(--company-primary) !important;
}

.accordion-button:not(.collapsed) {
  color: var(--company-primary) !important;
  background-color: var(--company-primary-lighter) !important;
}

.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--company-primary-rgb), 0.25) !important;
}

/*================================================================
  8. UI COMPONENTS (BADGES, ALERTS, PAGINATION, ETC.)
================================================================*/

.badge-primary {
  background-color: var(--company-primary) !important;
  color: white !important;
}

.badge-light-primary {
  background-color: var(--company-primary-light) !important;
  color: var(--company-primary) !important;
}

.badge-secondary {
  background-color: var(--company-secondary) !important;
  color: white !important;
}

[data-bs-theme="dark"] .badge-secondary {
  color: #1a1a1a !important;
}

.alert-primary {
  background-color: var(--company-primary-lighter) !important;
  border-color: var(--company-primary-light) !important;
  color: var(--company-primary-text) !important;
}

.progress-bar {
  background-color: var(--company-primary) !important;
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
  background-color: var(--company-primary) !important;
  color: white !important;
}

.page-link {
  color: var(--company-primary) !important;
}

.page-link:hover {
  background-color: var(--company-primary-light) !important;
  color: var(--company-primary) !important;
}

.page-item.active .page-link {
  background-color: var(--company-primary) !important;
  color: white !important;
}

[data-bs-theme="dark"] .page-item.active .page-link {
    background-color: var(--company-primary) !important;
    color: var(--bs-primary-inverse) !important;
    border-color: var(--company-primary) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--company-primary-light) !important;
  color: var(--company-primary) !important;
}

.dropdown-item.active {
  background-color: var(--company-primary) !important;
  color: white !important;
}

.card-header {
  border-bottom-color: rgba(var(--company-primary-rgb), 0.125) !important;
}

.modal-header {
  border-bottom-color: rgba(var(--company-primary-rgb), 0.125) !important;
}

.spinner-border {
  border-color: var(--company-primary-light) !important;
  border-right-color: var(--company-primary) !important;
}

.tooltip-inner {
  background-color: var(--company-primary) !important;
}

.ki-duotone.text-primary span {
  color: var(--company-primary) !important;
}

/*================================================================
  9. THIRD-PARTY PLUGIN STYLES (DATATABLES, DROPZONE)
================================================================*/

.dropzone {
  border-color: var(--company-primary-light) !important;
}

.dropzone:hover {
  border-color: var(--company-primary) !important;
  background-color: var(--company-primary-lighter) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--company-primary) !important;
  color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--company-primary-light) !important;
  color: var(--company-primary) !important;
}

/*================================================================
  10. GLOBAL & MISCELLANEOUS STYLES
================================================================*/

*:focus {
  outline-color: var(--company-primary) !important;
}

::selection {
  background-color: var(--company-primary);
  color: white;
}

::-webkit-scrollbar-thumb {
  background-color: var(--company-primary-light);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--company-primary);
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
  background-color: var(--company-primary-lighter);
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background-color: var(--company-primary-light);
}

/*================================================================
  11. LAYOUT & STRUCTURAL OVERRIDES
================================================================*/

#kt_app_sidebar_toggle {
    display: none !important;
}

#kt_app_sidebar_navs_wrappers {
    overflow-y: auto !important;
}

.ps__rail-y {
    display: none !important;
}