/* Override Bootstrap primary colour to indigo */
:root {
    --bs-primary: #4f46e5;
    --bs-primary-rgb: 79, 70, 229;
    --bs-link-color: #4f46e5;
    --bs-link-hover-color: #4338ca;
}

.btn-primary {
    --bs-btn-bg: #4f46e5;
    --bs-btn-border-color: #4f46e5;
    --bs-btn-hover-bg: #4338ca;
    --bs-btn-hover-border-color: #4338ca;
    --bs-btn-active-bg: #3730a3;
    --bs-btn-active-border-color: #3730a3;
    --bs-btn-disabled-bg: #4f46e5;
    --bs-btn-disabled-border-color: #4f46e5;
}

.btn-outline-primary {
    --bs-btn-color: #4f46e5;
    --bs-btn-border-color: #4f46e5;
    --bs-btn-hover-bg: #4f46e5;
    --bs-btn-hover-border-color: #4f46e5;
}

.form-control:focus,
.form-select:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 0.25rem rgba(79, 70, 229, 0.25);
}

.nav-tabs {
    --bs-nav-tabs-link-active-color: #0f172a;
    --bs-nav-tabs-link-active-border-color: #cbd5e1 #cbd5e1 #fff;
}

.nav-tabs .nav-link {
    color: #475569;
}

.nav-tabs .nav-link:hover {
    color: #0f172a;
}

.locale-flag {
    margin-right: 0.4rem;
    font-size: 1.05em;
    line-height: 1;
}

.locale-switcher-item {
    display: flex;
    align-items: center;
}