/* Additions to Fluent Booking's own styles (fluent-booking.css) for parts the new widget renders itself:
   the confirmation screen's icon, calendar links and change links, and inline errors in the slot list. */
.fcal_confirmation .fcal_confirm_header svg { display: block; margin: 0 auto 12px; }
.fcal_confirmation .fcal_confirm_header p { color: #666; margin: 0; }
.fcal_confirmation .fcal_booking_manage { text-align: center; }
.fcal_confirmation .fcal_booking_manage a,
.fcal_confirmation .fcal_confirm_section_content a { color: var(--fcal_primary_color); text-decoration: underline; }
.fcal_to_calendars .fcal_cal_items { flex-wrap: wrap; row-gap: 10px; }
.fcal_slot_items .fcal_errors { color: #f56c6c; font-size: 0.875rem; margin: 0 0 12px; }
.fcal_booking_form .fcal_errors { color: #f56c6c; font-size: 0.875rem; margin-top: 12px; }
.fcal_no_availability { padding: 16px 0; text-align: center; color: var(--fcal_dark); }
.fcal_no_availability button { background: none; border: 0; color: var(--fcal_primary_color); cursor: pointer; text-decoration: underline; }