/* "+ Add another" list questions (the BOL-number case). Its own file because the question
   block renders on five pages - public booking, edit, reschedule, internal booking and the door
   board - and only the first loads event-booking.css. Not a <style> block in a view: every
   string in a .cshtml lands in the assembly's user-string heap, the CS8103 ceiling. */
.multi-value-rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.multi-value-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.multi-value-row .multi-value-input {
    flex: 1 1 auto;
}

.multi-value-remove {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border: 1px solid var(--color-border, #d0d5dd);
    border-radius: var(--radius-sm, 6px);
    background: transparent;
    color: var(--color-text-muted, #667085);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.multi-value-remove:hover {
    background: var(--color-surface-muted, #f2f4f7);
    color: var(--color-text, #101828);
}

.multi-value-add {
    margin-top: 8px;
    padding: 8px 4px;
    min-height: 44px;
    border: none;
    background: transparent;
    color: var(--color-green, #22A447);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

.multi-value-add:hover {
    text-decoration: underline;
}

.multi-value-remove:focus-visible,
.multi-value-add:focus-visible {
    outline: 3px solid var(--color-green, #22A447);
    outline-offset: 2px;
}

/* Reschedule disables every question input; a locked list offers no add or remove. */
.multi-value-rows:has(.multi-value-input:disabled) .multi-value-remove,
.multi-value-rows:has(.multi-value-input:disabled) + .multi-value-add {
    display: none !important;
}