/* ====================================
   JTP Bootstrap override
   ==================================== */

/* Buttons */
.btn-primary {
    background-color: var(--jtp-primary) !important;
    border-color: var(--jtp-primary) !important;
}

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

.btn-secondary {
    background-color: var(--jtp-secondary) !important;
    border-color: var(--jtp-secondary) !important;
}

    .btn-secondary:hover,
    .btn-secondary:focus {
        background-color: var(--jtp-secondary-light) !important;
        border-color: var(--jtp-secondary-light) !important;
    }

.btn-warning {
    background-color: var(--jtp-accent) !important;
    border-color: var(--jtp-accent) !important;
    color: #1A1A1A !important;
}

/* Navbar */
.navbar {
    background-color: var(--jtp-sidebar-header-background, var(--jtp-accent-dark)) !important;
}

.navbar-brand,
.nav-link {
    color: white !important;
}

    .nav-link:hover {
        color: var(--jtp-accent) !important;
    }

/* Tables */
.table thead {
    background-color: var(--jtp-primary) !important;
    color: white !important;
}

.table-primary {
    --bs-table-bg: var(--jtp-primary-light) !important;
    --bs-table-border-color: var(--jtp-primary) !important;
}

/* Forms */
.form-control:focus {
    border-color: var(--jtp-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(0,47,78,0.25) !important;
}

/* Alerts */
.alert-primary {
    background-color: var(--jtp-primary-light) !important;
    border-color: var(--jtp-primary) !important;
    color: white !important;
}

.alert-secondary {
    background-color: var(--jtp-secondary-light) !important;
    border-color: var(--jtp-secondary) !important;
    color: white !important;
}