/* ====================================
   PROSEAT Bootstrap override
   ==================================== */

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

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

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

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

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

/* Navbar */
.navbar {
    background-color: var(--ps-accent-dark) !important;
}

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

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

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

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

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

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

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