:root {
	/* jedno miesto na zmenu maximálnej šírky webu; drží sa theme.json */
	--mycopaw-wide: 1440px;
}

/*
 * Produktová stránka — to, čo theme.json vyjadriť nevie.
 *
 * Všetky farby a rozostupy sa berú z theme.json cez CSS premenné,
 * takže zmena palety tam sa prejaví aj tu. Nič sa nepíše natvrdo.
 *
 * Sem patrí len geometria, ktorú blokový editor neponúka:
 * fotka vytekajúca k okraju, poznámky vedľa nej, kruhové fotky
 * húb s deliacimi čiarami a dávkovacia tabuľka.
 */

/* ── spoločné ─────────────────────────────────────────────── */

.mycopaw-eyebrow {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: 0 0 .75rem;
	font-size: var(--wp--preset--font-size--sm, .82rem);
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--olive);
}

.mycopaw-ico { flex: 0 0 auto; }

.mycopaw-btn {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .85rem 1.5rem;
	border-radius: 999px;
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
	text-decoration: none;
	font-weight: 600;
	line-height: 1;
}

.mycopaw-btn:hover { background: var(--wp--preset--color--olive); }

.mycopaw-btn--ghost {
	padding-inline: 1.15rem;
	background: transparent;
	color: var(--wp--preset--color--ink);
	border: 1px solid var(--wp--preset--color--moss);
	/* nech sa radšej stlačí, než aby spadlo pod košík */
	flex: 0 1 auto;
	min-width: 0;
	white-space: nowrap;
}

.mycopaw-btn--ghost:hover {
	background: var(--wp--preset--color--sand);
	color: var(--wp--preset--color--ink);
}

.mycopaw-btn--ghost .mycopaw-ico { margin-left: .1rem; }

.mycopaw-note {
	font-size: var(--wp--preset--font-size--sm, .85rem);
	color: var(--wp--preset--color--ink-muted);
}

/* ── hero ─────────────────────────────────────────────────── */

.mycopaw-hero {
	background: linear-gradient(180deg, var(--wp--preset--color--sand-deep), var(--wp--preset--color--sand));
	/* fotka zámerne vyteká k okraju; 100vw počíta aj so šírkou posuvníka,
	   takže bez tohto by stránka dostala vodorovný posuvník */
	overflow: hidden;
}

.mycopaw-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 50fr) minmax(0, 50fr);
	align-items: stretch;
	gap: var(--wp--preset--spacing--60, 2rem);
	max-width: var(--mycopaw-wide);
	margin-inline: auto;
	padding-inline: var(--wp--style--root--padding-left, 1rem);
	box-sizing: content-box;
	padding-block: var(--wp--preset--spacing--60, 2rem);
}

.mycopaw-breadcrumb {
	margin-bottom: var(--wp--preset--spacing--50, 1.5rem);
	font-size: var(--wp--preset--font-size--sm, .82rem);
	color: var(--wp--preset--color--ink-muted);
}

.mycopaw-breadcrumb a { color: inherit; }
.mycopaw-breadcrumb .sep { margin-inline: .4rem; opacity: .55; }

.mycopaw-hero__headline {
	margin: 0;
	font-size: clamp(2rem, 1.1rem + 2.2vw, 2.875rem);
	font-weight: 600;
	line-height: 1.13;
	color: var(--wp--preset--color--forest);
}

.mycopaw-hero__intro {
	margin: var(--wp--preset--spacing--40, 1rem) 0 0;
	max-width: 34em;
	font-size: var(--wp--preset--font-size--base);
	line-height: 1.6;
	color: var(--wp--preset--color--ink-muted);
}

.mycopaw-features {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--50, 1.5rem);
	margin: var(--wp--preset--spacing--50, 1.5rem) 0 0;
	padding: 0;
	list-style: none;
}

.mycopaw-features li {
	flex: 0 1 9.5rem;
	max-width: 11rem;
	font-size: var(--wp--preset--font-size--sm, .82rem);
	line-height: 1.35;
	color: var(--wp--preset--color--ink-muted);
}

.mycopaw-features__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.375rem;
	height: 3.375rem;
	margin-bottom: .6rem;
	border-radius: 50%;
	border: 1px solid currentColor;
	background: transparent;
	color: var(--wp--preset--color--olive);
}

.mycopaw-features__ico .mycopaw-ico { width: 26px; height: 26px; }

/* nákupný blok — značka WooCommerce, tvar náš */

.mycopaw-buy { margin-top: var(--wp--preset--spacing--60, 2rem); }

.mycopaw-buy__price .price {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--wp--preset--color--forest);
}

.mycopaw-buy__price del { opacity: .5; font-weight: 400; }

/*
 * Rozbaľovačka variantov. Pri jednoduchom produkte ju WooCommerce
 * vôbec nevypíše, takže netreba žiadnu podmienku — zmizne sama
 * aj s celou tabuľkou .variations.
 */
.mycopaw-buy .variations {
	width: auto;
	margin: 0 0 .75rem;
	border-collapse: collapse;
}

.mycopaw-buy .variations th,
.mycopaw-buy .variations td {
	padding: .25rem 0;
	text-align: left;
	vertical-align: middle;
}

.mycopaw-buy .variations th {
	width: 8rem;
	font-size: var(--wp--preset--font-size--sm, .82rem);
	font-weight: 600;
	color: var(--wp--preset--color--ink-muted);
}

.mycopaw-buy select {
	width: 100%;
	max-width: 18rem;
	padding: .6rem .9rem;
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: 999px;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
}

.mycopaw-buy .reset_variations {
	font-size: var(--wp--preset--font-size--sm, .8rem);
	color: var(--wp--preset--color--ink-muted);
}

/*
 * Obal formulára sa vyradí z rozloženia, aby tlačidlo do košíka
 * a druhé tlačidlo boli súrodenci v jednom rade. „Doba dodania"
 * od pluginu WPify sa vypisuje hneď za formulárom, takže bez tohto
 * skončí v rade s tlačidlami a rozhodí ho.
 */
.mycopaw-buy__form { display: contents; }
.mycopaw-buy__row > .mycopaw-btn--ghost { order: 2; }

.mycopaw-buy .wpify-woo-delivery-date {
	order: 3;
	flex: 1 1 100%;
	display: flex;
	align-items: center;
	gap: .75rem;
	margin-top: .25rem;
}

.mycopaw-buy .wpify-woo-delivery-date__title,
.mycopaw-buy .wpify-woo-delivery-date h2,
.mycopaw-buy .wpify-woo-delivery-date h3 {
	margin: 0;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
}

.mycopaw-buy form.cart {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: .75rem;
	margin: 0;
	width: auto;
}

/*
 * Pri variabilnom produkte je formulár dvojposchodový: hore výber
 * variantu, pod ním množstvo a tlačidlo. Bez tohto by WooCommerce
 * postavil tabuľku variantov vedľa tlačidla.
 */
.mycopaw-buy form.variations_form {
	flex-direction: column;
	align-items: flex-start;
	gap: .25rem;
}

.mycopaw-buy .woocommerce-variation-add-to-cart {
	display: flex;
	align-items: center;
	gap: .75rem;
}

.mycopaw-buy .woocommerce-variation-price { margin-bottom: .5rem; }

/* Woo drží „Vymazať" skryté, kým nie je vybraný variant — nech nerozhadzuje riadok */
.mycopaw-buy .variations td {
	display: flex;
	align-items: center;
	gap: .75rem;
}

.mycopaw-buy .quantity input {
	width: 3.6rem;
	padding: .8rem .6rem;
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: 999px;
	text-align: center;
}

.mycopaw-buy .single_add_to_cart_button {
	padding: .95rem 1.8rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
	font-weight: 600;
	cursor: pointer;
}

.mycopaw-buy .single_add_to_cart_button:hover { background: var(--wp--preset--color--olive); }
.mycopaw-buy .single_add_to_cart_button.disabled { opacity: .45; cursor: not-allowed; }

.mycopaw-buy__row {
	display: flex;
	flex-wrap: wrap;
	/* zarovnané dospodu, nech druhé tlačidlo sedí v rovine s košíkom
	   aj keď je nad ním ešte riadok s výberom variantu */
	align-items: flex-end;
	gap: .75rem;
}

/* v návrhu je pri tlačidle len košík, množstvo zaberá miesto navyše */
.mycopaw-buy .quantity { flex: 0 0 auto; }

/* fotka a poznámky okolo nej */

.mycopaw-hero__media { position: relative; }

