/*
 * Nova Theme Colors for Admin Panel
 * Based on index.html (Nova template) color scheme
 */

:root,
[data-bs-theme=light] {
    /* Nova Theme Primary Colors */
    --nova-primary: #215C5C;
    --nova-primary-rgb: 33, 92, 92;
    --nova-primary-hover: #144B4B;
    --nova-primary-hover-rgb: 20, 75, 75;
    --nova-secondary: #CCE8C9;
    --nova-secondary-rgb: 204, 232, 201;
    --nova-body-color: #494B5B;
    --nova-heading-color: #16181B;
    --nova-inverse-color: #494B5B;
    --nova-inverse-color-rgb: 73, 75, 91;
}

/* Override Bootstrap primary color with Nova theme */
:root {
    --bs-primary: var(--nova-primary) !important;
    --bs-primary-rgb: var(--nova-primary-rgb) !important;
}

/* Primary Button Override */
.btn-primary {
    background-color: var(--nova-primary) !important;
    border-color: var(--nova-primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--nova-primary-hover) !important;
    border-color: var(--nova-primary-hover) !important;
    color: #fff !important;
}

/* Link Colors */
a {
    color: var(--nova-primary);
}

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

/* Sidebar Active Menu Item */
.mm-active > a {
    color: var(--nova-primary) !important;
    background-color: var(--nova-secondary) !important;
}

.mm-active > a i,
.mm-active > a svg {
    color: var(--nova-primary) !important;
}

/* Sidebar Menu Item Hover */
#sidebar-menu ul li a:hover {
    color: var(--nova-primary) !important;
    background-color: rgba(var(--nova-primary-rgb), 0.05) !important;
}

#sidebar-menu ul li a:hover i,
#sidebar-menu ul li a:hover svg {
    color: var(--nova-primary) !important;
}

/* Sidebar Background Override */
.vertical-menu {
    background-color: #ffffff !important;
}

.navbar-brand-box {
    background-color: #ffffff !important;
}

/* Badge Primary */
.badge.bg-primary {
    background-color: var(--nova-primary) !important;
}

/* Card Border Primary */
.card.border-primary {
    border-color: var(--nova-primary) !important;
}

/* Form Control Focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--nova-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--nova-primary-rgb), 0.25) !important;
}

/* Checkbox/Radio Primary */
.form-check-primary .form-check-input:checked {
    background-color: var(--nova-primary) !important;
    border-color: var(--nova-primary) !important;
}

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

.form-radio-primary .form-check-input:checked:after {
    background-color: var(--nova-primary) !important;
}

/* Switch Primary */
input[switch=primary]:checked + label {
    background-color: var(--nova-primary) !important;
}

/* Table Primary */
.table-primary {
    --bs-table-bg: rgba(var(--nova-primary-rgb), 0.1) !important;
    --bs-table-color: var(--nova-primary) !important;
}

/* Alert Primary */
.alert-primary {
    background-color: rgba(var(--nova-primary-rgb), 0.1) !important;
    border-color: rgba(var(--nova-primary-rgb), 0.2) !important;
    color: var(--nova-primary) !important;
}

/* Progress Bar Primary */
.progress-bar.bg-primary {
    background-color: var(--nova-primary) !important;
}

/* Pagination Primary */
.page-link {
    color: var(--nova-primary);
}

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

.page-link:hover {
    color: var(--nova-primary-hover);
}

/* Dropdown Primary */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--nova-primary) !important;
}

/* Nav Tabs Primary */
.nav-tabs .nav-link.active {
    color: var(--nova-primary) !important;
    border-color: var(--nova-primary) var(--nova-primary) transparent !important;
}

.nav-tabs .nav-link:hover {
    border-color: var(--nova-primary) var(--nova-primary) transparent !important;
    color: var(--nova-primary) !important;
}

/* Breadcrumb Active */
.breadcrumb-item.active {
    color: var(--nova-primary) !important;
}

/* Text Primary */
.text-primary {
    color: var(--nova-primary) !important;
}

/* Background Primary */
.bg-primary {
    background-color: var(--nova-primary) !important;
}

/* Border Primary */
.border-primary {
    border-color: var(--nova-primary) !important;
}

/* Avatar Title Primary */
.avatar-title {
    background-color: var(--nova-primary) !important;
}

/* DataTables Primary */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--nova-primary) !important;
    border-color: var(--nova-primary) !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--nova-primary-hover) !important;
    border-color: var(--nova-primary-hover) !important;
    color: #fff !important;
}

/* ApexCharts Primary */
.apexcharts-legend-series .apexcharts-legend-marker {
    background-color: var(--nova-primary) !important;
}

/* Flatpickr Primary */
.flatpickr-day.selected {
    background: var(--nova-primary) !important;
    border-color: var(--nova-primary) !important;
}

.flatpickr-day.today {
    border-color: var(--nova-primary) !important;
}

.flatpickr-months,
.flatpickr-weekdays {
    background: var(--nova-primary) !important;
}

/* Swal2 Primary */
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: var(--nova-primary) !important;
}

.swal2-progress-steps .swal2-progress-step-line {
    background: var(--nova-primary) !important;
}

.swal2-loader {
    border-color: var(--nova-primary) transparent var(--nova-primary) transparent !important;
}

/* Alertify Primary */
.alertify-notifier .ajs-message {
    background-color: var(--nova-primary) !important;
    border-color: var(--nova-primary) !important;
}

/* Custom Secondary Color (Light Green) */
.bg-nova-secondary {
    background-color: var(--nova-secondary) !important;
}

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

/* Body and Heading Colors */
body {
    color: var(--nova-body-color);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--nova-heading-color);
}

/* Dark Theme Support */
[data-bs-theme=dark] {
    --nova-primary: #2a7a7a;
    --nova-primary-hover: #1a5a5a;
}

[data-bs-theme=dark] .btn-primary {
    background-color: var(--nova-primary) !important;
    border-color: var(--nova-primary) !important;
}

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