/* Style specyficzne dla publicznego kalendarza rezerwacji */

.fb-booking-public {
	padding: 0 16px 70px; /* dolny odstęp na pasek akcji */
	box-sizing: border-box;
	margin-top: 60px; /* miejsce na legendę przypiętą do góry */
}

/* Wyjście poza kontener motywu — kalendarz zajmuje pełną szerokość okna.
   !important, bo motywy (zwłaszcza boxed) narzucają max-width i marginesy
   na bezpośrednie dzieci swoich wrapperów. */
.fb-booking-public.fb-fullwidth {
	position: relative;
	/* Zmienne ustawia skrypt; wartości zapasowe działają bez JS. */
	width: var(--fb-full-width, 100vw) !important;
	max-width: var(--fb-full-width, 100vw) !important;
	margin-left: var(--fb-full-offset, calc(50% - 50vw)) !important;
	margin-right: 0 !important;
	flex-shrink: 0; /* gdy wrapper motywu jest kontenerem flex */
	justify-self: stretch; /* gdy wrapper motywu jest siatką (grid) */
	background-color: #fff; /* poza kontenerem motywu nie ma jego tła */
}

/* Wrappery motywu (np. .boxed-wrapper) przycinają wyjście poza kontener swoim
   overflow — klasę nadaje skrypt tylko przodkom kalendarza. Zdejmujemy samo
   przycinanie; max-width wrappera zostaje, żeby reszta treści strony nie zmieniła układu. */
.fb-fullwidth-unlocked {
	overflow: visible !important;
	contain: none !important;
}

/* Publiczna legenda przypięta do góry — jak w BookingPage.razor.css */
.fb-booking-public .fb-legend {
	top: 0;
	bottom: auto;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Motywy z paskiem admina */
body.admin-bar .fb-booking-public .fb-legend {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.fb-booking-public {
		margin-top: 0; /* legenda jest w normalnym przepływie strony */
		padding: 0 10px 80px;
	}

	body.admin-bar .fb-booking-public .fb-legend {
		top: auto;
	}
}