/* Verba — strona /rezerwacja (widżet FluentBooking) */

/* Kontener osadzenia — wyśrodkowany, ograniczona szerokość. */
.ed-booking-embed {
	margin: 40px auto 8px;
	max-width: 900px;
}

/* Widżet FluentBooking renderuje się JS-em (Vue) z własnymi stylami.
   Akcent (przyciski, zaznaczenia) idzie z color_schema eventu = #2f4a36.
   Poniżej tylko delikatne dostrojenie do typografii Verby. */
.ed-booking-page .fcal_teams,
.ed-booking-page .fcal_teams * {
	font-family: var(--font-sans);
}

/* Blok hosta („Verba — Centrum…") jako lekka karta editorial */
.ed-booking-page .fcal_each_member {
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 24px;
	border: var(--border-mid);
	background: var(--cream-soft);
	margin-bottom: 24px;
}

.ed-booking-page .fcal_person_avatar img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
}

.ed-booking-page .fcal_person_name {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: var(--fs-h3);
	color: var(--green-deep);
	margin: 0 0 4px;
}

.ed-booking-page .fcal_person_description {
	font-size: 15px;
	color: var(--muted);
	line-height: 1.5;
}

/* Nagłówek całej listy (gdy podany title/description w shortcode) */
.ed-booking-page .fcal_team_title {
	font-family: var(--font-serif);
	font-weight: 400;
	color: var(--green-deep);
}

/* Spinner ładowania — stonowany do palety (domyślnie niebieski) */
.ed-booking-page .fcal-inline-spinner,
.ed-booking-page .fcal-inline-spinner:before {
	border-color: var(--green-soft) var(--green-soft) transparent transparent !important;
}

@media (max-width: 640px) {
	.ed-booking-page .fcal_each_member {
		flex-direction: column;
		text-align: center;
		padding: 20px 16px;
	}
}