/* Symfony (bootstrap_5_layout.html.twig, bloc `checkbox_radio_label`) rend
 * l'input et le label comme deux ELEMENTS FRERES dans `.form-check`, jamais
 * l'un dans l'autre : `<div class="form-check"><input>...<label>texte</label></div>`.
 * La carte doit donc être stylée sur `.form-check` lui-même, pas sur le label. */
.form-check:has(> .mbb-profile-choice-label) {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: 1rem;
    margin-bottom: 0;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .375rem;
    cursor: pointer;
    transition: border-color .15s ease;
}

.form-check:has(> .mbb-profile-choice-label):has(> .form-check-input:checked) {
    border-color: var(--bs-primary);
}

.form-check:has(> .mbb-profile-choice-label) > .form-check-input {
    float: none;
    margin-top: .2em;
    margin-left: 0;
    flex-shrink: 0;
}

.mbb-profile-choice-label {
    margin-bottom: 0;
}