/*
 * Fotka vyteká k pravému okraju obrazovky. Odčíta sa odsadenie
 * obalu a polovica toho, o čo je obrazovka širšia než obsah.
 * Pod šírkou obsahu je max(0px, …) nula, takže sa nič nedeje.
 */
@media (min-width: 861px) {
	.mycopaw-hero__media {
		margin-right: calc(-1 * (
			var(--wp--style--root--padding-right, 1rem)
			+ max(0px, (100vw - var(--mycopaw-wide)
				- 2 * var(--wp--style--root--padding-right, 1rem)) / 2)
		));
	}
}

.mycopaw-hero__image {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 1rem 0 0 1rem;
}

.mycopaw-hero__note {
	position: absolute;
	top: 6%;
	left: 4%;
	max-width: 10rem;
	margin: 0;
	font-style: italic;
	font-size: var(--wp--preset--font-size--sm, .85rem);
	line-height: 1.3;
	color: var(--wp--preset--color--ink);
	transform: rotate(-4deg);
}

.mycopaw-annotations {
	position: absolute;
	top: 12%;
	right: 0;
	display: grid;
	gap: 1.1rem;
	margin: 0;
	padding: 0;
	list-style: none;
	max-width: 11rem;
}

.mycopaw-annotations li {
	display: flex;
	gap: .6rem;
	font-size: var(--wp--preset--font-size--sm, .78rem);
	line-height: 1.35;
	color: var(--wp--preset--color--ink-muted);
}

.mycopaw-annotations strong { color: var(--wp--preset--color--ink); font-weight: 600; }

.mycopaw-annotations__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 2.2rem;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 50%;
	border: 1px solid var(--wp--preset--color--hairline);
	background: rgba(255, 255, 255, .75);
	color: var(--wp--preset--color--olive);
}

/* ── hlavné zložky ────────────────────────────────────────── */

.mycopaw-ing { background: var(--wp--preset--color--base); }

.mycopaw-ing__inner {
	display: grid;
	grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
	gap: var(--wp--preset--spacing--60, 2rem);
	max-width: var(--mycopaw-wide);
	margin-inline: auto;
	padding-inline: var(--wp--style--root--padding-left, 1rem);
	box-sizing: content-box;
	padding-block: var(--wp--preset--spacing--70, 3rem);
}

.mycopaw-ing__lead h2 {
	margin: 0 0 .75rem;
	font-size: clamp(1.6rem, 1.1rem + 1.6vw, 2.3rem);
	color: var(--wp--preset--color--forest);
}

.mycopaw-ing__lead p:not(.mycopaw-eyebrow) { color: var(--wp--preset--color--ink-muted); }

.mycopaw-ing__list {
	display: grid;
	grid-template-columns: repeat(var(--mycopaw-cols, 3), minmax(0, 1fr));
	gap: var(--wp--preset--spacing--50, 1.5rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mycopaw-ing__list li {
	padding-inline: var(--wp--preset--spacing--40, 1rem);
	border-left: 1px solid var(--wp--preset--color--hairline);
}

.mycopaw-ing__list img {
	width: 9.25rem;
	height: 9.25rem;
	margin-bottom: .9rem;
	border-radius: 50%;
	object-fit: cover;
}

.mycopaw-ing__list h3 {
	margin: 0 0 .35rem;
	font-size: 1.3rem;
	font-weight: 600;
	color: var(--wp--preset--color--ink);
}

.mycopaw-ing__list p {
	margin: 0;
	font-size: var(--wp--preset--font-size--sm, .85rem);
	color: var(--wp--preset--color--ink-muted);
}

/* ── trojstĺpec ───────────────────────────────────────────── */

.mycopaw-info {
	display: grid;
	grid-template-columns: repeat(var(--mycopaw-cols, 3), minmax(0, 1fr));
	gap: var(--wp--preset--spacing--50, 1.5rem);
	padding-block: var(--wp--preset--spacing--70, 3rem);
}

.mycopaw-info__col--boxed {
	padding: var(--wp--preset--spacing--50, 1.5rem);
	border-radius: .75rem;
	background: color-mix(in srgb, var(--wp--preset--color--sage-band) 55%, var(--wp--preset--color--base));
}

.mycopaw-info p:not(.mycopaw-eyebrow) { color: var(--wp--preset--color--ink-muted); }

.mycopaw-dosing {
	width: 100%;
	margin: 1rem 0;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--sm, .88rem);
}

.mycopaw-dosing th,
.mycopaw-dosing td {
	padding: .6rem 0;
	border-bottom: 1px solid var(--wp--preset--color--hairline);
	text-align: left;
	font-weight: 400;
}

.mycopaw-dosing td {
	text-align: right;
	color: var(--wp--preset--color--ink-muted);
}

.mycopaw-dosing tr:last-child th,
.mycopaw-dosing tr:last-child td { border-bottom: 0; }

.mycopaw-package {
	display: flex;
	gap: .6rem;
	align-items: flex-start;
	margin: 1rem 0;
	color: var(--wp--preset--color--ink) !important;
}

/* Text v trojstĺpci má vlastnú veľkosť — rámček a poznámka nie. */
.mycopaw-info__col > p:not(.mycopaw-eyebrow):not(.mycopaw-note),
.mycopaw-package {
	font-size: .95rem;
	line-height: 1.6;
}

/* Malý nadpis stĺpca — ikona v pudrovom krúžku ako v návrhu. */
.mycopaw-info .mycopaw-eyebrow .mycopaw-ico,
.mycopaw-ing__lead .mycopaw-eyebrow .mycopaw-ico {
	box-sizing: content-box;
	padding: .4rem;
	border-radius: 50%;
	background: var(--wp--preset--color--blush);
	color: var(--wp--preset--color--olive);
}

.mycopaw-info__col:last-child:not(:first-child) {
	padding-left: var(--wp--preset--spacing--50, 1.5rem);
	border-left: 1px solid var(--wp--preset--color--hairline);
}

.mycopaw-note {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
}

.mycopaw-note .mycopaw-ico { flex: 0 0 auto; margin-top: .1rem; }

.mycopaw-animals {
	display: flex;
	gap: 1rem;
	color: var(--wp--preset--color--olive);
}

.mycopaw-ico--animal { width: 28px; height: 28px; }

.mycopaw-checks {
	margin: 0 0 1.25rem;
	padding: 0;
	list-style: none;
	display: grid;
	gap: .6rem;
}

.mycopaw-checks li {
	display: flex;
	gap: .6rem;
	align-items: flex-start;
	font-size: var(--wp--preset--font-size--sm, .9rem);
	color: var(--wp--preset--color--ink-muted);
}

.mycopaw-checks .mycopaw-ico { color: var(--wp--preset--color--olive); margin-top: .1rem; }
.mycopaw-checks strong { color: var(--wp--preset--color--ink); }

.mycopaw-callout {
	display: flex;
	gap: .75rem;
	padding: 1.1rem 1.25rem;
	border-radius: .75rem;
	background: var(--wp--preset--color--olive);
	color: var(--wp--preset--color--white);
}

.mycopaw-callout .mycopaw-ico { flex: 0 0 auto; color: var(--wp--preset--color--white); }

.mycopaw-callout p {
	margin: 0;
	font-size: var(--wp--preset--font-size--sm, .9rem);
	color: var(--wp--preset--color--white) !important;
}

/* ── súvisiace produkty ───────────────────────────────────── */

.mycopaw-rel {
	overflow: hidden;
	background-color: var(--wp--preset--color--sand);
	background-size: cover;
	background-position: center right;
}

.mycopaw-rel__inner {
	display: grid;
	grid-template-columns: minmax(0, 34fr) minmax(0, 66fr);
	gap: var(--wp--preset--spacing--60, 2rem);
	align-items: center;
	max-width: var(--mycopaw-wide);
	margin-inline: auto;
	padding-inline: var(--wp--style--root--padding-left, 1rem);
	box-sizing: content-box;
	padding-block: var(--wp--preset--spacing--70, 3rem);
}

.mycopaw-rel__lead h2 {
	margin: 0 0 .75rem;
	font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.1rem);
	color: var(--wp--preset--color--forest);
}

