/*
Theme Name: Kudłato
Theme URI: https://kudlato.pl
Author: Kudłato
Description: Lekki motyw blokowy dla Kudłato — sklep z poradnikami cyfrowymi o opiece nad psem i kotem, na etapach: pierwsze 90 dni, dorosłość i senior. Kierunek wizualny „Spokojna ścieżka”: ciepła tonacja papieru, uporządkowana siatka, widoczne metadane zaufania. Zbudowany pod WooCommerce i produkty do pobrania.
Version: 1.4.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kudlato
Tags: block-theme, full-site-editing, e-commerce, blog, accessibility-ready, custom-colors, custom-logo
*/

/* -------------------------------------------------------------------------
   Tokeny, layout i kolory są zdefiniowane w theme.json.
   Ten plik zawiera wyłącznie to, czego theme.json nie potrafi wyrazić:
   stany fokusu, komponenty marki, drobne poprawki dostępności.
   ------------------------------------------------------------------------- */

/* --- Dostępność: pomiń do treści ---------------------------------------- */

.kudlato-skip-link {
	background: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--ink);
	clip-path: inset(50%);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	left: var(--wp--preset--spacing--24);
	padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--16);
	position: absolute;
	text-decoration: none;
	top: var(--wp--preset--spacing--12);
	white-space: nowrap;
	z-index: 100000;
}

.kudlato-skip-link:focus {
	clip-path: none;
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 2px;
}

/* --- Fokus: widoczny na jasnym i ciemnym tle ----------------------------- */

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 2px;
	/* druga, jasna obwódka gwarantuje widoczność na ciemnym tle */
	box-shadow: 0 0 0 5px var(--wp--preset--color--paper);
}

.has-ink-background-color :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.kudlato-on-dark :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline-color: var(--wp--preset--color--paper);
	box-shadow: 0 0 0 5px var(--wp--preset--color--ink);
}

/* --- Przyciski: stany bez zmiany skali i bez utraty kontrastu ------------ */

.wp-block-button__link {
	min-height: 44px; /* cel dotykowy WCAG 2.2 */
	transition: background-color 160ms var(--kudlato-ease), border-color 160ms var(--kudlato-ease), color 160ms var(--kudlato-ease);
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--ink-deep);
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	border-width: 2px;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--mist);
}

.wp-block-button__link[aria-disabled="true"],
.wp-block-button__link:disabled {
	cursor: not-allowed;
	opacity: 0.55;
}

/* Stan ładowania: przycisk zachowuje szerokość, stan nie jest tylko kolorem. */
.wp-block-button__link.is-loading {
	position: relative;
}

.wp-block-button__link.is-loading::after {
	animation: kudlato-spin 900ms linear infinite;
	border: 2px solid currentColor;
	border-radius: 50%;
	border-right-color: transparent;
	content: "";
	display: inline-block;
	height: 0.85em;
	margin-inline-start: 0.6em;
	vertical-align: -0.1em;
	width: 0.85em;
}

@keyframes kudlato-spin {
	to { transform: rotate(360deg); }
}

/* --- Formularze --------------------------------------------------------- */

:where(input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), select, textarea) {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--kudlato-field-border);
	border-radius: 10px;
	color: var(--wp--preset--color--charcoal);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	min-height: 44px;
	padding: 10px 12px;
	width: 100%;
}

:where(input, select, textarea):focus {
	border-color: var(--wp--preset--color--ink);
}

:where(input, select, textarea)[aria-invalid="true"] {
	border-color: var(--wp--preset--color--error);
	border-width: 2px;
}

label {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	margin-bottom: 6px;
}

/* Błąd nigdy nie jest komunikowany wyłącznie kolorem. */
.kudlato-field-error {
	align-items: flex-start;
	color: var(--wp--preset--color--error);
	display: flex;
	font-size: var(--wp--preset--font-size--small);
	gap: 6px;
	margin-top: 6px;
}

.kudlato-field-error::before {
	content: "!";
	border: 2px solid currentColor;
	border-radius: 50%;
	flex: 0 0 auto;
	font-weight: 700;
	height: 1.25em;
	line-height: 1.1;
	text-align: center;
	width: 1.25em;
}

