.field-visible {
    color: #213C6E;
    font-weight: bold;
}

.field-hidden {
    color: grey;
    font-weight: bold;
}

.bg-teamblue {
    background-color: #213C6E;
}

.text-teamblue {
    color: #213C6E;
}

.btn-teamblue {
    background-color: #213C6E !important;
    color: white !important;
    border-color: #213C6E !important;
}

.btn-teamblue:hover {
    background-color: #1a2b4f !important;
    color: white !important;
    border-color: #1a2b4f !important;
}

.form-teamblue .form-check-input:checked {
    background-color: #213C6E !important;
    border-color: #213C6E !important;
}

#langToggle { padding-right: 1.75rem; }

.lang-select {
    background-color: #213C6E;    /* same as .bg-teamblue */
    color: #18ace3;
    border: 1px solid #fff;
    width: auto;                 /* shrink to fit text */
    padding-right: 1.3rem;         /* room for arrow */
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%204%205'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M2%205L0%200h4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 0.45rem;
}

.lang-select:focus {
    border-color: #a9c0f8;        /* subtle glow */
    box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.25);
}

.lang-select option {
    color: #213C6E;               /* dark text in dropdown list */
}

button:disabled {
    cursor: not-allowed;
    pointer-events: auto !important;
}