/* Lišta so súhlasom. Farby sa berú z premenných témy, aby lišta sedela
   so zvyškom webu; keby téma chýbala, záložné hodnoty ju udržia čitateľnú. */
.ck {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 90;
	padding: 16px;
	display: flex;
	justify-content: center;
}
.ck[hidden] { display: none; }
.ck__box {
	width: 100%;
	max-width: 760px;
	padding: 22px 26px;
	border-radius: var(--r-lg, 16px);
	background: var(--white, #fff);
	box-shadow: 0 2px 4px rgba(8, 38, 74, .05), 0 24px 60px -20px rgba(8, 38, 74, .45);
	font-size: .9375rem;
	line-height: 1.55;
	color: var(--ink, #10213a);
}
.ck__title { margin: 0 0 8px; font-size: 1.0625rem; font-weight: 600; }
.ck__text { margin: 0 0 16px; color: var(--ink-2, #4b5a6e); }
.ck__text a { color: var(--brand, #14508f); }

.ck__volby { display: grid; gap: 12px; margin: 0 0 18px; padding: 16px; border-radius: var(--r, 8px); background: var(--mist, #eef4fa); }
/* Atribút hidden musí prebiť display:grid, inak je panel stále otvorený. */
.ck__volby[hidden] { display: none; }
.ck__volba { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.ck__volba input { margin-top: 3px; flex: none; }
.ck__volba strong { display: block; font-weight: 600; }
.ck__popis { display: block; color: var(--ink-2, #4b5a6e); font-size: .875rem; }

.ck__akcie { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ck__btn {
	min-height: 44px;
	padding: 0 20px;
	border: 1.5px solid var(--line, #dbe3ec);
	border-radius: 999px;
	background: var(--white, #fff);
	color: var(--ink, #10213a);
	font: inherit;
	font-weight: 500;
	cursor: pointer;
	transition: border-color .2s, background-color .2s, color .2s;
}
.ck__btn:hover { border-color: var(--brand, #14508f); }
.ck__btn--primary { background: var(--accent, #f6ae2d); border-color: var(--accent, #f6ae2d); color: var(--on-accent, #10213a); }
.ck__btn--primary:hover { background: var(--accent-600, #e09a12); }
.ck__btn--text { border-color: transparent; text-decoration: underline; padding: 0 8px; }
.ck__btn[hidden] { display: none; }

/* Miesto po zablokovanom ráme — nesmie „poskočiť“, keď sa mapa načíta. */
.ck-ram { position: relative; display: grid; min-height: 340px; border-radius: var(--r-lg, 16px); overflow: hidden; background: var(--mist, #eef4fa); }
.ck-ram__oznam { align-self: center; justify-self: center; max-width: 420px; padding: 28px; text-align: center; }
.ck-ram__oznam p { margin: 0 0 16px; color: var(--ink-2, #4b5a6e); font-size: .9375rem; }
.ck-ram__btn {
	min-height: 44px;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: var(--accent, #f6ae2d);
	color: var(--on-accent, #10213a);
	font: inherit;
	font-weight: 500;
	cursor: pointer;
}
.ck-ram__btn:hover { background: var(--accent-600, #e09a12); }
.ck-ram__pozn { margin: 14px 0 0 !important; font-size: .8125rem; }
.ck-ram iframe { display: block; width: 100%; height: 100%; min-height: 340px; border: 0; }

/* Video: náhľad z vlastného servera, stmavený, aby sa dal čítať oznam. */
.ck-ram--video { aspect-ratio: 16 / 9; min-height: 0; background-color: #10213a; background-size: cover; background-position: center; }
.ck-ram--video::before { content: ""; position: absolute; inset: 0; background: rgba(8, 24, 46, .62); }
.ck-ram--video .ck-ram__oznam { position: relative; max-width: 460px; }
.ck-ram--video .ck-ram__oznam p { color: rgba(255, 255, 255, .88); }
.ck-ram--video .ck-ram__btn { min-height: 52px; padding: 0 28px; font-size: 1.0625rem; }
.ck-ram--video.is-loaded::before { content: none; }
.ck-ram--video iframe { position: absolute; inset: 0; min-height: 0; }
@media (max-width: 560px) {
	.ck-ram--video { aspect-ratio: auto; min-height: 260px; }
	.ck-ram--video .ck-ram__oznam { padding: 20px; }
	.ck-ram--video .ck-ram__oznam p { font-size: .875rem; }
	.ck-ram--video.is-loaded { aspect-ratio: 16 / 9; min-height: 0; }
}

.ck-zmenit {
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-decoration: underline;
	cursor: pointer;
}

.ck-tabulka { overflow-x: auto; margin: 1.4em 0; }
.ck-tabulka table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.ck-tabulka th, .ck-tabulka td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line, #dbe3ec); }
.ck-tabulka th { font-weight: 600; white-space: nowrap; }
.ck-tabulka td:first-child { font-family: ui-monospace, "Cascadia Code", Menlo, Consolas, monospace; font-size: .8125rem; }

@media (max-width: 640px) {
	.ck { padding: 10px; }
	.ck__box { padding: 18px 20px; }
	.ck__akcie .ck__btn { flex: 1 1 100%; }
	.ck__btn--text { flex-basis: auto !important; }
}