.mycopaw-rel__cards {
	display: grid;
	grid-template-columns: repeat(var(--mycopaw-cols, 4), minmax(0, 13.5rem));
	justify-content: end;
	gap: var(--wp--preset--spacing--40, 1rem);
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.mycopaw-rel__cards li {
	background: var(--wp--preset--color--white);
	border-radius: .5rem;
	overflow: hidden;
	box-shadow: var(--wp--preset--shadow--card-hover, 0 2px 10px rgba(66, 72, 78, .08));
}

.mycopaw-rel__cards .mycopaw-ico {
	margin-bottom: .35rem;
	color: var(--wp--preset--color--terracotta-ink);
}

.mycopaw-rel__cards a {
	display: block;
	padding: 1rem;
	text-decoration: none;
	color: inherit;
}

.mycopaw-rel__cards img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .75rem;
}

.mycopaw-rel__cards h3 {
	margin: 0 0 .2rem;
	font-size: .98rem;
	color: var(--wp--preset--color--ink);
}

.mycopaw-rel__cards p {
	margin: 0;
	font-size: var(--wp--preset--font-size--sm, .8rem);
	color: var(--wp--preset--color--ink-muted);
}

/* ── mobil ────────────────────────────────────────────────── */

@media (max-width: 1024px) {
	.mycopaw-rel__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
	.mycopaw-hero__inner,
	.mycopaw-ing__inner,
	.mycopaw-rel__inner { grid-template-columns: minmax(0, 1fr); }

	.mycopaw-info { grid-template-columns: minmax(0, 1fr); }
	.mycopaw-info__col:last-child:not(:first-child) { padding-left: 0; border-left: 0; }

	.mycopaw-hero__image { border-radius: 1rem; }

	/* fotka je prvá vec pod hlavičkou, ako v návrhu */
	.mycopaw-hero__media { order: -1; margin-block: 0; align-self: auto; }
	.mycopaw-hero--scene .mycopaw-hero__media { position: static; }
	.mycopaw-hero--scene::before { display: none; }
	.mycopaw-hero--scene .mycopaw-hero__image { height: auto; border-radius: 1rem; }

	.mycopaw-features {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1rem;
	}

	.mycopaw-features li { max-width: none; }

	/* poznámky pri fotke sa na úzkom displeji prekrývajú — pod fotku */
	.mycopaw-hero__note,
	.mycopaw-annotations {
		position: static;
		max-width: none;
		transform: none;
		margin-top: 1rem;
	}

	/*
	 * Na mobile stoja poznámky nad názvom produktu, lebo fotka ide
	 * hore. Vedľa seba v troch stĺpcoch zaberú ~90 px namiesto 200,
	 * takže sa nadpis dostane vyššie.
	 */
	.mycopaw-annotations {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: .75rem;
	}

	.mycopaw-annotations li {
		flex-direction: column;
		gap: .35rem;
		text-align: center;
		font-size: .72rem;
	}

	.mycopaw-annotations__ico { flex: 0 0 2rem; width: 2rem; height: 2rem; }

	.mycopaw-ing__list { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }

	.mycopaw-ing__list li {
		border-left: 0;
		padding-inline: 0;
	}
}

@media (max-width: 480px) {
	.mycopaw-rel__cards { grid-template-columns: minmax(0, 1fr); }
}

/* ── e-shop: výpis produktov ───────────────────────────────── */

/* vycentrovaná varianta malého nadpisu nad sekciou */
.mycopaw-eyebrow--center { justify-content: center; }

.mycopaw-shop-toolbar {
	gap: 1rem;
	margin-bottom: var(--wp--preset--spacing--50, 1.5rem);
	padding-bottom: .85rem;
	border-bottom: 1px solid var(--wp--preset--color--hairline);
	font-size: var(--wp--preset--font-size--sm, .88rem);
	color: var(--wp--preset--color--ink-muted);
}

.mycopaw-shop-toolbar .woocommerce-result-count { margin: 0; }

.mycopaw-shop-toolbar select,
.mycopaw-shop-toolbar .woocommerce-ordering select {
	padding: .55rem 2rem .55rem .9rem;
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: 999px;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: inherit;
}

/* karta v mriežke: tlačidlo na celú šírku a vždy na spodku */
.wp-block-woocommerce-product-template .mycopaw-card-button,
.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button {
	width: 100%;
	margin-top: .35rem;
}

.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button a,
.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button .wp-block-button__link {
	display: block;
	width: 100%;
	padding: .7rem 1rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
	font-size: var(--wp--preset--font-size--sm, .88rem);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button a:hover {
	background: var(--wp--preset--color--olive);
}

/* cena na karte drží spodnú hranu, aby boli tlačidlá v rade zarovnané */
.wp-block-woocommerce-product-template .wp-block-woocommerce-product-price {
	margin-top: auto;
	color: var(--wp--preset--color--forest);
}

.wp-block-woocommerce-product-template .wp-block-woocommerce-product-price del { opacity: .5; font-weight: 400; }

.mycopaw-pagination {
	gap: .4rem;
	font-size: var(--wp--preset--font-size--sm, .9rem);
}

.mycopaw-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.4rem;
	height: 2.4rem;
	padding-inline: .5rem;
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: 999px;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.mycopaw-pagination .page-numbers.current,
.mycopaw-pagination .page-numbers:hover {
	background: var(--wp--preset--color--forest);
	border-color: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
}

@media (max-width: 860px) {
	.mycopaw-shop-toolbar { justify-content: flex-start; }
}

/* ── košík, pokladňa, účet ─────────────────────────────────── */
/*
 * Tieto tri stránky vykresľuje WooCommerce svojím klasickým
 * markupom (tabuľky a formuláre, nie bloky), lebo stránky
 * obsahujú shortcody [woocommerce_cart] a [woocommerce_checkout].
 * Preto sa štýluje zvonku a nie cez theme.json.
 */

.mycopaw-woo-classic { padding-bottom: var(--wp--preset--spacing--70, 3rem); }

.mycopaw-woo-classic a { color: var(--wp--preset--color--terracotta-ink); }

/* tlačidlá WooCommerce v jednom tvare s témou */
.mycopaw-woo-classic .button,
.mycopaw-woo-classic button[type="submit"],
.woocommerce-account .button,
.woocommerce-account button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .8rem 1.5rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}

.mycopaw-woo-classic .button:hover,
.mycopaw-woo-classic button[type="submit"]:hover,
.woocommerce-account .button:hover { background: var(--wp--preset--color--olive); }

.mycopaw-woo-classic .button[disabled],
.mycopaw-woo-classic .button.disabled { opacity: .45; cursor: not-allowed; }

/* polia formulárov */
.mycopaw-woo-classic input[type="text"],
.mycopaw-woo-classic input[type="email"],
.mycopaw-woo-classic input[type="tel"],
.mycopaw-woo-classic input[type="password"],
.mycopaw-woo-classic input[type="number"],
.mycopaw-woo-classic textarea,
.mycopaw-woo-classic select,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account select {
	width: 100%;
	padding: .7rem .95rem;
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: 10px;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font: inherit;
}

.mycopaw-woo-classic input:focus,
.mycopaw-woo-classic select:focus,
.mycopaw-woo-classic textarea:focus {
	outline: 2px solid var(--wp--preset--color--olive);
	outline-offset: 1px;
}

.mycopaw-woo-classic label,
.woocommerce-account label {
	display: block;
	margin-bottom: .3rem;
	font-size: var(--wp--preset--font-size--sm, .85rem);
	font-weight: 600;
	color: var(--wp--preset--color--ink-muted);
}

.mycopaw-woo-classic .form-row { margin-bottom: 1rem; }

/* tabuľka položiek — košík aj zoznam objednávok v účte */
.woocommerce-cart-form__contents,
.woocommerce-orders-table {
	width: 100%;
	border-collapse: collapse;
}

.woocommerce-cart-form__contents th,
.woocommerce-orders-table th {
	padding: .75rem .5rem;
	border-bottom: 1px solid var(--wp--preset--color--hairline);
	font-size: var(--wp--preset--font-size--sm, .82rem);
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-align: left;
	color: var(--wp--preset--color--ink-muted);
}

.woocommerce-cart-form__contents td,
.woocommerce-orders-table td {
	padding: 1rem .5rem;
	border-bottom: 1px solid var(--wp--preset--color--hairline);
	vertical-align: middle;
}

.woocommerce-cart-form__contents .product-thumbnail img {
	width: 72px;
	height: auto;
	border-radius: 8px;
	background: var(--wp--preset--color--blush);
}

.woocommerce-cart-form__contents .product-name a {
	font-weight: 600;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.woocommerce-cart-form__contents .product-remove a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	border: 1px solid var(--wp--preset--color--hairline);
	color: var(--wp--preset--color--ink-muted);
	text-decoration: none;
}

