/* SSR booking flow supplements — classes the BookingFlow scoped CSS
   (.razor.css with b-xxxx scope attributes) can't cover for markup
   rendered outside that component. Global classes like ln-srv-card,
   ln-cal-d, ln-time-opt are already styled in the public bundle. */

.ln-srv-card--sel {
    border-color: var(--accent-ring);
    background: var(--accent-subtle);
}

.ln-srv-patch {
    background: color-mix(in oklab, #d97706 14%, transparent);
    color: #92400e;
}

.ln-flow-error {
    padding: .75rem 1rem;
    margin: .75rem 0;
    border-radius: .75rem;
    background: color-mix(in oklab, #dc2626 10%, transparent);
    border: 1px solid color-mix(in oklab, #dc2626 35%, transparent);
    color: #b91c1c;
    font-size: .9rem;
}

/* Explicit >=16px input/textarea/select guarantee in unlayered CSS
   so iOS Safari / WebKit never triggers auto-zoom on focus. */
.ln-form-input,
.ln-form-textarea,
select.ln-form-input {
    font-size: max(16px, 1rem);
}

/* ValidationMessage renders with Blazor's default class — align it */
.validation-message {
    color: #b91c1c;
    font-size: .8rem;
    margin-top: .25rem;
    display: block;
}