.kudlato-field-hint {
	color: var(--wp--preset--color--charcoal);
	display: block;
	font-size: var(--wp--preset--font-size--small);
	margin-bottom: 6px;
}

/* --- Metadane zaufania (autor, recenzent, wersja, aktualizacja) ---------- */

.kudlato-meta {
	color: var(--wp--preset--color--charcoal);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	letter-spacing: 0.01em;
	line-height: 1.45;
}

.kudlato-meta__list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px var(--wp--preset--spacing--16);
	list-style: none;
	margin: 0;
	padding: 0;
}

/* --- Bloki treści marki ------------------------------------------------- */

.kudlato-callout {
	border-left: 4px solid var(--wp--preset--color--moss);
	border-radius: 0 18px 18px 0;
	padding: var(--wp--preset--spacing--24);
}

.kudlato-callout > :first-child { margin-top: 0; }
.kudlato-callout > :last-child { margin-bottom: 0; }

.kudlato-callout__label {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 500;
	letter-spacing: 0.06em;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.kudlato-callout--now {
	background-color: var(--wp--preset--color--mist);
	border-left-color: var(--wp--preset--color--ink);
}

.kudlato-callout--consult {
	background-color: var(--wp--preset--color--oat);
	border-left-color: var(--wp--preset--color--amber-strong);
}

.kudlato-callout--limits {
	background-color: var(--wp--preset--color--paper);
	border: 1px solid var(--kudlato-field-border);
	border-left: 4px solid var(--wp--preset--color--moss-strong);
	border-radius: 0 18px 18px 0;
}

/* --- Grafika kategorii i pusty stan -------------------------------------- */

.kudlato-taxonomy-hero {
	margin: 0;
}

.kudlato-taxonomy-hero img {
	border-radius: var(--wp--custom--radius--hero);
	display: block;
	height: auto;
	width: 100%;
}

/* Etapy mają grafikę wektorową — ta nie potrzebuje pełnej szerokości. */
.kudlato-taxonomy-hero img[src$=".svg"] {
	border-radius: 0;
	max-width: 340px;
}

.kudlato-empty {
	background-color: var(--wp--preset--color--mist);
	border-radius: var(--wp--custom--radius--card);
	padding: var(--wp--preset--spacing--48) var(--wp--preset--spacing--32);
	text-align: center;
}

.kudlato-empty img {
	height: auto;
	margin: 0 auto var(--wp--preset--spacing--16);
	max-width: 320px;
	width: 100%;
}

.kudlato-empty h2 {
	font-size: var(--wp--preset--font-size--large);
	margin-top: 0;
}

.kudlato-empty p {
	margin: 0 auto;
	max-width: 46ch;
}

/* --- Logo ----------------------------------------------------------------
   Pole ochronne równe wysokości małej litery „o” (plan 9.7). Przy proporcji
   lockupu 6,08:1 szerokość 156 px daje wysokość ~26 px.
   ------------------------------------------------------------------------- */

.kudlato-brand {
	display: inline-flex;
	line-height: 0;
	padding: 6px 0;
	text-decoration: none;
}

.kudlato-brand img {
	height: auto;
	width: clamp(118px, 12vw, 156px);
}

.kudlato-brand:focus-visible {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 4px;
}

.kudlato-brand--light:focus-visible {
	outline-color: var(--wp--preset--color--paper);
}

/* --- Dyptyk hero ---------------------------------------------------------
   Dwa kadry 4:5 obok siebie, lekko przesunięte w pionie, żeby czytały się
   jako para, a nie jako jedno rozcięte zdjęcie. Na wąskim ekranie zostaje
   sam kadr pierwszy — dwa portrety obok siebie na telefonie byłyby zbyt małe.
   ------------------------------------------------------------------------- */

.kudlato-diptych {
	display: grid;
	gap: var(--wp--preset--spacing--12);
	grid-template-columns: 1fr;
}

.kudlato-diptych__frame {
	margin: 0;
}

.kudlato-diptych__frame img {
	border-radius: var(--wp--custom--radius--hero);
	display: block;
	height: auto;
	width: 100%;
}

@media (min-width: 600px) {
	.kudlato-diptych {
		grid-template-columns: 1fr 1fr;
	}

	.kudlato-diptych__frame:last-child {
		margin-top: var(--wp--preset--spacing--32);
	}
}

/* --- Selektor gatunek → etap ---------------------------------------------
   Radio zamiast przycisków: stan wyboru ogłasza czytnik ekranu, działa
   klawiaturą strzałkami i przetrwa brak JavaScriptu. Natywny input jest
   ukryty wizualnie, ale nadal jest celem fokusu — stąd `:focus-visible`
   przeniesiony na etykietę.
   ------------------------------------------------------------------------- */

.kudlato-finder__heading {
	font-size: var(--wp--preset--font-size--x-large);
	margin-top: 0;
}

.kudlato-finder__group {
	border: 0;
	margin: 0 0 var(--wp--preset--spacing--24);
	padding: 0;
}

.kudlato-finder__group legend {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	letter-spacing: 0.06em;
	margin-bottom: var(--wp--preset--spacing--12);
	padding: 0;
	text-transform: uppercase;
}

.kudlato-finder__options {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--12);
}