.woocommerce-cart-form__contents .quantity input { max-width: 5rem; text-align: center; }

.woocommerce-cart-form__contents .coupon { display: flex; gap: .6rem; flex-wrap: wrap; }
.woocommerce-cart-form__contents .coupon input { max-width: 14rem; }

/* súčty */
.cart_totals,
.mycopaw-woo-classic .cart-collaterals {
	margin-top: var(--wp--preset--spacing--60, 2rem);
}

.cart_totals table {
	width: 100%;
	border-collapse: collapse;
	background: var(--wp--preset--color--blush);
	border-radius: 12px;
	overflow: hidden;
}

.cart_totals th,
.cart_totals td {
	padding: .85rem 1.1rem;
	border-bottom: 1px solid rgba(0, 0, 0, .06);
	text-align: left;
}

.cart_totals tr:last-child th,
.cart_totals tr:last-child td { border-bottom: 0; }

.cart_totals .order-total { font-size: 1.1rem; font-weight: 700; color: var(--wp--preset--color--forest); }
.cart_totals .wc-proceed-to-checkout { margin-top: 1rem; }
.cart_totals .wc-proceed-to-checkout .button { width: 100%; }

/* pokladňa — dva stĺpce */
@media (min-width: 900px) {
	.mycopaw-woo-checkout .woocommerce form.checkout,
	.mycopaw-woo-checkout form.checkout {
		display: grid;
		grid-template-columns: minmax(0, 58fr) minmax(0, 42fr);
		gap: var(--wp--preset--spacing--60, 2rem);
		align-items: start;
	}

	.mycopaw-woo-checkout #customer_details { grid-column: 1; }
	.mycopaw-woo-checkout #order_review_heading,
	.mycopaw-woo-checkout #order_review { grid-column: 2; }
}

.mycopaw-woo-checkout #order_review {
	padding: var(--wp--preset--spacing--50, 1.5rem);
	border-radius: 12px;
	background: var(--wp--preset--color--blush);
}

.mycopaw-woo-checkout #order_review table { width: 100%; border-collapse: collapse; }
.mycopaw-woo-checkout #order_review th,
.mycopaw-woo-checkout #order_review td {
	padding: .7rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, .06);
	text-align: left;
}
.mycopaw-woo-checkout #order_review .order-total { font-weight: 700; color: var(--wp--preset--color--forest); }
.mycopaw-woo-checkout #place_order { width: 100%; margin-top: 1rem; }

.mycopaw-woo-checkout .woocommerce-billing-fields__field-wrapper,
.mycopaw-woo-checkout .woocommerce-shipping-fields__field-wrapper { display: grid; gap: .4rem; }

.mycopaw-woo-checkout .wc_payment_methods { list-style: none; margin: 0 0 1rem; padding: 0; }
.mycopaw-woo-checkout .wc_payment_method {
	padding: .7rem .9rem;
	margin-bottom: .5rem;
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: 10px;
	background: var(--wp--preset--color--white);
}
.mycopaw-woo-checkout .wc_payment_method label { display: inline; font-weight: 600; color: var(--wp--preset--color--ink); }

/* hlavička a pätička pokladne */
.mycopaw-secure::before { content: "🔒 "; }

/* Môj účet — bočná navigácia a obsah.
 * Trieda woocommerce-account na <body> JE — dáva ju wc_body_class
 * podľa nastavenej stránky účtu. Meranie to potvrdilo. */
@media (min-width: 900px) {
	.woocommerce:has(> .woocommerce-MyAccount-navigation) {
		display: grid;
		grid-template-columns: 15rem minmax(0, 1fr);
		gap: var(--wp--preset--spacing--60, 2rem);
		align-items: start;
	}
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: .25rem;
}

.woocommerce-MyAccount-navigation li { margin: 0; }

/* prebíja predvolené oranžové tlačidlá WooCommerce */
.woocommerce-MyAccount-navigation li a {
	display: block;
	width: 100%;
	padding: .7rem .95rem;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--wp--preset--color--ink);
	font-weight: 400;
	font-size: var(--wp--preset--font-size--base, 1rem);
	text-align: left;
	text-decoration: none;
}

.woocommerce-MyAccount-navigation li a:hover {
	background: var(--wp--preset--color--sand);
	color: var(--wp--preset--color--ink);
}

.woocommerce-MyAccount-navigation li.is-active a {
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
	font-weight: 600;
}

.woocommerce-MyAccount-content { min-width: 0; }

/* upozornenia WooCommerce */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	margin: 0 0 1.25rem;
	padding: .9rem 1.1rem;
	border-radius: 10px;
	border-left: 3px solid var(--wp--preset--color--olive);
	background: var(--wp--preset--color--blush);
	list-style: none;
}

.woocommerce-error { border-left-color: var(--wp--preset--color--terracotta-ink); }

@media (max-width: 899px) {
	.woocommerce-cart-form__contents thead { display: none; }
	.woocommerce-cart-form__contents tr { display: grid; grid-template-columns: 72px 1fr auto; gap: .5rem; padding: .75rem 0; border-bottom: 1px solid var(--wp--preset--color--hairline); }
	.woocommerce-cart-form__contents td { border: 0; padding: .2rem; }
	.woocommerce-cart-form__contents td.product-name { grid-column: 2 / 4; }
}

/*
 * Nadpis na košíku a pokladni kreslí widget z Elementora, ktorý je
 * súčasťou obsahu tých stránok. Téma ho preto nevypisuje druhýkrát,
 * len ho zarovná do vlastnej typografie.
 */
.mycopaw-woo-classic .elementor-heading-title {
	margin: 0 0 var(--wp--preset--spacing--50, 1.5rem);
	font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.4rem);
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
	color: var(--wp--preset--color--forest);
}

.mycopaw-woo-classic .elementor-widget-heading { margin-bottom: 0; }

/* položky navigácie účtu majú vyplniť celý stĺpec, nie šírku najdlhšieho slova */
.woocommerce .woocommerce-MyAccount-navigation ul { grid-template-columns: minmax(0, 1fr); }
.woocommerce .woocommerce-MyAccount-navigation ul li { width: 100%; }


/* výpis článkov ako mriežka kariet */
.mycopaw-posts {
	gap: var(--wp--preset--spacing--50, 1.5rem);
}


@media (max-width: 860px) {
	.mycopaw-posts { grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)) !important; }
}

/*
 * Vodorovný posuvník na stránkach s formulárom nerobí téma — robí ho
 * odznak reCAPTCHA a zásuvka mini-košíka, ktoré sedia mimo obrazovky.
 * `clip` ich odreže bez toho, aby zo stránky spravil scrollovací kontajner
 * (na rozdiel od `hidden`, ktoré rozbíja position: sticky).
 */
html, body { overflow-x: clip; }

/* ── prvky z dizajnového exportu ───────────────────────────── */

/* ikony dedia farbu textu, takže stačí prefarbiť rodiča */
.mycopaw-ico { flex: 0 0 auto; color: var(--wp--preset--color--terracotta-ink); }

/* horný pás */
.mycopaw-topbar__item { gap: .45rem !important; align-items: center; }
.mycopaw-topbar__item p { margin: 0; }
.mycopaw-topbar__pill { margin: 0; }
.mycopaw-topbar .wp-block-woocommerce-mini-cart { display: flex; align-items: center; }

/* pás s dôverou — ikona nad textom ako v návrhu */
.mycopaw-trust__row { gap: var(--wp--preset--spacing--50, 1.5rem); }

.mycopaw-trust__item {
	gap: .9rem !important;
	align-items: center;
	flex: 0 1 auto;
}

.mycopaw-trust__item p {
	margin: 0;
	line-height: 1.3;
	color: var(--wp--preset--color--ink-muted);
}

.mycopaw-trust__ico {
	color: var(--wp--preset--color--olive);
	stroke-width: 1.1;   /* pri 44 px je 1,5 priveľa */
}

/* trojica výhod — ikona vedľa textu */
.mycopaw-usp__ico {
	color: var(--wp--preset--color--terracotta-ink);
	margin-top: .15rem;
}

/* newsletter */
.mycopaw-newsletter__lead { gap: var(--wp--preset--spacing--40, 1rem) !important; align-items: center; }

.mycopaw-newsletter__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 5rem;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
}

.mycopaw-newsletter__lead h2 { margin: 0; }

.mycopaw-newsletter__form {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	align-items: center;
}

