/* ==========================================================================
   BurgerLab — Bootstrap kiegészítések
   Amit a Bootstrap-változókkal nem lehet elintézni, az ide kerül.
   ========================================================================== */

.btn {
    --bs-btn-font-weight: 550;
    --bs-btn-border-radius: var(--bl-sugar-kicsi);
}

.btn-primary {
    --bs-btn-bg: var(--bl-parazs);
    --bs-btn-border-color: var(--bl-parazs);
    --bs-btn-hover-bg: var(--bl-parazs-sotet);
    --bs-btn-hover-border-color: var(--bl-parazs-sotet);
    --bs-btn-active-bg: var(--bl-parazs-sotet);
    --bs-btn-active-border-color: var(--bl-parazs-sotet);
    --bs-btn-disabled-bg: var(--bl-parazs);
    --bs-btn-disabled-border-color: var(--bl-parazs);
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-color: #fff;
}

.btn-outline-primary {
    --bs-btn-color: var(--bl-parazs);
    --bs-btn-border-color: var(--bl-parazs);
    --bs-btn-hover-bg: var(--bl-parazs);
    --bs-btn-hover-border-color: var(--bl-parazs);
    --bs-btn-active-bg: var(--bl-parazs);
    --bs-btn-active-border-color: var(--bl-parazs);
}

.card {
    --bs-card-bg: var(--bl-felulet);
    --bs-card-border-color: var(--bl-keret);
    --bs-card-border-radius: var(--bl-sugar);
    --bs-card-cap-bg: transparent;
    box-shadow: var(--bl-arnyek);
}

.form-control,
.form-select {
    background-color: var(--bl-felulet);
    border-color: var(--bl-keret-eros);
    color: var(--bl-szoveg);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--bl-parazs);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.18);
}

.form-check-input:checked {
    background-color: var(--bl-parazs);
    border-color: var(--bl-parazs);
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.18);
}

.form-label {
    font-weight: 550;
    font-size: 0.875rem;
    margin-bottom: 0.3rem;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bl-keret);
    color: var(--bl-szoveg);
}

.table > thead {
    color: var(--bl-szoveg-halk);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.table > thead th {
    font-weight: 600;
    border-bottom-width: 1px;
    white-space: nowrap;
}

.nav-tabs {
    --bs-nav-tabs-border-color: var(--bl-keret);
    --bs-nav-tabs-link-active-bg: var(--bl-felulet);
    --bs-nav-tabs-link-active-border-color: var(--bl-keret) var(--bl-keret) var(--bl-felulet);
    --bs-nav-link-color: var(--bl-szoveg-halk);
    --bs-nav-tabs-link-active-color: var(--bl-parazs);
}

.alert {
    border-radius: var(--bl-sugar);
    border-width: 0 0 0 4px;
}

.badge {
    font-weight: 600;
    letter-spacing: 0.02em;
}

.dropdown-menu {
    --bs-dropdown-bg: var(--bl-felulet);
    --bs-dropdown-border-color: var(--bl-keret);
    --bs-dropdown-border-radius: var(--bl-sugar);
    --bs-dropdown-link-color: var(--bl-szoveg);
    --bs-dropdown-link-hover-bg: var(--bl-felulet-halk);
    box-shadow: var(--bl-arnyek-eros);
}

.modal-content {
    background-color: var(--bl-felulet);
    border-color: var(--bl-keret);
    border-radius: var(--bl-sugar);
}

.pagination {
    --bs-pagination-color: var(--bl-szoveg);
    --bs-pagination-bg: var(--bl-felulet);
    --bs-pagination-border-color: var(--bl-keret);
    --bs-pagination-active-bg: var(--bl-parazs);
    --bs-pagination-active-border-color: var(--bl-parazs);
    --bs-pagination-hover-bg: var(--bl-felulet-halk);
}