/* Rezervační formulář Bayley-4 – přebírá písmo a barvy šablony webu. */
.b4 {
	--b4-akcent: #2c6e8f;
	--b4-okraj: #d5dde2;
	--b4-pozadi: #f6f8f9;
	max-width: 720px;
	margin: 0 auto 2em;
}
.b4 *,
.b4 *::before,
.b4 *::after { box-sizing: border-box; }

.b4-uvod { margin-bottom: 1.5em; }
.b4-nadpis { margin: 1.5em 0 .6em; }

.b4-form { margin: 0 0 1em; }
.b4-pole { margin: 0 0 1em; border: 0; padding: 0; }
.b4-pole > label:not(.b4-volba),
.b4-pole > legend { display: block; font-weight: 600; margin-bottom: .3em; padding: 0; }
.b4-pole input[type="text"],
.b4-pole input[type="email"],
.b4-pole input[type="tel"],
.b4-pole input[type="date"] {
	width: 100%;
	padding: .65em .75em;
	border: 1px solid var(--b4-okraj);
	border-radius: 6px;
	font-size: 16px; /* zabrání přiblížení na iPhonu */
	background: #fff;
	color: inherit;
	min-height: 44px;
}
.b4-radek2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1em; }
@media (max-width: 560px) { .b4-radek2 { grid-template-columns: 1fr; } }

.b4 .b4-volba { display: inline-flex; align-items: center; gap: .45em; margin-right: 1.5em; font-weight: normal; cursor: pointer; min-height: 44px; }
.b4-volba input { width: 20px; height: 20px; margin: 0; flex: none; }
.b4 .b4-souhlas { display: flex; align-items: flex-start; margin-right: 0; }
.b4-souhlas input { margin-top: .2em; }

.b4-chyba { display: block; color: #b42318; font-size: .9em; margin-top: .3em; }

.b4-gdpr { margin: 0 0 1em; padding: .7em 1em; background: var(--b4-pozadi); border-radius: 6px; font-size: .92em; }
.b4-gdpr summary { cursor: pointer; font-weight: 600; }

.b4-tlacitko,
a.b4-tlacitko {
	display: inline-block;
	background: var(--b4-akcent);
	color: #fff;
	border: 0;
	border-radius: 6px;
	padding: .8em 1.4em;
	font-size: 1em;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	min-height: 44px;
}
.b4-tlacitko:hover,
.b4-tlacitko:focus { filter: brightness(1.1); color: #fff; }
.b4-tlacitko-zrusit { background: #b42318; }
.b4-odkaz { background: none; border: 0; padding: 0; color: var(--b4-akcent); cursor: pointer; text-decoration: underline; font-size: .95em; }

.b4-terminy { margin: 1em 0; }
.b4-den { border: 1px solid var(--b4-okraj); border-radius: 8px; padding: .4em 1em .6em; margin: 0 0 1em; }
.b4-den legend { font-weight: 600; padding: 0 .4em; }
.b4-termin {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .3em .8em;
	padding: .7em .5em;
	border-top: 1px solid var(--b4-okraj);
	cursor: pointer;
}
.b4-den .b4-termin:first-of-type { border-top: 0; }
.b4-termin input { width: 20px; height: 20px; margin: 0; flex: none; }
.b4-termin:has(input:checked) { background: var(--b4-pozadi); border-radius: 6px; }
.b4-cas { font-weight: 600; min-width: 7.5em; }
.b4-detail { color: #555; font-size: .92em; }

.b4-zprava { border-radius: 6px; padding: .8em 1em; margin: 0 0 1.2em; border-left: 4px solid; }
.b4-zprava p { margin: 0 0 .4em; }
.b4-zprava p:last-child { margin-bottom: 0; }
.b4-zprava ul { margin: .4em 0 .6em 1.2em; }
.b4-zprava-ok { background: #ecfdf3; border-color: #12b76a; }
.b4-zprava-info { background: #eff8ff; border-color: #2e90fa; }
.b4-zprava-chyba { background: #fef3f2; border-color: #d92d20; }

.b4-tabulka { width: 100%; border-collapse: collapse; margin: 0 0 1em; }
.b4-tabulka th,
.b4-tabulka td { text-align: left; padding: .45em .6em; border-bottom: 1px solid var(--b4-okraj); vertical-align: top; }
.b4-tabulka th { width: 32%; font-weight: 600; }
.b4-pokyny { background: var(--b4-pozadi); padding: .8em 1em; border-radius: 6px; }

.b4-past { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }