/**
 * Detail produktu: přilepená lišta s cenou a kotva tabulky cen (2026-11-04).
 *
 * Lišta (inc/nakup-tlacitka.php, assets/js/nakup-lista.js) je jen v jednosloupcovém
 * zobrazení do 900 px, tedy tam, kde je tabulka cen až pod galerií. Na širší
 * obrazovce je tabulka hned vedle fotky a lišta by jen překážela.
 */

/* Kotva „Dostupné v…“ a lišty: tabulka nesmí zajet pod přišpendlenou hlavičku. */
.mz-srovnani-wrap {
	scroll-margin-top: 90px;
}

/* ⚠️ display: flex níž by jinak přebilo atribut hidden, proto výslovně. */
.mz-nakup-lista[hidden] {
	display: none;
}

@media (min-width: 901px) {
	.mz-nakup-lista {
		display: none;
	}
}

@media (max-width: 900px) {
	.mz-nakup-lista {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 400; /* Nad obsahem a pod hlavičkou i modály (500 a víc). */
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
		border-top: 1px solid #f0e4e0;
		background: var(--wp--preset--color--bila);
		box-shadow: 0 -4px 16px rgba(62, 62, 64, 0.08);
	}

	.mz-nakup-lista__info {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-width: 0;
		color: inherit;
		text-decoration: none;
		line-height: 1.25;
	}

	.mz-nakup-lista__cena {
		font-size: 17px;
		color: var(--wp--preset--color--koralova-tmava);
	}

	.mz-nakup-lista__kde {
		overflow: hidden;
		font-size: 12.5px;
		color: var(--mz-seda-text, #6e7174);
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.mz-nakup-lista__tlacitko.wp-block-button__link {
		flex: 0 0 auto;
		padding: 10px 20px;
		font-size: 15px;
		white-space: nowrap;
	}

	/* Místo pro lištu na konci stránky a posunuté plovoucí tlačítko cookies,
	   jinak by leželo přes cenu. Třídy přepíná skript podle viditelnosti lišty. */
	body.mz-ma-nakup-listu {
		padding-bottom: 62px;
	}

	body.mz-nakup-lista-vidi .mzc-reopen {
		bottom: calc(62px + 0.75rem);
	}
}