.mycopaw-newsletter__form input[type="email"] {
	min-width: 18rem;
	padding: .8rem 1.1rem;
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: 8px;
	background: var(--wp--preset--color--white);
	font: inherit;
}

.mycopaw-newsletter__form button {
	padding: .95rem 1.9rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.mycopaw-newsletter__form button:hover { background: var(--wp--preset--color--olive); }

/*
 * Packový vzor je podpis, nie tapeta. V návrhu je výrazne na jednom
 * mieste — v newsletteri. Pás s dôverou, pätička a hero produktu
 * ho mali tiež a pod textom znižoval čitateľnosť.
 */
.mycopaw-newsletter {
	background-image: url('../patterns/packy-terakota-vyrazny.png');
	background-size: 300px;
	background-repeat: repeat;
}

.mycopaw-hero {
	background-image: linear-gradient(180deg, var(--wp--preset--color--sand-deep), var(--wp--preset--color--sand));
	background-repeat: no-repeat;
}

@media (max-width: 860px) {
	.mycopaw-trust__row { justify-content: center; }
	.mycopaw-trust__item { flex: 1 1 42%; }
	.mycopaw-trust__item:last-child { flex-basis: 100%; justify-content: center; }
	.mycopaw-newsletter__form input[type="email"] { min-width: 0; flex: 1 1 12rem; }
}

/* ── krok 5: pásy na seba nadväzujú, medzi nimi nesvieti pozadie ── */
.wp-site-blocks > footer { margin-block-start: 0; }

/*
 * Krok 2C — poistka, kým Elementor kit vnucuje celému webu vlastné písmo.
 * Kit sa volá post-<ID>.css a číslo platí len pre túto inštaláciu,
 * preto selektor cez [class*=…]. Správne riešenie je vymazať tie hodnoty
 * v Elementor → Nastavenia webu; toto je len záchranná sieť.
 */
/*
 * Plugin Flying Fonts vypisuje na koniec hlavičky
 *   body{font-family:-apple-system,… !important}
 * Preto tu musí byť !important aj vyššia špecificita ako holé `body`.
 * Keď sa Flying Fonts vypne (téma si fonty hostuje sama), riadok
 * nič nepokazí — len potvrdí to, čo hovorí theme.json.
 */
body[class] {
	font-family: var(--wp--preset--font-family--body) !important;
	font-size: var(--wp--preset--font-size--base);
}

body[class*="elementor-kit-"] a:not(.elementor-button):not(.elementor-item) {
	font-family: inherit;
}

body[class*="elementor-kit-"]
	:is(button, input[type="submit"], input[type="button"]):not(.elementor-button):not(.mycopaw-newsletter__form *) {
	font-family: inherit;
	text-transform: none;
	letter-spacing: normal;
}

/* ── krok 12: fotka produktu vyplní pravú stranu hero ───────── */

@media (min-width: 861px) {
	/* Ateliérový packshot — vyplní stĺpec od hornej po dolnú hranu. */
	.mycopaw-hero__media {
		align-self: stretch;
		margin-block: calc(-1 * var(--wp--preset--spacing--60, 2rem));
	}

	.mycopaw-hero__image {
		height: 100%;
		object-fit: cover;
		border-radius: 0;
	}

	/*
	 * Scénická fotka — keď má produkt vyplnené pole Fotka v hero.
	 * Vtedy ide fotka pod celý pás a zľava sa rozpúšťa do pozadia,
	 * ako v návrhu. Režim sa odvodí z obsahu, prepínač v admine nie je.
	 */
	.mycopaw-hero--scene { position: relative; isolation: isolate; }

	.mycopaw-hero--scene .mycopaw-hero__media {
		position: absolute;
		inset: 0;
		margin: 0;
		z-index: -2;
	}

	.mycopaw-hero--scene .mycopaw-hero__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: right center;
	}

	.mycopaw-hero--scene::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		background: linear-gradient(90deg, var(--wp--preset--color--sand) 0 34%, transparent 62%);
	}

	/* na tmavej fotke musia byť poznámky svetlé */
	.mycopaw-hero--scene .mycopaw-hero__note { color: var(--wp--preset--color--white); }

	.mycopaw-hero--scene .mycopaw-annotations li { color: var(--wp--preset--color--white); }

	.mycopaw-hero--scene .mycopaw-annotations__ico {
		width: 3rem;
		height: 3rem;
		background: transparent;
		border: 1px solid var(--wp--preset--color--white);
		color: var(--wp--preset--color--white);
	}
}

/* pole množstva dedí písmo témy, nie Arial od prehliadača */
.mycopaw-buy .quantity input,
.mycopaw-buy select { font: inherit; }

/* ikona košíka v hlavnom tlačidle */
.mycopaw-buy .single_add_to_cart_button::before {
	content: "";
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	margin-right: .6em;
	vertical-align: -.25em;
	background: currentColor;
	-webkit-mask: url('../icons/icon-cart.svg') center / contain no-repeat;
	        mask: url('../icons/icon-cart.svg') center / contain no-repeat;
}

/* zástupný kruh, kým huba nemá fotku — stĺpec tak drží výšku */
.mycopaw-ing__ph {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 9.25rem;
	height: 9.25rem;
	margin-bottom: .9rem;
	border-radius: 50%;
	background: var(--wp--preset--color--blush);
	color: var(--wp--preset--color--olive);
	opacity: .45;
}

.mycopaw-ing__ph .mycopaw-ico { width: 44px; height: 44px; }

/* ── krok 6: hlavička a horný pás ───────────────────────────── */

/* medzera v menu rastie so šírkou — 56 px pri 1440, 40 px pri 1024 */
header .wp-block-navigation { gap: clamp(1.25rem, 3.9vw, 3.5rem); }

/* claim nesmie byť širší než logo, inak spod neho vytŕča */
.mycopaw-brand .wp-block-site-tagline {
	max-width: 240px;
	margin: 0;
	text-align: center;
	line-height: 1.25;
}

.mycopaw-brand .wp-block-site-logo { margin: 0; }

