/**
 * Weekly Meal Selection page: highlight the entire row when selected,
 * instead of relying on the small radio/checkbox indicator alone.
 * Uses :has() to react to the child input's checked state directly —
 * no JS or markup changes needed.
 */
.mv-selection-row:has(input:checked) {
    background: #fff8e6 !important;
    border-color: #d4a017 !important;
    box-shadow: inset 0 0 0 1px #d4a017;
}

.mv-selection-row:has(input:checked) span {
    font-weight: 700;
    color: #7a0000;
}

.mv-selection-row input {
    accent-color: #980000;
}