.kudlato-finder__option input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.kudlato-finder__option label {
	background-color: var(--wp--preset--color--paper);
	border: 2px solid var(--wp--preset--color--moss);
	border-radius: 999px;
	cursor: pointer;
	display: inline-block;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
	margin: 0;
	min-height: 44px;
	padding: 10px 20px;
	transition: background-color 160ms var(--kudlato-ease), border-color 160ms var(--kudlato-ease);
}

.kudlato-finder__option input:checked + label {
	background-color: var(--wp--preset--color--ink);
	border-color: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
}

.kudlato-finder__option input:focus-visible + label {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 2px;
}

.kudlato-finder__note {
	color: var(--wp--preset--color--moss-strong);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	margin-bottom: 0;
}

/* --- Mapa katalogu ------------------------------------------------------- */

.kudlato-roadmap__heading {
	font-size: var(--wp--preset--font-size--x-large);
}

.kudlato-roadmap__row + .kudlato-roadmap__row {
	margin-top: var(--wp--preset--spacing--32);
}

.kudlato-roadmap__species {
	font-size: var(--wp--preset--font-size--large);
	margin-bottom: var(--wp--preset--spacing--12);
}

.kudlato-roadmap__cells {
	display: grid;
	gap: var(--wp--preset--spacing--12);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.kudlato-roadmap__cell a {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--mist);
	border-radius: var(--wp--custom--radius--card);
	display: block;
	padding: var(--wp--preset--spacing--16);
	text-decoration: none;
}

.kudlato-roadmap__cell a:hover {
	border-color: var(--wp--preset--color--moss);
}

.kudlato-roadmap__stage {
	display: block;
	font-weight: 600;
}

.kudlato-roadmap__state {
	color: var(--wp--preset--color--moss-strong);
	display: block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	margin-top: 4px;
}

/* Pole bez treści nie udaje klikalnej oferty. */
.kudlato-roadmap__cell--planowany a {
	background-color: transparent;
	border-style: dashed;
}

.kudlato-roadmap__note {
	color: var(--wp--preset--color--moss-strong);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
}

/* --- Listy katalogu ------------------------------------------------------ */

.kudlato-catalog__grid {
	display: grid;
	gap: var(--wp--preset--spacing--24);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.kudlato-catalog .kudlato-card {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--mist);
	border-radius: var(--wp--custom--radius--card);
	padding: var(--wp--preset--spacing--24);
}

.kudlato-catalog .kudlato-card img {
	border-radius: 10px;
	height: auto;
	margin-bottom: var(--wp--preset--spacing--12);
	max-width: 100%;
}

.kudlato-catalog .kudlato-card h3 {
	font-size: var(--wp--preset--font-size--large);
	margin: 0 0 var(--wp--preset--spacing--8);
}

.kudlato-card__meta {
	color: var(--wp--preset--color--moss-strong);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	margin: 0 0 var(--wp--preset--spacing--8);
}

.kudlato-card__scope {
	font-size: var(--wp--preset--font-size--small);
	margin: 0;
}

/* --- Statusy wydawnicze katalogu -----------------------------------------
   Status nigdy nie jest komunikowany samym kolorem — każda etykieta ma tekst.
   ------------------------------------------------------------------------- */