/* účet v hornom páse je odkaz aj s ikonou */
a.mycopaw-topbar__account {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

a.mycopaw-topbar__account:hover { text-decoration: underline; }

/*
 * Šesť položiek menu sa pod ~960 px nezmestí vedľa loga.
 * Jadro WordPressu zapína hamburger až pod 600 px, dovtedy
 * by menu spadlo do druhého riadku — preto ho zapíname skôr.
 */
@media (min-width: 600px) and (max-width: 959px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}

/* pod 600 px má horný pás jeden riadok: vľavo doprava zdarma, vpravo účet a košík */
@media (max-width: 599px) {
	.mycopaw-topbar__item:has(.mycopaw-ico) > p { display: none; }
	.mycopaw-topbar .mycopaw-topbar__item:first-child { display: none; }
	a.mycopaw-topbar__account span { display: none; }
	.mycopaw-topbar .alignwide { flex-wrap: nowrap; gap: .75rem; }
	.mycopaw-topbar__pill { font-size: .78rem; padding: .25rem .7rem !important; }
}

/* ── krok 7: pás s vytekajúcou fotkou (hero, útulky) ────────── */

/*
 * Fotka nie je v stĺpci — leží pod celým pásom a maskou sa zľava
 * rozpúšťa do pozadia. Bez toho ostane z fotky obdĺžnik v ráme,
 * aj keď dodá zákazníčka tú správnu.
 */
.mycopaw-band {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

.mycopaw-band__photo {
	position: absolute;
	inset: 0 0 0 auto;
	width: 60%;
	margin: 0;
	z-index: -1;
}

.mycopaw-band__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 38%);
	        mask-image: linear-gradient(90deg, transparent 0, #000 38%);
}

.mycopaw-band__text { max-width: 35rem; }

.mycopaw-band--hero .mycopaw-band__content {
	padding-block: clamp(3.5rem, 7.8vw, 7rem) clamp(2rem, 3.4vw, 3rem);
}

.mycopaw-band--hero h1 {
	max-width: 10em;
	text-wrap: balance;
}

.mycopaw-band--shelter .mycopaw-band__content { padding-block: 3rem 2rem; }
.mycopaw-band--shelter .mycopaw-band__photo { width: 58%; }

/* trojica výhod v dolnej časti hero */
.mycopaw-band__usp {
	display: flex;
	gap: clamp(1.5rem, 3vw, 3rem);
	max-width: 50rem;
	margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.mycopaw-band__usp > * { margin-block: 0; }
.mycopaw-band__usp .mycopaw-usp__item { flex: 1 1 0; }
.mycopaw-band__usp .mycopaw-usp__ico { display: block; margin-top: 0; }
.mycopaw-band__usp h3 { margin: .6rem 0 .1rem; }
.mycopaw-band__usp p { margin: 0; }

/* pri 48 px je ťah 1,5 priveľa */
.mycopaw-usp__ico { stroke-width: 1.1; }

/* šípka v tlačidle — z tej istej sady ikon */
.wp-block-button.has-arrow .wp-block-button__link::after {
	content: "";
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	margin-left: .75em;
	vertical-align: -.2em;
	background: currentColor;
	-webkit-mask: url('../icons/icon-arrow-right.svg') center / contain no-repeat;
	        mask: url('../icons/icon-arrow-right.svg') center / contain no-repeat;
}

@media (max-width: 781px) {
	.mycopaw-band {
		display: flex;
		flex-direction: column;
	}

	/* nadpis ostáva nad fotkou, fotka ide pod text */
	.mycopaw-band__photo {
		position: static;
		order: 2;
		width: 100%;
		aspect-ratio: 3 / 2;
	}

	.mycopaw-band__photo img {
		-webkit-mask-image: none;
		        mask-image: none;
	}

	.mycopaw-band__usp { flex-direction: column; gap: 1.25rem; }
	.mycopaw-band__text { max-width: none; }
}

/* ── krok 8: karta produktu ─────────────────────────────────── */

/*
 * Fotka ide od hrany po hranu karty, text má vlastné odsadenie
 * a šípka aj tlačidlo sa v rade zarovnajú do jednej roviny.
 * Aby margin-top: auto fungoval, musí byť roztiahnutá aj karta
 * aj jej telo — preto obe flex: 1 1 auto.
 */
.wc-block-product-template > li { display: flex; }

.mycopaw-card {
	flex: 1 1 auto;
	overflow: hidden;
}

.mycopaw-card__body { flex: 1 1 auto; }

.mycopaw-card__media { position: relative; }

.mycopaw-card__media img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.mycopaw-card__media .wc-block-components-product-sale-badge {
	position: absolute;
	top: .6rem;
	right: .6rem;
	z-index: 1;
}

.mycopaw-card .wp-block-post-title { margin: 0; line-height: 1.25; }

/* šípka v krúžku — ikona zo sady, nie znak */
.mycopaw-card .wp-block-read-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.125rem;
	height: 2.125rem;
	padding: 0;
	font-size: 0;
	border-radius: 50%;
	border: 1px solid var(--wp--preset--color--terracotta);
	color: var(--wp--preset--color--terracotta-ink);
	text-decoration: none;
}

.mycopaw-card .wp-block-read-more::after {
	content: "";
	width: 1rem;
	height: 1rem;
	background: currentColor;
	-webkit-mask: url('../icons/icon-arrow-right.svg') center / contain no-repeat;
	        mask: url('../icons/icon-arrow-right.svg') center / contain no-repeat;
}

.mycopaw-card .wp-block-read-more:hover {
	background: var(--wp--preset--color--terracotta-ink);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--terracotta-ink);
}

/* ── krok 9: zvýraznená karta vedľa mriežky ─────────────────── */

.mycopaw-powders__row {
	display: grid;
	align-items: stretch;
	grid-template-columns: minmax(0, 4fr) minmax(0, 1.06fr);
	column-gap: clamp(1.5rem, 4vw, 3.5rem);
}

/* keď žiadny produkt nemá značku, mriežka sa vráti na celú šírku */
.mycopaw-powders__row:not(:has(.mycopaw-card--featured)) { grid-template-columns: minmax(0, 1fr); }

.mycopaw-powders__row > .wp-block-woocommerce-product-collection { min-width: 0; }

.mycopaw-card--featured {
	position: relative;
	background: var(--wp--preset--color--moss) !important;
	border-color: var(--wp--preset--color--moss) !important;
	color: var(--wp--preset--color--white);
}

.mycopaw-card--featured::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 9rem;
	height: 9rem;
	background: url('../patterns/packy-biely.png') top right / 120px no-repeat;
	opacity: .35;
	pointer-events: none;
}

.mycopaw-card--featured .wp-block-post-title,
.mycopaw-card--featured .wp-block-post-title a,
.mycopaw-card--featured .wc-block-components-product-summary,
.mycopaw-card--featured .wc-block-components-product-summary p { color: var(--wp--preset--color--white) !important; }

.mycopaw-card--featured .wp-block-read-more {
	border-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--white);
}

.mycopaw-card--featured .wp-block-read-more:hover {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--moss);
}

/* odznak je názov značky produktu — mení sa v administrácii, nie v kóde */
.mycopaw-badge {
	align-self: flex-start;
	margin: 0 0 .1rem;
	padding: .2rem .7rem;
	border-radius: 999px;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--moss) !important;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.mycopaw-badge a { color: inherit; text-decoration: none; }

@media (max-width: 1024px) {
	.mycopaw-powders__row { grid-template-columns: minmax(0, 1fr); row-gap: var(--wp--preset--spacing--50, 1.5rem); }
}

/* ── krok 11: recenzie, newsletter, pätička ─────────────────── */

.mycopaw-testimonial { position: relative; }

.mycopaw-quote {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	color: var(--wp--preset--color--sand-deep);
}

.mycopaw-newsletter .alignwide { max-width: 72.5rem; }
.mycopaw-newsletter--noform > .alignwide { justify-content: center; }

/* sociálne siete v obrysových krúžkoch */
.mycopaw-social .wp-social-link {
	padding: .3rem;
	border: 1px solid var(--wp--preset--color--moss);
	border-radius: 50%;
	background: transparent !important;
}

.mycopaw-social .wp-social-link a { color: var(--wp--preset--color--ink); }

/* pätička — odkazy pod sebou, nie vedľa seba */
footer .wp-block-navigation .wp-block-navigation__container { gap: .5rem; }
footer .wp-block-navigation .wp-block-navigation-item__content { font-weight: 400; }

/* ── krok 15: pokladňa ──────────────────────────────────────── */

/*
 * Bez týchto pravidiel je nadpis „Vaša objednávka" hore vpravo,
 * ale samotný súhrn až pod fakturačnými údajmi — diera vysoká
 * zhruba 1140 px. Riadky mriežky treba určiť naraz.
 */
.mycopaw-woo-checkout form.checkout {
	grid-template-rows: auto auto 1fr;
	column-gap: var(--wp--preset--spacing--60, 2rem);
	row-gap: 0;
}

.mycopaw-woo-checkout form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; grid-row: 1; }
.mycopaw-woo-checkout #customer_details { grid-column: 1; grid-row: 2 / span 2; }
.mycopaw-woo-checkout #order_review_heading { grid-column: 2; grid-row: 2; margin-bottom: 1rem; }

.mycopaw-woo-checkout #order_review {
	grid-column: 2;
	grid-row: 3;
	position: sticky;
	top: 1.5rem;
}

/* WooCommerce plávajúce polstĺpce — fakturačné polia majú byť cez celý stĺpec */
.mycopaw-woo-classic .woocommerce .col2-set .col-1,
.mycopaw-woo-classic .woocommerce .col2-set .col-2,
.mycopaw-woo-checkout .woocommerce .col2-set .col-1,
.mycopaw-woo-checkout .woocommerce .col2-set .col-2 {
	float: none;
	width: 100%;
}

/* poistka, kým je obsah Košíka a Pokladne Elementorová sekcia v boxe */
.mycopaw-woo-classic .elementor-section-boxed > .elementor-container { max-width: none; }

/* ── krok 17: článok a karta článku ─────────────────────────── */

/* to isté, čo robia karty produktov — karta vyplní bunku mriežky */
.mycopaw-posts > li { display: flex; }
.mycopaw-card--post .wp-block-read-more { margin-top: auto; }
.mycopaw-card--post .wp-block-post-date { margin: 0; }

/*
 * Telo článku. Nadpisy v texte majú byť menšie než H1 stránky —
 * inak h2 v článku vyzerá ako nadpis inej sekcie.
 */
.mycopaw-article { line-height: 1.7; }

.mycopaw-article h2 {
	margin-block-start: var(--wp--preset--spacing--60);
	font-size: var(--wp--preset--font-size--xl);
}

.mycopaw-article h3 {
	margin-block-start: var(--wp--preset--spacing--50);
	font-size: var(--wp--preset--font-size--lg);
}

