/*
 * Lišta souhlasu s cookies a dialog nastavení (template-parts/cookies.php).
 * Načítá se jen se zapnutým GTM a lištou (inc/mereni.php).
 * Lišta je karta dole uprostřed, obsah stránky neblokuje; na mobilu přes celou šířku.
 */

.ma-cookies {
	position: fixed;
	z-index: 900;
	right: 1.5rem;
	bottom: 1.5rem;
	left: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem 2rem;
	max-width: 62rem;
	margin-inline: auto;
	padding: 1.25rem 1.5rem;
	border-radius: var(--r-xl);
	background: var(--white);
	box-shadow: 0 1rem 3rem rgba(18, 51, 43, .22), 0 0 0 1px var(--line-2);
	color: var(--ink);
	animation: ma-cookies-vyjet .25s ease-out;
}

.ma-cookies[hidden] {
	display: none;
}

.ma-cookies__text {
	flex: 1 1 auto;
	min-width: 0;
}

.ma-cookies__nadpis {
	margin-bottom: .25rem;
	font-size: 1.0625rem;
}

.ma-cookies__text p {
	color: var(--ink-2);
	font-size: .875rem;
	line-height: 1.5;
}

.ma-cookies a,
.ma-cookies-dialog a {
	color: var(--accent-text);
	text-decoration: underline;
	text-underline-offset: .15em;
}

.ma-cookies__tlacitka {
	display: flex;
	flex: none;
	align-items: center;
	gap: .5rem;
}

.ma-cookies__tlacitka .ma-btn {
	min-width: 8.5rem;
}

.ma-cookies__nastaveni {
	padding: .5rem .75rem;
	border: 0;
	background: none;
	color: var(--ink);
	font: inherit;
	font-size: .875rem;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: .2em;
	cursor: pointer;
}

.ma-cookies__nastaveni:hover {
	color: var(--accent-text);
}

@keyframes ma-cookies-vyjet {
	from {
		transform: translateY(1rem);
		opacity: 0;
	}
}

/* Dialog nastavení */

.ma-cookies-dialog {
	width: min(34rem, calc(100vw - 2rem));
	max-height: calc(100dvh - 2rem);
	padding: 0;
	border: 0;
	border-radius: var(--r-xl);
	background: var(--white);
	color: var(--ink);
}

.ma-cookies-dialog::backdrop {
	background: rgba(18, 51, 43, .55);
}

.ma-cookies-dialog__obsah {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1.5rem;
}

.ma-cookies-dialog__hlavicka {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.ma-cookies-dialog__hlavicka h2 {
	font-size: 1.375rem;
}

.ma-cookies-dialog__hlavicka .ma-kulate-tlacitko {
	background: var(--sand);
}

.ma-cookies-dialog__uvod {
	color: var(--ink-2);
	font-size: .875rem;
	line-height: 1.5;
}

.ma-cookies-dialog__kategorie {
	display: flex;
	gap: 1rem;
	padding: 1rem 1.125rem;
	border-radius: var(--r-lg);
	background: var(--bg);
}

.ma-cookies-dialog__kategorie > span:first-child {
	display: flex;
	flex-direction: column;
	gap: .125rem;
}

.ma-cookies-dialog__nazev {
	font-weight: 700;
}

.ma-cookies-dialog__popis {
	color: var(--muted);
	font-size: .8125rem;
	line-height: 1.45;
}

.ma-cookies-dialog__kategorie:has(input:disabled) {
	cursor: default;
}

.ma-cookies-dialog__kategorie input:disabled + .ma-prepinac__kolej {
	opacity: .55;
}

.ma-cookies-dialog__tlacitka {
	display: flex;
	justify-content: flex-end;
	gap: .5rem;
	margin-top: .25rem;
}

/* Odkaz v patičce */

.ma-paticka__cookies {
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-decoration: underline;
	text-underline-offset: .2em;
	cursor: pointer;
}

.ma-paticka__cookies:hover {
	color: var(--white);
}

@media (max-width: 47.99rem) {
	.ma-cookies {
		right: .5rem;
		bottom: .5rem;
		left: .5rem;
		flex-direction: column;
		align-items: stretch;
		padding: 1.125rem 1rem 1rem;
	}

	.ma-cookies__tlacitka {
		flex-wrap: wrap;
	}

	.ma-cookies__tlacitka .ma-btn {
		flex: 1 1 0;
		min-width: 0;
	}

	/* Nastavení jako textový odkaz na vlastním řádku pod tlačítky. */
	.ma-cookies__nastaveni {
		order: 1;
		flex-basis: 100%;
	}

	.ma-cookies-dialog__tlacitka .ma-btn {
		flex: 1 1 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ma-cookies {
		animation: none;
	}
}

@media print {
	.ma-cookies {
		display: none !important;
	}
}