.kudlato-badge {
	border: 1px solid currentColor;
	border-radius: 999px;
	display: inline-block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	letter-spacing: 0.04em;
	line-height: 1.2;
	margin-bottom: var(--wp--preset--spacing--8);
	padding: 4px 10px;
	text-transform: uppercase;
}

.kudlato-badge--zapowiedziany,
.kudlato-badge--w-przygotowaniu {
	color: var(--wp--preset--color--moss-strong);
}

.kudlato-badge--aktualizowany {
	color: var(--wp--preset--color--amber-strong);
}

.kudlato-status {
	color: var(--wp--preset--color--moss-strong);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--small);
}

.kudlato-announcement {
	background-color: var(--wp--preset--color--mist);
	border-radius: var(--wp--custom--radius--card);
	margin-block: var(--wp--preset--spacing--24);
	padding: var(--wp--preset--spacing--24);
}

.kudlato-announcement__scope h2 {
	font-size: var(--wp--preset--font-size--large);
	margin-top: 0;
}

.kudlato-announcement__note {
	color: var(--wp--preset--color--moss-strong);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	margin-bottom: 0;
}

/* Karta zapowiedzi nie udaje produktu — brak okładki jest tu świadomy. */
.kudlato-card--announced {
	background-color: var(--wp--preset--color--paper);
	border: 1px dashed var(--wp--preset--color--moss);
}

/* --- Grafika ilustracyjna ------------------------------------------------
   Podpis pod wygenerowaną sceną roli. Wymóg z planu, sekcja 26.4 — bez niego
   ilustracja mogłaby zostać odczytana jako zdjęcie konkretnej osoby.
   ------------------------------------------------------------------------- */

.kudlato-role-figure {
	margin: 0 0 var(--wp--preset--spacing--12);
}

.kudlato-role-figure img {
	border-radius: var(--wp--custom--radius--card);
	display: block;
	height: auto;
	width: 100%;
}

.kudlato-illustrative {
	color: var(--wp--preset--color--moss-strong);
	display: block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	margin-top: 6px;
}

/* --- Ciemne powierzchnie -------------------------------------------------
   Kolor linku z theme.json (atrament) na ciemnym tle byłby niewidoczny.
   Owies na atramencie daje 9,5:1, więc spełnia AA także dla małego tekstu.
   ------------------------------------------------------------------------- */

.has-ink-background-color :where(a):not(.wp-block-button__link),
.kudlato-footer :where(a):not(.wp-block-button__link) {
	color: var(--wp--preset--color--oat);
}

.has-ink-background-color :where(a):not(.wp-block-button__link):hover,
.kudlato-footer :where(a):not(.wp-block-button__link):hover {
	color: var(--wp--preset--color--white);
}

.kudlato-footer--checkout :where(a):not(.wp-block-button__link) {
	/* Stopka checkoutu jest jasna — wracamy do koloru bazowego. */
	color: var(--wp--preset--color--ink);
}

.kudlato-footer__list {
	list-style: none;
}

.kudlato-footer__list li + li {
	margin-top: 6px;
}

/* --- Spis treści --------------------------------------------------------- */

.kudlato-toc {
	background-color: var(--wp--preset--color--mist);
	border-radius: var(--wp--custom--radius--card);
	padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--24);
}

.kudlato-toc > summary {
	cursor: pointer;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.kudlato-toc__list {
	list-style: none;
	margin: var(--wp--preset--spacing--12) 0 0;
	padding: 0;
}

.kudlato-toc__list li {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
	margin-top: 8px;
}

.kudlato-toc__list li[data-level="3"] {
	padding-inline-start: var(--wp--preset--spacing--16);
}

.kudlato-toc-wrap {
	/* Sticky tylko tam, gdzie jest na to miejsce — inaczej pasek zjada ekran. */
	max-height: none;
}

@media (min-width: 782px) {
	.kudlato-toc-wrap {
		max-height: calc(100vh - 2rem);
		overflow-y: auto;
		padding-top: var(--wp--preset--spacing--16);
	}
}

/* --- Podglądowy układ formularza (przed podłączeniem MailerLite) ---------- */

.kudlato-form-preview {
	border: 1px dashed var(--wp--preset--color--moss);
	border-radius: var(--wp--custom--radius--card);
	padding: var(--wp--preset--spacing--16);
}

/* --- Warianty stylów bloków (register_block_style) ----------------------- */

.wp-block-group.is-style-kudlato-card {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--mist);
	border-radius: var(--wp--custom--radius--card);
	padding: var(--wp--preset--spacing--24);
	transition: transform 240ms var(--kudlato-ease), box-shadow 240ms var(--kudlato-ease);
}

