/**
 * Rámeček „Teď se nedá koupit“ nad tabulkou cen (inc/nahrady-produktu.php, 2026-11-06).
 *
 * Načítá se jen na detailu produktu, který se nedá koupit v žádném e-shopu.
 */

.mz-nahrada {
	margin: 0 0 16px;
	padding: 14px 16px;
	border: 1px solid #f0e4e0;
	border-radius: 16px;
	background: var(--wp--preset--color--kremova);
}

.mz-nahrada__nadpis,
.mz-nahrada__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.45;
}

.mz-nahrada__text {
	margin-top: 4px;
	color: var(--wp--preset--color--antracit);
}

.mz-nahrada__seznam {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

/* Jedna náhrada: fotka | název | tlačítko. */
.mz-nahrada__polozka {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 8px;
	border-radius: 12px;
	background: var(--wp--preset--color--bila);
}

.mz-nahrada__polozka + .mz-nahrada__polozka {
	margin-top: 8px;
}

.mz-nahrada__foto {
	display: block;
	width: 56px;
	height: 56px;
	overflow: hidden;
	border-radius: 10px;
	background: var(--wp--preset--color--bila);
}

.mz-nahrada__obrazek {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.mz-nahrada__nazev {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--wp--preset--color--antracit);
	text-decoration: none;
}

.mz-nahrada__nazev:hover,
.mz-nahrada__nazev:focus-visible {
	color: var(--wp--preset--color--koralova-tmava);
}

.mz-nahrada__tlacitko {
	padding: 9px 16px;
	font-size: 14px;
	white-space: nowrap;
}

/* Úzký sloupec: tlačítko pod názvem přes celou šířku. */
@media (max-width: 520px) {
	.mz-nahrada__polozka {
		grid-template-columns: 56px minmax(0, 1fr);
	}

	.mz-nahrada__tlacitko {
		grid-column: 1 / -1;
		text-align: center;
		white-space: normal;
	}
}

/* Souhrn pod názvem produktu: „teď se nedá koupit“ místo „od X Kč“. */
.mz-produkt-suhrn__cena--nelze {
	color: var(--wp--preset--color--koralova-tmava);
	font-weight: 700;
}

a.mz-produkt-suhrn__cena--nelze {
	text-decoration: underline;
	text-underline-offset: 3px;
}