.mycopaw-article h4 { font-size: var(--wp--preset--font-size--base); }

.mycopaw-article figure { margin-block: var(--wp--preset--spacing--50); }
.mycopaw-article figure img { border-radius: 12px; }

.mycopaw-article ul,
.mycopaw-article ol { padding-inline-start: 1.25rem; }

.mycopaw-article li::marker { color: var(--wp--preset--color--olive); }

.mycopaw-article blockquote {
	padding: var(--wp--preset--spacing--50);
	border-radius: 12px;
	background: var(--wp--preset--color--blush);
}

.mycopaw-article blockquote p:last-child { margin-bottom: 0; }

.mycopaw-article a {
	color: var(--wp--preset--color--terracotta-ink);
	text-decoration: underline;
}

/* ── krok 18: hlavička blogu ───────────────────────────────── */

/* prázdne pole vypíše prázdny odstavec — nech nerobí medzeru */
.mycopaw-blog-header p:empty,
.mycopaw-topbar__pill:empty { display: none; }

/* ── krok 19: Môj účet ──────────────────────────────────────── */

/*
 * WooCommerce dáva obalu clearfix `::before { content: " "; display: table }`.
 * V mriežke sa z neho stane anonymná položka a obsadí prvú bunku —
 * navigácia potom skončí v druhom stĺpci a obsah pod ňou v prvom.
 * Preto sa clearfix najprv zruší a obe deti sa umiestnia výslovne.
 */
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after { content: none; }

@media (min-width: 900px) {
	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
		grid-column: 1;
		grid-row: 1;
		float: none;
		width: 100%;
	}

	.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
		grid-column: 2;
		grid-row: 1;
		float: none;
		width: 100%;
	}
}

/*
 * woocommerce-blocktheme.css dáva obalu strop 1000 px. Pri wideSize 1440
 * to znamená, že navigácia má 181 px namiesto 240. Prebíjame tromi triedami.
 */
.woocommerce-cart .mycopaw-woo-classic .woocommerce,
.woocommerce-checkout .mycopaw-woo-classic .woocommerce,
.woocommerce-account .mycopaw-woo-classic .woocommerce { max-width: none; }

/* navigácia ako karta */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: .5rem;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: 12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li { padding: 0; }

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { text-decoration: none; }

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: .5rem;
	padding-top: .5rem;
	border-top: 1px solid var(--wp--preset--color--hairline);
}

/* tlačidlo v tabuľke objednávok */
.woocommerce-orders-table .button {
	padding: .5rem 1rem;
	font-size: var(--wp--preset--font-size--sm);
}

/* adresy — ten istý clearfix ako pri obale účtu */
.woocommerce-account .woocommerce .col2-set::before,
.woocommerce-account .woocommerce .col2-set::after,
.woocommerce-account .addresses .title::before,
.woocommerce-account .addresses .title::after { content: none; }

@media (min-width: 700px) {
	.woocommerce-Addresses {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--wp--preset--spacing--50);
	}
}

.woocommerce-Address {
	padding: var(--wp--preset--spacing--50);
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: 12px;
}

.woocommerce-Address-title {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
}

.woocommerce-Address-title h2 {
	margin: 0 0 .75rem;
	font-size: var(--wp--preset--font-size--lg);
}

.woocommerce-Address address { font-style: normal; line-height: 1.6; }

/* detaily účtu */
@media (min-width: 700px) {
	.woocommerce-EditAccountForm {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 1.5rem;
	}

	.woocommerce-EditAccountForm > :not(.form-row-first):not(.form-row-last) { grid-column: 1 / -1; }
}

.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last { float: none; width: 100%; }

.woocommerce-EditAccountForm fieldset {
	margin-top: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--50) 0 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--hairline);
}

.woocommerce-EditAccountForm legend {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 700;
}

.woocommerce-form__label-for-checkbox {
	display: flex;
	gap: .5rem;
	align-items: center;
	font-weight: 400;
	color: var(--wp--preset--color--ink);
}

/* prihlásenie a registrácia — prvé, čo nový zákazník po pokladni uvidí */
@media (min-width: 900px) {
	#customer_login {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--wp--preset--spacing--60);
	}
}

#customer_login .u-column1,
#customer_login .u-column2 { float: none; width: 100%; }

#customer_login h2 { font-size: var(--wp--preset--font-size--lg); }

.woocommerce-form-login,
.woocommerce-form-register {
	padding: var(--wp--preset--spacing--50);
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: 12px;
}

/* keď je registrácia vypnutá, WooCommerce #customer_login nevypíše vôbec */
.woocommerce-account .woocommerce > .woocommerce-form-login {
	max-width: 30rem;
	margin-inline: auto;
}

.woocommerce-form-login__rememberme {
	display: inline-flex;
	gap: .5rem;
	align-items: center;
	font-weight: 400;
}

.woocommerce-LostPassword,
.woocommerce-privacy-policy-text {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--ink-muted);
}

form.login .button,
form.register .button { width: 100%; }

/* box odberu noviniek od Ecomailu má vlastný vložený <style> */
.woocommerce-account .woocommerce-MyAccount-content .ecomail-subscribtion-info {
	padding: 1.25rem;
	border: 0;
	border-radius: 12px;
	background: var(--wp--preset--color--blush);
}

/*
 * Krok 2A — kým Elementor kit nastavuje veľkosti nadpisov,
 * pod 768 px vnucuje celému webu h1–h6 = 36/32/28/24/22/20 px,
 * teda aj blokom témy. Kit je `.elementor-kit-<id> h1` (0,1,1);
 * tieto dve pravidlá sú (0,2,1) a (0,2,2), takže vyhrajú bez
 * !important. Správne riešenie je vymazať tie hodnoty
 * v Elementor → Nastavenia webu; toto je záchranná sieť.
 */
@media (max-width: 767px) {
	body[class*="elementor-kit-"] .has-sm-font-size   { font-size: var(--wp--preset--font-size--sm); }
	body[class*="elementor-kit-"] .has-base-font-size { font-size: var(--wp--preset--font-size--base); }
	body[class*="elementor-kit-"] .has-lg-font-size   { font-size: var(--wp--preset--font-size--lg); }
	body[class*="elementor-kit-"] .has-xl-font-size   { font-size: var(--wp--preset--font-size--xl); }
	body[class*="elementor-kit-"] .has-xxl-font-size  { font-size: var(--wp--preset--font-size--xxl); }
	body[class*="elementor-kit-"] .has-xxxl-font-size { font-size: var(--wp--preset--font-size--xxxl); }

	body[class*="elementor-kit-"] h1:not([class*="-font-size"]):not([style*="font-size"]) { font-size: var(--wp--preset--font-size--xxxl); }
	body[class*="elementor-kit-"] h2:not([class*="-font-size"]):not([style*="font-size"]) { font-size: var(--wp--preset--font-size--xxl); }
	body[class*="elementor-kit-"] h3:not([class*="-font-size"]):not([style*="font-size"]) { font-size: var(--wp--preset--font-size--xl); }
	body[class*="elementor-kit-"] h4:not([class*="-font-size"]):not([style*="font-size"]) { font-size: var(--wp--preset--font-size--lg); }
	body[class*="elementor-kit-"] h5:not([class*="-font-size"]):not([style*="font-size"]) { font-size: var(--wp--preset--font-size--base); }
	body[class*="elementor-kit-"] h6:not([class*="-font-size"]):not([style*="font-size"]) { font-size: var(--wp--preset--font-size--sm); }
}

/* ─────────────────────────────────────────────────────────────
   Dlhý popis produktu z WooCommerce
   ─────────────────────────────────────────────────────────────
   Text prišiel migráciou z fungee: nadpisy, odrážky, dve tabuľky
   a fotky. Nie je to blokový obsah, takže mu typografiu nedá
   theme.json — musí byť tu.
   ───────────────────────────────────────────────────────────── */

.mycopaw-longdesc {
	margin-block: var(--wp--preset--spacing--70);
	line-height: 1.7;
	color: var(--wp--preset--color--ink);
}

.mycopaw-longdesc > :first-child { margin-block-start: 0; }
.mycopaw-longdesc > :last-child { margin-block-end: 0; }

.mycopaw-longdesc h2 {
	margin-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--xl);
	line-height: 1.2;
}

.mycopaw-longdesc h3 {
	margin-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--lg);
	line-height: 1.3;
}

.mycopaw-longdesc h4 {
	margin-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--base);
}