.wp-block-group.is-style-kudlato-card:hover,
.wp-block-group.is-style-kudlato-card:focus-within {
	box-shadow: 0 10px 28px rgb(21 63 58 / 12%);
	transform: translateY(-4px);
}

.wp-block-group.is-style-kudlato-callout-now,
.wp-block-group.is-style-kudlato-callout-consult {
	border-radius: 0 var(--wp--custom--radius--card) var(--wp--custom--radius--card) 0;
	padding: var(--wp--preset--spacing--24);
}

.wp-block-group.is-style-kudlato-callout-now {
	background-color: var(--wp--preset--color--mist);
	border-left: 4px solid var(--wp--preset--color--ink);
}

.wp-block-group.is-style-kudlato-callout-consult {
	background-color: var(--wp--preset--color--oat);
	border-left: 4px solid var(--wp--preset--color--amber-strong);
}

.wp-block-list.is-style-kudlato-checklist {
	list-style: none;
	padding-left: 0;
}

.wp-block-list.is-style-kudlato-checklist > li {
	padding-left: 2rem;
	position: relative;
}

/* Znacznik checklisty jest dekoracyjny — treść pozycji niesie całą informację. */
.wp-block-list.is-style-kudlato-checklist > li::before {
	border: 2px solid var(--wp--preset--color--moss);
	border-radius: 5px;
	content: "";
	height: 1rem;
	inset-inline-start: 0;
	position: absolute;
	top: 0.35em;
	width: 1rem;
}

.wp-block-paragraph.is-style-kudlato-meta {
	color: var(--wp--preset--color--moss-strong);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--meta);
	letter-spacing: 0.01em;
	line-height: 1.45;
}

/* --- Linia „chaos → plan” ----------------------------------------------- */

.kudlato-path {
	display: block;
	height: auto;
	width: 100%;
}

.kudlato-path__stroke {
	fill: none;
	stroke: var(--wp--preset--color--ink);
	stroke-linecap: round;
	stroke-width: 2.5;
}

.kudlato-path__milestone {
	fill: var(--wp--preset--color--oat);
	stroke: var(--wp--preset--color--ink);
	stroke-width: 2;
}

.kudlato-path--animate .kudlato-path__stroke {
	animation: kudlato-draw 1100ms var(--kudlato-ease) forwards;
	stroke-dasharray: var(--kudlato-path-length, 2000);
	stroke-dashoffset: var(--kudlato-path-length, 2000);
}

@keyframes kudlato-draw {
	to { stroke-dashoffset: 0; }
}

/* --- Ruch: subtelne wejście sekcji -------------------------------------- */

.kudlato-reveal {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 420ms var(--kudlato-ease), transform 420ms var(--kudlato-ease);
}

.kudlato-reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* --- Karta poradnika ---------------------------------------------------- */

.kudlato-card {
	transition: transform 240ms var(--kudlato-ease), box-shadow 240ms var(--kudlato-ease);
}

.kudlato-card:hover,
.kudlato-card:focus-within {
	box-shadow: 0 10px 28px rgb(21 63 58 / 12%);
	transform: translateY(-4px);
}

/* --- Czytelność treści artykułu ----------------------------------------- */

.kudlato-prose {
	max-inline-size: 72ch; /* ~70–75 znaków w wierszu */
}

/* --- Ograniczenie ruchu ------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}

	.kudlato-path--animate .kudlato-path__stroke {
		stroke-dasharray: none;
		stroke-dashoffset: 0;
	}

	.kudlato-reveal {
		opacity: 1;
		transform: none;
	}

	.kudlato-card:hover,
	.kudlato-card:focus-within {
		transform: none;
	}
}

/* --- Druk: użytkownik może chcieć wydrukować checklistę ------------------ */

@media print {
	.kudlato-no-print,
	.wp-block-template-part header,
	.wp-block-template-part footer {
		display: none !important;
	}
}