/* DC Bazén – kalendár obsadenosti + rezervačný formulár.
   Farby zladené s dc-tabory / dc-plavanie. */
.dc-bazen{
	--modra:#2878b6;--modra-tmava:#1f5f93;--siva:#f4f7fb;--ohranicenie:#dbe6f1;
	--volne:#e7f6ec;--volne-b:#4caf50;
	--obsadene:#fdeceb;--obsadene-b:#e03131;
	--minule:#f0f0f0;--minule-b:#cfcfcf;
	max-width:1000px;margin:0 auto 30px;
	font-family:"ABeeZee","Open Sans",Helvetica,Arial,sans-serif;color:#222;line-height:1.5;
}
.dc-bazen *{box-sizing:border-box}

.dc-bazen .dcb-hlavicka{text-align:center;margin-bottom:16px}
.dc-bazen .dcb-hlavicka h2{color:var(--modra);text-transform:uppercase;font-weight:700;font-size:1.5em;margin:0 0 8px}
.dc-bazen .dcb-hlavicka p{margin:0;color:#556;font-size:.92em}

.dc-bazen .dcb-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.dc-bazen .dcb-btn{display:inline-block;background:#fff;border:2px solid var(--ohranicenie);border-radius:22px;
	padding:7px 16px;font-size:.85em;font-weight:700;color:var(--modra);text-decoration:none}
.dc-bazen .dcb-btn:hover{border-color:var(--modra)}

.dc-bazen .dcb-mriezka-obal{overflow-x:auto}
.dc-bazen .dcb-mriezka{width:100%;border-collapse:collapse;min-width:720px;table-layout:fixed}
.dc-bazen .dcb-mriezka th,.dc-bazen .dcb-mriezka td{border:1px solid var(--ohranicenie);text-align:center}
.dc-bazen .dcb-mriezka thead th{background:var(--siva);padding:8px 4px;font-size:.82em}
.dc-bazen .dcb-mriezka thead th.dcb-dnes{background:#e4f0fb}
.dc-bazen .dcb-den{display:block;font-weight:700;color:var(--modra-tmava)}
.dc-bazen .dcb-datum{display:block;font-weight:400;color:#667;font-size:.9em}
.dc-bazen .dcb-rohovka{width:58px}
.dc-bazen .dcb-cas{background:var(--siva);font-weight:700;font-size:.8em;color:#556;width:58px;padding:4px}

.dc-bazen .dcb-bunka{height:34px;font-size:.72em;font-weight:700}
.dc-bazen .dcb-bunka span{display:inline-block;padding:1px 4px;border-radius:4px}
.dc-bazen .dcb-volne{background:var(--volne)}
.dc-bazen .dcb-volne span{color:#2f7d3f}
.dc-bazen .dcb-obsadene{background:var(--obsadene)}
.dc-bazen .dcb-obsadene span{color:#b32d2e}
.dc-bazen .dcb-minule{background:var(--minule)}

.dc-bazen .dcb-legenda{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:12px;font-size:.85em;color:#556}
.dc-bazen .dcb-legenda-pol{display:flex;align-items:center;gap:6px}
.dc-bazen .dcb-vz{width:16px;height:16px;border-radius:4px;display:inline-block;border:1px solid rgba(0,0,0,.08)}
.dc-bazen .dcb-vz.dcb-volne{background:var(--volne)}
.dc-bazen .dcb-vz.dcb-obsadene{background:var(--obsadene)}

/* Rezervačný formulár */
.dc-bazen .dcb-chyby{background:#fff5f5;border:1px solid var(--obsadene-b);border-radius:10px;padding:10px 14px;margin-bottom:14px;color:#a31515}
.dc-bazen .dcb-chyby ul{margin:0;padding-left:20px}
.dc-bazen .dcb-tip{font-size:.88em;color:#556;margin:0 0 14px}
.dc-bazen .dcb-form{background:#fff;border:1px solid var(--ohranicenie);border-radius:14px;padding:20px 22px;
	box-shadow:0 6px 18px rgba(40,120,182,.07);max-width:520px;margin:0 auto}
.dc-bazen .dcb-form label{display:block;font-size:.9em;font-weight:700;color:#445;margin:12px 0 4px}
.dc-bazen .dcb-form select{width:100%;padding:9px 11px;border:1px solid var(--ohranicenie);border-radius:8px;font-size:1em;font-family:inherit;background:#fff}
.dc-bazen .dcb-form select:focus{outline:none;border-color:var(--modra)}
.dc-bazen .dcb-podtext{font-size:.84em;color:#667;margin:14px 0 0}
.dc-bazen .dcb-btn-hlavny{margin-top:16px;width:100%;background:var(--modra);color:#fff;border:none;border-radius:24px;
	padding:13px 22px;font-size:1.03em;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s}
.dc-bazen .dcb-btn-hlavny:hover{background:var(--modra-tmava)}

@media(max-width:560px){
	.dc-bazen .dcb-hlavicka h2{font-size:1.3em}
}