/* Po migrácii ostali prázdne nadpisy — inak by robili diery v texte. */
.mycopaw-longdesc h2:empty,
.mycopaw-longdesc h3:empty,
.mycopaw-longdesc h4:empty,
.mycopaw-longdesc p:empty { display: none; }

.mycopaw-longdesc p { margin-block: 0 var(--wp--preset--spacing--30); }

.mycopaw-longdesc ul,
.mycopaw-longdesc ol {
	margin-block: 0 var(--wp--preset--spacing--40);
	padding-inline-start: 1.25rem;
}

.mycopaw-longdesc li { margin-block-end: 0.35rem; }
.mycopaw-longdesc li::marker { color: var(--wp--preset--color--olive); }

.mycopaw-longdesc a {
	color: var(--wp--preset--color--terracotta-ink);
	text-underline-offset: 0.2em;
}

.mycopaw-longdesc img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

/* Tabuľka húb a tabuľka dávkovania. Obchodne najdôležitejšia časť. */
.mycopaw-longdesc table {
	width: 100%;
	margin-block: var(--wp--preset--spacing--40);
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--sm);
}

.mycopaw-longdesc th,
.mycopaw-longdesc td {
	padding: 0.7rem 0.85rem;
	border: 1px solid var(--wp--preset--color--hairline);
	text-align: start;
	vertical-align: top;
}

.mycopaw-longdesc thead th,
.mycopaw-longdesc tr:first-child th {
	background: var(--wp--preset--color--sand);
	font-weight: 700;
}

.mycopaw-longdesc tbody tr:nth-child(even) { background: color-mix(in srgb, var(--wp--preset--color--sand) 45%, transparent); }

/*
   Na mobile sa tabuľka s piatimi stĺpcami nezmestí. `display:block`
   z nej spraví vodorovne posuvnú oblasť a vnútorné riadky si
   zarovnanie udržia cez anonymné tabuľkové boxy.
*/
@media (max-width: 640px) {
	.mycopaw-longdesc table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* ── 0.7.0: návrh zákazníčky z 21. 9. 2026 ──────────────────── */

/*
 * Hero podľa jej slidu: nadpis, krátke body so zvislou linkou
 * („Čo robíme / Ako to robíme") a jedno tlačidlo. Trojica výhod
 * s ikonkami z hero zmizla; pattern mycopaw/usp-triple ostáva.
 */
.mycopaw-band--hero h1 { max-width: 11.5em; }

.mycopaw-band__points {
	display: grid;
	gap: clamp(1.25rem, 2.2vw, 1.75rem);
	max-width: 30rem;
	margin-top: clamp(1.75rem, 3.2vw, 2.5rem);
}

.mycopaw-band__points > *,
.mycopaw-point > * { margin-block: 0; }

.mycopaw-point {
	padding-left: 1.1rem;
	border-left: 1px solid var(--wp--preset--color--terracotta);
}

.mycopaw-point .mycopaw-point__title {
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink);
}

.mycopaw-point .mycopaw-point__text {
	margin-top: .3rem;
	line-height: 1.55;
}

/* prázdne tlačidlá odstráni plugin — obal bez nich nech nezaberá miesto */
.wp-block-buttons:not(:has(.wp-block-button)) { display: none; }

/*
 * Sila húb, overená vedou — text, fotka húb so zmäkčenými okrajmi
 * a štyri body s ikonkou v krúžku.
 */
.mycopaw-science__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, .62fr);
	align-items: center;
	gap: clamp(1.5rem, 3.5vw, 3.5rem);
}

.mycopaw-science__grid > * { margin-block: 0; }

.mycopaw-science__photo { margin: 0; }

.mycopaw-science__photo img {
	display: block;
	width: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 20%, #000 80%, transparent 100%);
	        mask-image: linear-gradient(90deg, transparent 0, #000 20%, #000 80%, transparent 100%);
}

.mycopaw-science__list {
	display: grid;
	gap: 1.15rem;
}

.mycopaw-science__list > * { margin-block: 0; }

.mycopaw-science__item { gap: .9rem; }

.mycopaw-science__item p {
	margin: 0;
	line-height: 1.35;
	font-weight: 600;
}

.mycopaw-science__ico {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 1px solid var(--wp--preset--color--moss);
	border-radius: 50%;
	color: var(--wp--preset--color--olive);
}

@media (max-width: 1024px) {
	.mycopaw-science__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }

	.mycopaw-science__list {
		grid-column: 1 / -1;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 781px) {
	.mycopaw-science__grid { grid-template-columns: minmax(0, 1fr); }

	.mycopaw-science__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.mycopaw-science__photo img {
		aspect-ratio: 3 / 2;
		border-radius: 12px;
		-webkit-mask-image: none;
		        mask-image: none;
	}
}

/*
 * Každodenná starostlivosť — zrkadlo hero: fotka vľavo, maska
 * doprava, text pri pravom okraji.
 */
.mycopaw-band--care .mycopaw-band__photo {
	inset: 0 auto 0 0;
	width: 56%;
}

.mycopaw-band--care .mycopaw-band__photo img {
	-webkit-mask-image: linear-gradient(270deg, transparent 0, #000 38%);
	        mask-image: linear-gradient(270deg, transparent 0, #000 38%);
}

.mycopaw-band--care .mycopaw-band__content { padding-block: clamp(3rem, 6vw, 5.5rem); }

.mycopaw-band--care .alignwide {
	display: flex;
	justify-content: flex-end;
}

.mycopaw-band--care .mycopaw-band__text { max-width: 31rem; }

@media (max-width: 781px) {
	.mycopaw-band--care .alignwide { display: block; }

	.mycopaw-band--care .mycopaw-band__photo img {
		-webkit-mask-image: none;
		        mask-image: none;
	}
}

/* ── 0.7.1: priehľadný packshot v hero produktu ─────────────── */

/*
 * Nové fotky produktov sú priehľadné PNG (produkt na výšku).
 * `cover` z kroku 12 ich roztiahol cez celý stĺpec a poznámky vpravo
 * (Čisté zloženie, Testované…) padli na produkt. Mimo scénického
 * režimu sa preto fotka zmestí celá a vpravo nechá miesto poznámkam.
 */
@media (min-width: 861px) {
	.mycopaw-hero:not(.mycopaw-hero--scene) .mycopaw-hero__image {
		height: auto;
		aspect-ratio: 5 / 6;
		box-sizing: border-box;
		padding-right: min(11rem, 24%);
		object-fit: contain;
	}
}

/* ── 0.7.2: Novinky na homepage ─────────────────────────────── */

/* tri najnovšie články pod útulkami; karta je tá istá ako na /blog/ */
.mycopaw-latest__head {
	gap: 1rem 2rem;
	margin-bottom: var(--wp--preset--spacing--60);
}

.mycopaw-latest__head > * { margin-block: 0; }
.mycopaw-latest__head h2 { margin: 0; }
.mycopaw-latest__head .mycopaw-eyebrow { margin-bottom: .5rem; }

.mycopaw-latest__all { margin: 0; }

.mycopaw-latest__all a {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-weight: 600;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.mycopaw-latest__all a::after {
	content: "";
	width: 1.05em;
	height: 1.05em;
	background: currentColor;
	-webkit-mask: url('../icons/icon-arrow-right.svg') center / contain no-repeat;
	        mask: url('../icons/icon-arrow-right.svg') center / contain no-repeat;
}

.mycopaw-latest__all a:hover { color: var(--wp--preset--color--terracotta-ink); }

/* ── 0.7.4: newsletter cez Ecomail API ─────────────────────── */
.mycopaw-newsletter__side { display: flex; flex-direction: column; gap: .5rem; max-width: 34rem; }
.mycopaw-newsletter__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.mycopaw-newsletter__consent { margin: 0; font-size: .8125rem; line-height: 1.45; color: var(--wp--preset--color--ink-muted); }
.mycopaw-newsletter__consent a { color: inherit; text-decoration: underline; }
.mycopaw-newsletter__msg { margin: 0; padding: .55rem .9rem; border-radius: 8px; font-size: .9375rem; font-weight: 600; background: var(--wp--preset--color--white); }
.mycopaw-newsletter__msg--ok { color: var(--wp--preset--color--forest); }
.mycopaw-newsletter__msg--invalid,
.mycopaw-newsletter__msg--error { color: #8A3B3C; }
#newsletter { scroll-margin-top: 6rem; }
@media (max-width: 860px) { .mycopaw-newsletter__side { max-width: none; width: 100%; } }