/* Dynamic Theme Colors - Override SB Admin 2 defaults */

/* Primary color overrides */
.bg-primary,
.btn-primary {
    background-color: var(--theme-primary-color) !important;
    border-color: var(--theme-primary-color) !important;
}

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

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

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

/* Gradient backgrounds */
.bg-gradient-primary {
    background-color: var(--theme-primary-color) !important;
    background-image: linear-gradient(180deg, var(--theme-primary-color) 10%, var(--theme-primary-dark) 100%) !important;
    background-size: cover !important;
}

/* Sidebar specific */
.sidebar.bg-gradient-primary {
    background-color: var(--theme-primary-color) !important;
    background-image: linear-gradient(180deg, var(--theme-primary-color) 10%, var(--theme-primary-dark) 100%) !important;
}

.sidebar .nav-item.active .nav-link {
    background-color: var(--theme-primary-dark) !important;
}

.sidebar .nav-item .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Links */
a.text-primary:hover,
a.text-primary:focus {
    color: var(--theme-primary-dark) !important;
}

/* Badges */
.badge-primary {
    background-color: var(--theme-primary-color) !important;
}

/* Progress bars */
.progress-bar,
.progress-bar-primary {
    background-color: var(--theme-primary-color) !important;
}

/* Alert */
.alert-primary {
    background-color: var(--theme-primary-light) !important;
    border-color: var(--theme-primary-color) !important;
    color: #1a202c !important;
}

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

/* Custom checkbox and radio */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--theme-primary-color) !important;
    border-color: var(--theme-primary-color) !important;
}

/* Focus states */
.form-control:focus,
.custom-select:focus {
    border-color: var(--theme-primary-light) !important;
    box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25) !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--theme-primary-color) !important;
    border-color: var(--theme-primary-color) !important;
}

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

.page-link:hover {
    color: var(--theme-primary-dark) !important;
}

.avatar{
    background: var(--theme-primary-color) !important;
}