.wa-section {
    margin-bottom: 1.25rem;
}

.wa-block {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 0.375rem;
}

.wa-userinfo {
    line-height: 1.6;
}

.wa-block table td {
    vertical-align: middle;
}

.wa-block .form-control-sm {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
}

.btn-group-vertical > .btn {
    min-height: 18px;
    line-height: 1;
}

.wa-btn {
    width: 130px;
}

#participantSection {
    margin-left: 2.2rem;
}

#culinaryOptionsSection {
    margin-left: 2.2rem;
}

.form-check {
    display: flex;
    align-items: center;
}

/* Groter en duidelijker */
.form-check-input {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0; /* voorkomt misalignment */
    border: 2px solid #6c757d; /* duidelijkere rand */
    cursor: pointer;
}

/* Hover feedback */
.form-check-input:hover {
    border-color: #0d6efd;
}

/* Checked state (Bootstrap override iets sterker maken) */
.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* Focus (keyboard usability!) */
.form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}

/* Label beter uitlijnen */
.form-check-label {
    margin-left: 0.5rem;
    cursor: pointer;
}

/* geen filter */
.tri-all {
    opacity: 0.4;
}

/* wel */
.tri-yes {
    accent-color: #198754; /* groen */
}

/* niet */
.tri-no {
    accent-color: #dc3545; /* rood */
}