/*
 * Lišta a okno Nastavení souborů cookie (plugin CookieLawInfo / CookieYes, styl „popup“)
 * ve stylu webu: bílá karta se symbolem Bašty, nadpis Roboto Slab, tlačítka jako na webu,
 * zatmavení s rozostřením přes celé okno včetně hlavičky. Načítá se po stylech pluginu.
 */

/* ===== Lišta (popup) ===== */
.cli-popupbar-overlay,
.cli-modal-backdrop {
	z-index: 10000 !important;
	opacity: 1 !important;
	background: rgba(8, 21, 4, 0.55) !important;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

#cookie-law-info-bar {
	z-index: 10001 !important;
	top: 50% !important;
	left: 50% !important;
	width: min(760px, calc(100vw - 32px)) !important;
	max-height: calc(100vh - 32px) !important;
	margin: 0 !important;
	padding: 36px 44px 36px 200px !important;
	border-radius: 14px;
	background: #fff url("../images/basta-symbol.svg") 44px 50% / 120px auto no-repeat !important;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
	text-align: left !important;
	transform: translate(-50%, -50%);
}

#cookie-law-info-bar .cli-bar-container {
	display: block !important;
	text-align: left !important;
}

#cookie-law-info-bar .cli-bar-container::before {
	content: "Soubory cookie";
	display: block;
	margin: 0 0 12px;
	color: #2b5342;
	font: 700 26px/1.2 "Roboto Slab", serif;
}

#cookie-law-info-bar .cli-bar-message {
	margin: 0 0 24px !important;
	color: #606060 !important;
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
}

#cookie-law-info-bar .cli-bar-btn_container {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

#cookie-law-info-bar .cli-plugin-button,
#cliSettingsPopup .cli-tab-footer .cli-btn {
	margin: 0 !important;
	padding: 12px 25px !important;
	border: 1px solid transparent !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-family: "Roboto Slab", serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 23px !important;
	text-transform: none !important;
}

#cookie-law-info-bar .wt-cli-accept-all-btn,
#cliSettingsPopup .cli-tab-footer .cli-btn {
	order: 1;
	background: #2b5342 !important;
	color: #fff !important;
}

#cookie-law-info-bar .cli_settings_button {
	order: 2;
	border-color: #e6e6e6 !important;
	background: #f7f8fa !important;
	color: #2b5342 !important;
}

@media (max-width: 600px) {
	#cookie-law-info-bar {
		padding: 132px 24px 28px !important;
		background-position: 24px 24px !important;
		background-size: 96px auto !important;
	}
}

/* ===== Okno Nastavení ===== */
#cliSettingsPopup {
	z-index: 10002 !important;
}

#cliSettingsPopup .cli-modal-dialog {
	max-width: min(760px, calc(100vw - 32px));
}

#cliSettingsPopup .cli-modal-content {
	padding: 36px 44px 24px;
	border: 0;
	border-radius: 14px;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
}

#cliSettingsPopup .cli-modal-body,
#cliSettingsPopup .cli-modal-footer {
	padding: 0 !important;
}

#cliSettingsPopup .cli-modal-close {
	top: 18px;
	right: 18px;
	border-radius: 8px;
}

#cliSettingsPopup .cli-modal-close svg {
	fill: #2b5342;
}

#cliSettingsPopup .cli-privacy-overview h4 {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 40px 14px 0;
	color: #2b5342;
	font: 700 26px/1.2 "Roboto Slab", serif;
}

#cliSettingsPopup .cli-privacy-overview h4::before {
	content: "";
	flex: 0 0 auto;
	width: 56px;
	aspect-ratio: 1;
	background: url("../images/basta-symbol.svg") center / contain no-repeat;
}

#cliSettingsPopup .cli-privacy-content-text,
#cliSettingsPopup .wt-cli-cookie-description {
	color: #606060;
	font: 300 15px/1.6 Roboto, sans-serif;
}

#cliSettingsPopup .cli-privacy-readmore {
	color: #2b5342;
	font: 500 14px/1.6 Roboto, sans-serif;
	text-decoration: underline;
}

#cliSettingsPopup .cli-tab-section {
	margin: 0 0 8px;
}

#cliSettingsPopup .cli-tab-header {
	padding: 14px 18px;
	border-radius: 8px;
	background: #f7f8fa;
}

#cliSettingsPopup .cli-tab-header .cli-nav-link {
	color: #2b5342;
	font: 700 16px/1.4 "Roboto Slab", serif;
}

#cliSettingsPopup .cli-tab-header a::before {
	border-color: #2b5342;
}

#cliSettingsPopup .cli-necessary-caption,
#cliSettingsPopup .cli-switch .cli-slider::after {
	color: #606060;
	font: 400 13px/1.4 Roboto, sans-serif;
}

#cliSettingsPopup .cli-switch .cli-slider {
	background: #d5dbd8;
}

#cliSettingsPopup .cli-switch input:checked + .cli-slider {
	background: #2b5342;
}

#cliSettingsPopup .cli-tab-content {
	padding: 14px 18px 4px;
}

#cliSettingsPopup .cookielawinfo-row-cat-table {
	margin-top: 10px;
	border-collapse: collapse;
	font: 300 13px/1.5 Roboto, sans-serif;
}

#cliSettingsPopup .cookielawinfo-row-cat-table th {
	background: #2b5342;
	color: #fff;
	font-weight: 500;
}

#cliSettingsPopup .cookielawinfo-row-cat-table td,
#cliSettingsPopup .cookielawinfo-row-cat-table th {
	padding: 8px 10px;
	border-bottom: 1px solid #e6e6e6;
}

#cliSettingsPopup .cli-tab-footer {
	justify-content: flex-end;
	padding: 16px 0 0 !important;
}

/* Text tlačítka je v nastavení pluginu verzálkami – zobrazit „Uložit a přijmout“. */
#cliSettingsPopup .cli-tab-footer .cli-btn {
	text-transform: lowercase !important;
}

#cliSettingsPopup .cli-tab-footer .cli-btn::first-letter {
	text-transform: uppercase;
}

#cliSettingsPopup .wt-cli-ckyes-footer-section {
	margin-top: 8px;
	opacity: 0.6;
}

@media (max-width: 600px) {
	#cliSettingsPopup .cli-modal-content {
		padding: 28px 20px 20px;
	}

	#cliSettingsPopup .cli-privacy-overview h4 {
		font-size: 21px;
	}

	#cliSettingsPopup .cli-privacy-overview h4::before {
		width: 44px;
	}
}

/* Zkrácený úvodní text: tři celé řádky (15 px × 1,6). */
#cliSettingsPopup .cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
	max-height: 72px;
}

/* Seznam kategorií podle výšky okna (plugin: pevně 500 px). */
#cliSettingsPopup .cli-tab-container .cli-row {
	max-height: calc(100vh - 220px);
}

/* Na mobilu bez textového popisku přepínače (překrýval by název kategorie). */
@media (max-width: 600px) {
	#cliSettingsPopup .cli-switch .cli-slider::after {
		display: none;
	}
}