/* WooCommerce - archive (kategoria/sklep) + ogólne dopełnienie poza homepage */

/* ───────────  Kontener treści (Storefront full-width-content)  ─────────── */

/* Reset tła - żeby nic z homepage hero / parent themu / desktop wallpaper nie przebijało.
   Stosujemy też do html i #page, bo body może mieć transparent w niektórych konfiguracjach. */
html,
body.woocommerce-page,
body.post-type-archive-product,
body.tax-product_cat,
body.single-product,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
	background-color: var(--kn-bg-section) !important;
	background-image: none !important;
}

body.woocommerce-page #page,
body.tax-product_cat #page,
body.single-product #page,
body.woocommerce-cart #page,
body.woocommerce-checkout #page,
body.woocommerce-account #page {
	background-color: var(--kn-bg-section) !important;
}

/* Single product / koszyk / checkout — pełna szerokość, bez sidebara */
.single-product #primary,
.single-product .site-main,
.woocommerce-cart #primary,
.woocommerce-cart .site-main,
.woocommerce-checkout #primary,
.woocommerce-checkout .site-main,
.woocommerce-account #primary,
.woocommerce-account .site-main {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
}

.single-product #secondary,
.woocommerce-cart #secondary,
.woocommerce-checkout #secondary,
.woocommerce-account #secondary {
	display: none !important;
}

/* ── Sklep + archiwa kategorii: układ z sidebarEM po prawej ── */
.post-type-archive-product .site-content,
.tax-product_cat .site-content {
	display: flex;
	align-items: flex-start;
	gap: 2rem;
	max-width: var(--kn-container);
	margin-inline: auto;
}

/* Główna treść — zajmuje dostępne miejsce */
.post-type-archive-product #primary,
.post-type-archive-product .site-main,
.tax-product_cat #primary,
.tax-product_cat .site-main {
	flex: 1 1 0;
	min-width: 0;
	width: auto !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
}

/* Sidebar — stała szerokość 220 px, PO LEWEJ (order: -1 w flex) */
.post-type-archive-product #secondary,
.tax-product_cat #secondary {
	display: block !important;
	flex: 0 0 220px;
	width: 220px !important;
	min-width: 0;
	order: -1;
}

/* Wycentrowany kontener treści - padding dla stron z sidebar i bez */
.woocommerce-page .site-content,
.single-product .site-content,
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content,
.woocommerce-order-pay .site-content,
.woocommerce-order-received .site-content,
.woocommerce-account .site-content {
	padding-block: clamp(2rem, 5vw, 4rem);
	padding-inline: var(--kn-gutter);
}

.post-type-archive-product .site-content,
.tax-product_cat .site-content {
	padding-block: clamp(2rem, 5vw, 4rem);
	padding-inline: var(--kn-gutter);
}

/* „Wyspa" (paper box) — content-area na single/cart/checkout/order-pay/podziękowanie */
.single-product .content-area,
.woocommerce-cart .content-area,
.woocommerce-checkout .content-area,
.woocommerce-order-pay .content-area,
.woocommerce-order-received .content-area,
.woocommerce-account .content-area {
	max-width: var(--kn-container) !important;
	margin-inline: auto !important;
	background: var(--kn-paper);
	border-radius: var(--kn-radius-lg);
	padding: clamp(2rem, 4vw, 3.5rem);
	box-shadow: var(--kn-shadow-sm);
}

/* „Wyspa" dla archive/sklep — bez margin auto (flex to ogarnia) */
.post-type-archive-product .content-area,
.tax-product_cat .content-area {
	background: var(--kn-paper);
	border-radius: var(--kn-radius-lg);
	padding: clamp(2rem, 4vw, 3.5rem);
	box-shadow: var(--kn-shadow-sm);
}

/* Sidebar styling — FLUSH z tłem strony (bez „pływającej" białej karty).
   Kategorie wyglądają jak subtelna lista nawigacyjna, nie wydzielony komponent. */
.post-type-archive-product #secondary .widget,
.tax-product_cat #secondary .widget {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.post-type-archive-product #secondary .widget-title,
.tax-product_cat #secondary .widget-title {
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #9a9087;
	margin: 0 0 .9rem;
	padding-bottom: .6rem;
	border-bottom: 1px solid #e8e2da;
}

/* ── DESKTOP (≥ 1024 px): sidebar po lewej, sticky, lista bez ramek ── */
@media ( min-width: 1024px ) {
	.post-type-archive-product #secondary,
	.tax-product_cat #secondary {
		position: sticky;
		top: 2rem;
		align-self: flex-start;
		flex: 0 0 220px;
		width: 220px !important;
		padding-top: clamp(2rem, 4vw, 3.5rem); /* wyrównanie do góry „wyspy" produktów */
	}

	/* Lista kategorii: flush, lekka, bez separatorów-kafelków */
	.post-type-archive-product #secondary .widget_product_categories .product-categories,
	.tax-product_cat #secondary .widget_product_categories .product-categories {
		background: transparent !important;
		border: none !important;
		border-radius: 0 !important;
	}
	.post-type-archive-product #secondary .product-categories > li,
	.tax-product_cat #secondary .product-categories > li {
		border-bottom: none !important;
	}
	.post-type-archive-product #secondary .product-categories li > a,
	.tax-product_cat #secondary .product-categories li > a {
		padding: 6px 0 !important;
		font-size: 0.88rem !important;
	}
	.post-type-archive-product #secondary .product-categories .children,
	.tax-product_cat #secondary .product-categories .children {
		background: transparent !important;
		border: none !important;
		padding-left: 12px !important;
	}
	.post-type-archive-product #secondary .product-categories .children li,
	.tax-product_cat #secondary .product-categories .children li {
		border-bottom: none !important;
	}
}

/* ── TABLET + MOBILE (< 1024 px): layout kolumnowy, sidebar ukryty (drawer — style.css) ──
   GŁÓWNY mechanizm ukrycia #secondary jest w style.css (display:none, wyższa specyficzność).
   Poniższy reset to zabezpieczenie „defense-in-depth": gdyby style.css się nie załadował,
   sidebar i tak NIE zostanie wąskim blokiem 220px — rozciągnie się na pełną szerokość kolumny. */
@media ( max-width: 1023px ) {
	.post-type-archive-product .site-content,
	.tax-product_cat .site-content {
		flex-direction: column;
		align-items: stretch;   /* nadpisuje bazowe align-items:flex-start (linia 54) */
	}
	.post-type-archive-product #primary,
	.tax-product_cat #primary {
		width: 100% !important;
	}
	/* Reset stałej szerokości sidebara z reguły bazowej (linie 74-81) na wypadek,
	   gdyby #secondary był jednak widoczny (brak style.css) — pełna szerokość, nie 220px. */
	.post-type-archive-product #secondary,
	.tax-product_cat #secondary {
		flex: 0 0 auto;
		width: 100% !important;
		order: 0;
	}
}

/* ───────────  HERO kategorii - banner premium  ─────────── */

.woocommerce-products-header {
	text-align: center;
	margin: 0 0 clamp(2.5rem, 5vw, 4rem) !important;
	padding: 2rem clamp(1.5rem, 4vw, 3rem) !important;
	background-color: var(--kn-cream-100) !important;
	background-image: radial-gradient(ellipse at 50% 100%, var(--kn-cream-200) 0%, var(--kn-cream-50) 70%) !important;
	border-radius: var(--kn-radius-lg);
	position: relative;
	/* Flex center pionowo i poziomo - !important żeby Storefront nie nadpisał */
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 320px !important;
}

/* Zielona kreska usunięta - user nie chce */
.woocommerce-products-header::before {
	display: none !important;
	content: none !important;
}

.woocommerce-products-header__title.page-title {
	font-family: var(--kn-font-heading);
	font-weight: var(--kn-fw-light);
	font-size: clamp(2.5rem, 6vw, 4.5rem);
	letter-spacing: -.015em;
	color: var(--kn-ink-900);
	margin: 0;
	line-height: 1.3;
	padding: 0;
	position: relative;
}

.woocommerce-products-header__title.page-title::after {
	content: 'Kolekcja';
	display: block;
	font-family: var(--kn-font-script);
	font-size: clamp(1.5rem, 2.5vw, 2.25rem);
	font-weight: var(--kn-fw-regular);
	color: var(--kn-accent-dark);
	margin-top: .25rem;
	letter-spacing: 0;
	line-height: 1.2;
}

.term-description {
	max-width: 56ch;
	margin: 1.5rem auto 0;
	color: var(--kn-text-soft);
	font-size: var(--kn-fs-md);
	line-height: var(--kn-lh-normal);
	position: relative;
}

/* ───────────  Pasek sort + count nad listą  ─────────── */

.woocommerce .woocommerce-notices-wrapper:empty { margin: 0; }

.woocommerce-page .site-main > .woocommerce > .woocommerce-result-count,
.woocommerce-page .site-main > .woocommerce > .woocommerce-ordering,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-sm);
	color: var(--kn-text-soft);
}

.woocommerce .woocommerce-result-count {
	margin: 0 0 1.5rem;
	letter-spacing: var(--kn-tracking-wide);
	text-transform: uppercase;
	float: left !important;
	display: inline-block;
	line-height: 42px;
}

.woocommerce .woocommerce-ordering {
	margin: 0 0 1.5rem;
	float: left !important;
}

/* clearfix po toolbarze, żeby grid ruszył poniżej */
.woocommerce ul.products::before {
	content: '';
	display: table;
	clear: both;
}

/* Storefront renderuje toolbar 2× (przed + po grid) w <div class="storefront-sorting">.
   Chcemy: GÓRNY pokazuje tylko ordering (sort) po lewej.
           DOLNY pokazuje tylko count (po lewej, na dole pod gridem). */

/* Górny toolbar - bezpośrednio przed ul.products (selectowany przez :has) */
.storefront-sorting:has(+ ul.products) p.woocommerce-result-count {
	display: none !important;
}
/* Paginacja (1,2,3…) TYLKO na dole — ukryj tę w górnym toolbarze */
.storefront-sorting:has(+ ul.products) .woocommerce-pagination {
	display: none !important;
}

/* Dolny toolbar - bezpośrednio po ul.products */
ul.products + .storefront-sorting {
	display: block !important;
	clear: both;
	margin-top: 2rem;
}

ul.products + .storefront-sorting form.woocommerce-ordering {
	display: none !important;
}

ul.products + .storefront-sorting p.woocommerce-result-count {
	display: inline-block !important;
	float: left !important;
	margin: 0 !important;
}

/* Wymuszamy widoczność nagłówka kategorii (Storefront może go schować) */
.woocommerce-products-header {
	display: block !important;
}

.woocommerce .woocommerce-ordering select {
	appearance: none;
	-webkit-appearance: none;
	background:
		linear-gradient(45deg, transparent 50%, var(--kn-ink-700) 50%) calc(100% - 18px) 50% / 6px 6px no-repeat,
		linear-gradient(135deg, var(--kn-ink-700) 50%, transparent 50%) calc(100% - 12px) 50% / 6px 6px no-repeat,
		var(--kn-paper);
	border: 1px solid var(--kn-border);
	border-radius: var(--kn-radius-pill);
	padding: 10px 38px 10px 18px;
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-sm);
	color: var(--kn-ink-900);
	cursor: pointer;
	transition: border-color var(--kn-dur) var(--kn-ease), box-shadow var(--kn-dur) var(--kn-ease);
}

.woocommerce .woocommerce-ordering select:hover,
.woocommerce .woocommerce-ordering select:focus {
	border-color: var(--kn-border);
	outline: none;
	box-shadow: none;
}

/* Native dropdown options - białe tło + ciemny tekst (Firefox/Chrome respektuje;
   Safari ignoruje, używa systemowego). */
.woocommerce .woocommerce-ordering select option {
	background-color: var(--kn-paper) !important;
	color: var(--kn-ink-900) !important;
	font-family: var(--kn-font-body);
	padding: 8px 12px;
}

.woocommerce .woocommerce-ordering select option:checked,
.woocommerce .woocommerce-ordering select option:hover {
	background-color: var(--kn-cream-100) !important;
	color: var(--kn-ink-900) !important;
}

/* ─── Custom select (zastępuje native <select> dla woocommerce-ordering) ─── */
.kn-select {
	position: relative;
	display: inline-block;
	min-width: 240px;
	font-family: var(--kn-font-body);
}

.kn-select__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 10px 18px;
	background: var(--kn-paper);
	border: 1px solid var(--kn-border);
	border-radius: var(--kn-radius-pill);
	font-family: inherit;
	font-size: var(--kn-fs-sm);
	color: var(--kn-ink-900);
	cursor: pointer;
	text-align: left;
	transition: border-color var(--kn-dur) var(--kn-ease), box-shadow var(--kn-dur) var(--kn-ease);
}

.kn-select__trigger:hover,
.kn-select__trigger[aria-expanded="true"] {
	border-color: var(--kn-accent);
	box-shadow: 0 0 0 3px rgba(168, 177, 112, .18);
}

.kn-select__caret {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid var(--kn-ink-700);
	flex-shrink: 0;
	transition: transform var(--kn-dur) var(--kn-ease);
}

.kn-select__trigger[aria-expanded="true"] .kn-select__caret {
	transform: rotate(180deg);
}

.kn-select__list {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	margin: 0;
	padding: 6px 0;
	list-style: none;
	background: var(--kn-cream-50);
	border: 1px solid var(--kn-cream-300);
	border-radius: var(--kn-radius-md);
	box-shadow: 0 12px 32px rgba(31, 29, 26, .14);
	z-index: 100;
	max-height: 320px;
	overflow-y: auto;
}

.kn-select__item {
	padding: 10px 18px;
	font-size: var(--kn-fs-sm);
	color: var(--kn-ink-900);
	cursor: pointer;
	transition: background var(--kn-dur) var(--kn-ease), color var(--kn-dur) var(--kn-ease);
}

.kn-select__item:hover,
.kn-select__item:focus-visible {
	background: var(--kn-cream-100);
	outline: none;
}

.kn-select__item.is-selected {
	background: var(--kn-accent);
	color: var(--kn-paper);
	font-weight: var(--kn-fw-medium);
}

.kn-select__item.is-selected:hover {
	background: var(--kn-accent-dark);
}

/* ───────────  Grid produktów (gap)  ─────────── */

/* Grid 4-kolumnowy. Storefront daje ul.products.columns-3 li.product { float:left; width:30% }.
   Targetujemy bezpośrednio te klasy + dodatkowy :not() dla bumpa specyfiki. */
.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products.columns-1,
ul.products.columns-2,
ul.products.columns-3,
ul.products.columns-4,
ul.products.columns-5,
ul.products.columns-6 {
	display: grid !important;
	/* Responsywnie: kolumny ~220-250px, dosztukowane do szerokości (auto-fill).
	   Dzięki temu kafelki nie „puchną" na szerokim ekranie (gdy sklep bez sidebara)
	   — zamiast 4 wielkich kart pojawia się 5+ kart w rozsądnym rozmiarze. */
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
	gap: clamp(1.5rem, 3vw, 2.5rem) clamp(1rem, 2vw, 1.75rem) !important;
	margin: 0 0 2.5rem !important;
	padding: 0 !important;
	list-style: none !important;
}

@media (max-width: 1024px) {
	.woocommerce ul.products,
	ul.products.columns-3,
	ul.products.columns-4 {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: clamp(1.25rem, 2.5vw, 2rem) clamp(.75rem, 2vw, 1.5rem) !important;
	}
}

/* Reset Storefront width/float na li.product + explicit grid-column auto
   (Storefront może mieć nth-child rules lub explicit positioning). */
ul.products.columns-1 li.product,
ul.products.columns-2 li.product,
ul.products.columns-3 li.product,
ul.products.columns-4 li.product,
ul.products.columns-5 li.product,
ul.products.columns-6 li.product,
.woocommerce ul.products li.product,
.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last,
.woocommerce ul.products li.product:nth-child(n) {
	clear: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	margin-right: 0 !important;
	float: none !important;
	grid-column: auto !important;
	grid-row: auto !important;
}

/* Storefront ::before/::after z display:table na ul mogą tworzyć fake grid items */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products::before,
ul.products::after {
	display: none !important;
	content: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	margin: 0 !important;
	width: auto !important;
	float: none !important;
	clear: none !important;
}

/* ───────────  Paginacja  ─────────── */

.woocommerce nav.woocommerce-pagination {
	margin-top: 3rem;
	text-align: center;
}

.woocommerce nav.woocommerce-pagination ul {
	border: none !important;
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: none !important;
	margin: 0 !important;
	overflow: visible;
	display: inline-flex;
}

/* równe KÓŁKA (nie owale) */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	min-width: 42px;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid var(--kn-border) !important;
	background: var(--kn-paper);
	color: var(--kn-ink-800);
	border-radius: 50% !important;
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-sm);
	font-weight: var(--kn-fw-medium);
	line-height: 1;
	text-decoration: none;
	transition: background .18s ease, color .18s ease, border-color .18s ease, transform .12s ease;
}

/* hover zwykłych stron */
.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: var(--kn-cream-100);
	border-color: var(--kn-sand-400);
	color: var(--kn-ink-900);
}

/* aktywna strona — ciemne wypełnienie (spójnie z przyciskami sklepu) */
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--kn-ink-900);
	color: var(--kn-paper);
	border-color: var(--kn-ink-900) !important;
	font-weight: var(--kn-fw-semibold);
}

/* „…" — dyskretny, bez ramki/koła */
.woocommerce nav.woocommerce-pagination ul li span.dots {
	border: none !important;
	background: transparent;
	color: var(--kn-text-soft);
	width: auto;
	min-width: 24px;
	border-radius: 0 !important;
}

/* strzałki prev/next — lekki accent przy hoverze */
.woocommerce nav.woocommerce-pagination ul li a.prev:hover,
.woocommerce nav.woocommerce-pagination ul li a.next:hover {
	background: var(--kn-ink-900);
	color: var(--kn-paper);
	border-color: var(--kn-ink-900);
}

/* ───────────  Breadcrumbs  ─────────── */

.woocommerce-breadcrumb {
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-xs);
	color: var(--kn-text-soft);
	letter-spacing: var(--kn-tracking-wide);
	text-transform: uppercase;
	margin: 0 0 1.5rem;
}

.woocommerce-breadcrumb a {
	color: var(--kn-text-soft);
	text-decoration: none !important;
	transition: color var(--kn-dur) var(--kn-ease);
}

.woocommerce-breadcrumb a:link,
.woocommerce-breadcrumb a:visited {
	text-decoration: none !important;
}

.woocommerce-breadcrumb a:hover {
	color: var(--kn-accent-dark);
}

/* Breadcrumb na stronie produktu: zbyt długa sciezka - ukrywamy */
.single-product .woocommerce-breadcrumb { display: none !important; }

/* ───────────  Pojedynczy produkt - układ + galeria  ─────────── */

/* Grid 2-kolumnowy z tytułem nad obiema kolumnami:
   wiersz 1: tytuł (pełna szerokość)
   wiersz 2: galeria | summary (cena/opis/ilość/dodaj-do-koszyka)
   Tytuł jest renderowany przez woocommerce_template_single_title na hooku before_single_product_summary
   (przeniesione w functions.php) - staje się siblingiem .images i .summary. */
.single-product div.product {
	display: grid !important;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important;
	grid-template-areas:
		"title title"
		"gallery summary" !important;
	column-gap: clamp(1.5rem, 4vw, 3.5rem) !important;
	row-gap: clamp(1rem, 2vw, 1.75rem) !important;
	align-items: start !important;
	/* Storefront ma overflow:hidden który ucina FlexSlider - wyłącz */
	overflow: visible !important;
	position: relative !important;
}

.single-product div.product > .product_title {
	grid-area: title !important;
	margin: 0 0 .5rem !important;
}

.single-product div.product > .woocommerce-product-gallery,
.single-product div.product > .images {
	grid-area: gallery !important;
}

.single-product div.product > .summary,
.single-product div.product > .summary.entry-summary {
	grid-area: summary !important;
}

/* Reset Storefront pseudo-elementów na .product (clearfix dla floatów - niepotrzebne w grid) */
.single-product div.product::before,
.single-product div.product::after {
	display: none !important;
	content: none !important;
}

/* Badge "Promocja!" jest sibling galerii (przed nią w DOM). Tytuł produktu przenieśliśmy
   NAD galerię (grid-area title), więc absolutne top/left lądowało NA TYTULE. Zamiast tego
   wstawiamy badge do KOMÓRKI GALERII (ta sama grid-area) i kotwiczymy w jej lewym-górnym rogu. */
.single-product div.product > .onsale {
	grid-area: gallery !important;
	position: relative !important;
	justify-self: start !important;
	align-self: start !important;
	margin: 12px !important;
	z-index: 2;
	background: var(--kn-burgundy-500) !important;
	color: var(--kn-paper) !important;
	border-radius: var(--kn-radius-pill) !important;
	padding: 4px 12px !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	min-height: 0 !important;
	min-width: 0 !important;
	line-height: 1.4 !important;
}

@media (max-width: 768px) {
	.single-product div.product {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"title"
			"gallery"
			"summary" !important;
	}
}

/* Gallery - zajmuje pełną szerokość swojej kolumny, bez floatów (Storefront daje width:39% + float:left). */
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .images {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin: 0 !important;
	overflow: hidden;
}

/* Ramka wokół całej galerii - premium feel */
.single-product div.product .woocommerce-product-gallery {
	opacity: 1 !important;
	border: 1px solid var(--kn-border) !important;
	border-radius: var(--kn-radius-lg) !important;
	padding: 14px !important;
	background: var(--kn-paper) !important;
	box-shadow: var(--kn-shadow-sm) !important;
}

/* Główne zdjęcie: kwadrat z kadrowaniem (object-fit: cover) - usuwa puste białe marginesy w produktach
   gdzie oryginał ma sporo białego tła wokół przedmiotu. */
.single-product div.product .woocommerce-product-gallery__image > a,
.single-product div.product .woocommerce-product-gallery__image {
	display: block !important;
}

.single-product div.product .woocommerce-product-gallery__image img,
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img,
.single-product div.product .woocommerce-product-gallery ul.slides .woocommerce-product-gallery__image img {
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	height: auto !important;
	object-fit: cover !important;
	object-position: center !important;
	background: var(--kn-cream-50);
}

/* Pre-init: ukryj wszystkie slajdy poza pierwszym żeby nie stackowały się pionowo */
.single-product div.product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child) {
	display: none;
}

/* Po init FlexSlider opakowuje wrapper w .flex-viewport > ul.slides */
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image,
.single-product div.product .woocommerce-product-gallery ul.slides .woocommerce-product-gallery__image {
	display: block;
}

.single-product div.product .woocommerce-product-gallery img {
	border-radius: var(--kn-radius-md);
	display: block;
	max-width: 100%;
	height: auto;
}

/* Miniaturki - kompaktowe, flex row, bez dużych odstępów */
.single-product .flex-control-thumbs {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	padding: 8px 0 0 !important;
	margin: 0 !important;
	list-style: none !important;
}
.single-product .flex-control-thumbs li {
	float: none !important;
	width: calc(25% - 5px) !important;
	margin: 0 !important;
}
.single-product .flex-control-thumbs img {
	border-radius: 6px !important;
	border: 2px solid transparent !important;
	opacity: .65;
	cursor: pointer;
	transition: opacity var(--kn-dur) var(--kn-ease), border-color var(--kn-dur) var(--kn-ease) !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
}
.single-product .flex-control-thumbs img.flex-active,
.single-product .flex-control-thumbs img:hover {
	opacity: 1 !important;
	border-color: var(--kn-accent) !important;
}

/* Summary - pełna szerokość swojej kolumny, bez floatów. */
.single-product div.product .summary,
.single-product div.product .summary.entry-summary {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin: 0 !important;
	clear: none !important;
}

/* Ukryj duplikat tytułu (Storefront może renderować page title osobno). */
.single-product div.product .product_title {
	font-family: var(--kn-font-heading);
	font-weight: var(--kn-fw-light);
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.2;
	margin: 0 0 1rem;
	color: var(--kn-ink-900);
}

.single-product .product_meta {
	font-size: var(--kn-fs-xs);
	color: var(--kn-text-soft);
	letter-spacing: var(--kn-tracking-wide);
	text-transform: uppercase;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--kn-border);
}

/* Taby - poziome (override Storefront: float:left + width:30%) */
.single-product .woocommerce-tabs {
	margin-top: clamp(2.5rem, 5vw, 4rem);
	overflow: visible !important;
	clear: both !important;
}

.single-product .woocommerce-tabs ul.tabs {
	float: none !important;
	width: 100% !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 2px !important;
	border-top: none !important;
	border-bottom: 2px solid var(--kn-border) !important;
	padding: 0 !important;
	margin: 0 0 2rem !important;
	list-style: none !important;
	background: transparent !important;
}

.single-product .woocommerce-tabs ul.tabs::before,
.single-product .woocommerce-tabs ul.tabs::after { display: none !important; }

.single-product .woocommerce-tabs ul.tabs li {
	display: block !important;
	background: transparent !important;
	border: none !important;
	border-bottom: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
}

.single-product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce-tabs ul.tabs li::after { display: none !important; }

.single-product .woocommerce-tabs ul.tabs li a {
	display: block !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	color: var(--kn-text-soft) !important;
	padding: 12px 20px !important;
	border-bottom: 3px solid transparent !important;
	margin-bottom: -2px !important;
	transition: color var(--kn-dur) var(--kn-ease), border-color var(--kn-dur) var(--kn-ease) !important;
	text-decoration: none !important;
	white-space: nowrap;
}

.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--kn-ink-900) !important;
	border-bottom-color: transparent !important;
	background: var(--kn-cream-100) !important;
	border-radius: var(--kn-radius-sm) var(--kn-radius-sm) 0 0 !important;
}

/* Panel - reset Storefront margin-left (sidebar offset) */
.single-product .woocommerce-tabs .panel,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
	float: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	clear: both !important;
	padding: 0 !important;
	border: none !important;
}

/* Form cart - ilość + przycisk w jednej linii */
.single-product form.cart {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
	margin: 1.5rem 0 !important;
}

.single-product .quantity .qty {
	width: 64px !important;
	padding: 12px 4px !important;
	font-size: var(--kn-fs-base) !important;
}

.single-product .quantity .quantity-button {
	width: 44px !important;
	height: 46px !important;
	font-size: 1.25rem !important;
}

/* Przycisk DODAJ DO KOSZYKA - oliwka (kolor akcentu marki) */
.single-product form.cart .single_add_to_cart_button,
.single-product .single_add_to_cart_button {
	background: var(--kn-accent) !important;
	color: var(--kn-paper) !important;
	border: 1.5px solid var(--kn-accent) !important;
	border-radius: var(--kn-radius-pill) !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	padding: 14px 32px !important;
	cursor: pointer !important;
	transition: background var(--kn-dur) var(--kn-ease), border-color var(--kn-dur) var(--kn-ease), transform var(--kn-dur) var(--kn-ease) !important;
	box-shadow: var(--kn-shadow-sm) !important;
	line-height: 1.2 !important;
}
.single-product form.cart .single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button:hover {
	background: var(--kn-accent-dark) !important;
	border-color: var(--kn-accent-dark) !important;
	transform: translateY(-1px) !important;
	box-shadow: var(--kn-shadow-md) !important;
}

/* ─── Podobne produkty / Up-sells ─── */
.single-product .related.products,
.single-product .up-sells.products {
	margin-top: clamp(2.5rem, 5vw, 4rem) !important;
	padding-top: clamp(2rem, 4vw, 3rem) !important;
	border-top: 1px solid var(--kn-border) !important;
	clear: both !important;
	width: 100% !important;
	float: none !important;
}

.single-product .related.products > h2,
.single-product .up-sells.products > h2 {
	font-family: var(--kn-font-heading) !important;
	font-weight: var(--kn-fw-light) !important;
	font-size: clamp(1.4rem, 3vw, 1.875rem) !important;
	color: var(--kn-ink-900) !important;
	margin: 0 0 1.5rem !important;
	letter-spacing: -.01em !important;
	text-align: left !important;
}

/* Ukryj Storefront sticky add-to-cart (wysuwa się z góry podczas przewijania) */
.storefront-sticky-add-to-cart {
	display: none !important;
}

/* Podobne produkty - 3 kolumny, wyrównane karty, badge nie obcinany */
.single-product .related.products ul.products,
.single-product .up-sells.products ul.products {
	grid-template-columns: repeat(3, 1fr) !important;
	align-items: stretch !important;
}

/* MOBILE: 2 kolumny. repeat(3,1fr) na telefonie powodowało POZIOME PRZELEWANIE
   (kolumny 1fr nie schną poniżej min-content zawartości — przycisk/obraz wypychały
   siatkę poza ekran). minmax(0,1fr) gwarantuje, że kolumny zmieszczą się w szerokości. */
@media (max-width: 768px) {
	.single-product .related.products ul.products,
	.single-product .up-sells.products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (max-width: 360px) {
	.single-product .related.products ul.products,
	.single-product .up-sells.products ul.products {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

.single-product .related.products ul.products li.product,
.single-product .up-sells.products ul.products li.product {
	overflow: visible !important;
	border-radius: 0 !important;
	display: flex !important;
	flex-direction: column !important;
}

/* Wrapper obrazka - clip rounded corners bez overflow na całej karcie */
.single-product .related.products ul.products li.product a.woocommerce-LoopProduct-link,
.single-product .up-sells.products ul.products li.product a.woocommerce-LoopProduct-link {
	overflow: hidden !important;
	border-radius: var(--kn-radius-lg) !important;
}

/* Usunięcie translateY na hover kart w sekcji podobne */
.single-product .related.products ul.products li.product:hover,
.single-product .up-sells.products ul.products li.product:hover {
	transform: none !important;
}

/* ───────────  Sidebar (jeśli jest)  ─────────── */

.woocommerce-page #secondary {
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-sm);
	color: var(--kn-text);
}

/* ───────────  Komunikaty (notices)  ─────────── */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top-color: var(--kn-accent);
	background: var(--kn-cream-50);
	color: var(--kn-text);
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-sm);
	border-radius: var(--kn-radius-md);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--kn-accent-dark);
}

/* ───────────  Koszyk + checkout (lekka stylizacja)  ─────────── */

.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table {
	border: 1px solid var(--kn-border);
	border-radius: var(--kn-radius-md);
	overflow: hidden;
	font-family: var(--kn-font-body);
	border-collapse: separate;
	border-spacing: 0;
}

.woocommerce-cart table.shop_table th,
.woocommerce-checkout table.shop_table th {
	background: var(--kn-cream-50);
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-xs);
	font-weight: var(--kn-fw-medium);
	letter-spacing: var(--kn-tracking-wide);
	text-transform: uppercase;
	color: var(--kn-ink-900);
	padding: 14px 16px;
}

/* ═══════════════════════════════════════════════════════════════
   PREMIUM MINIMAL CARDS - override 30-products.css
   Bezramkowe, square media z hover-zoom, button widoczny, wycentrowane.
   ═══════════════════════════════════════════════════════════════ */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	text-align: center;
	transition: transform var(--kn-dur) var(--kn-ease);
	overflow: visible;
	/* flex column → button zawsze na dole, niezależnie od długości tytułu */
	display: flex !important;
	flex-direction: column;
}

/* Tytuł - min-height żeby 1-linijkowe tytuły zajmowały tyle samo co 2-linijkowe (równe karty) */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	min-height: 2.7em !important;
}

/* Button leci na dół flex-column - wszystkie wyrównane w wierszu */
.woocommerce ul.products li.product .button {
	margin-top: auto !important;
	align-self: center;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
	transform: translateY(-3px);
	box-shadow: none !important;
}

/* Link wrapper - bez aspect-ratio/overflow, żeby tytuł (który jest INSIDE <a>) był widoczny.
   clip-path na obrazie utrzymuje radius+kadr nawet przy hover-scale (wymaga modern browser). */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
	display: block;
	margin-bottom: 6px;
	position: relative;
	color: inherit;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	height: auto !important;
	object-fit: cover !important;
	margin: 0 0 18px 0 !important;
	border-radius: var(--kn-radius-lg) !important;
	background: var(--kn-cream-100);
	display: block;
	clip-path: inset(0 round var(--kn-radius-lg));
	transition:
		transform 600ms var(--kn-ease),
		box-shadow var(--kn-dur) var(--kn-ease),
		filter var(--kn-dur) var(--kn-ease);
}

.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img {
	transform: scale(1.05);
	box-shadow: 0 12px 32px rgba(31, 29, 26, .12);
	filter: brightness(1.02);
}

/* Tytuł - wyśrodkowany, premium serif-vibe via Jost light */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	text-align: center !important;
	font-family: var(--kn-font-heading) !important;
	font-size: var(--kn-fs-md) !important;
	font-weight: var(--kn-fw-regular) !important;
	color: var(--kn-ink-900) !important;
	line-height: var(--kn-lh-snug) !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

/* Cena - accent oliwka, większa, wycentrowana */
.woocommerce ul.products li.product .price {
	display: block;
	text-align: center;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-md) !important;
	font-weight: var(--kn-fw-semibold) !important;
	color: var(--kn-accent-dark) !important;
	margin: 0 0 16px !important;
	letter-spacing: 0;
}

/* Button - outline minimal, hover wypełnia ciemnym; wycentrowany, kompaktowy */
.woocommerce ul.products li.product .button {
	display: inline-block !important;
	margin: 0 auto !important;
	background: transparent !important;
	color: var(--kn-ink-900) !important;
	border: 1.5px solid var(--kn-ink-900) !important;
	border-radius: var(--kn-radius-pill) !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	padding: 9px 22px !important;
	transition:
		background var(--kn-dur) var(--kn-ease),
		color var(--kn-dur) var(--kn-ease),
		transform var(--kn-dur) var(--kn-ease) !important;
}

.woocommerce ul.products li.product .button:hover {
	background: var(--kn-ink-900) !important;
	color: var(--kn-paper) !important;
	transform: translateY(-1px);
}

/* Sale badge - w lewym górnym rogu media */
.woocommerce ul.products li.product .onsale {
	position: absolute !important;
	top: 12px !important;
	left: 12px !important;
	z-index: 2;
	background: var(--kn-burgundy-500) !important;
	color: var(--kn-paper) !important;
	border-radius: var(--kn-radius-pill) !important;
	padding: 4px 12px !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	min-height: 0 !important;
	min-width: 0 !important;
	line-height: 1.4 !important;
}

/* ═══════════════════════════════════════════════════════════════
   /moje-konto/ - formularze login + register (Storefront default = unstyled browser)
   ═══════════════════════════════════════════════════════════════ */

.woocommerce-account .woocommerce h2 {
	font-family: var(--kn-font-heading);
	font-weight: var(--kn-fw-light);
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	color: var(--kn-ink-900);
	margin: 0 0 1.25rem;
	letter-spacing: -.01em;
}

.woocommerce-form-login,
.woocommerce-form-register {
	background: var(--kn-paper);
	border: 1px solid var(--kn-border);
	border-radius: var(--kn-radius-lg);
	padding: clamp(1.5rem, 3vw, 2.25rem) !important;
	max-width: 480px;
	box-shadow: var(--kn-shadow-sm);
}

.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row {
	margin: 0 0 1rem !important;
	padding: 0 !important;
	display: block;
}

.woocommerce-form-login label,
.woocommerce-form-register label {
	display: block;
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-xs);
	font-weight: var(--kn-fw-medium);
	letter-spacing: var(--kn-tracking-wide);
	text-transform: uppercase;
	color: var(--kn-ink-700);
	margin: 0 0 .4rem;
}

.woocommerce-form-login label.woocommerce-form__label-for-checkbox,
.woocommerce-form-register label.woocommerce-form__label-for-checkbox {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	text-transform: none;
	letter-spacing: 0;
	font-weight: var(--kn-fw-regular);
	font-size: var(--kn-fs-sm);
	color: var(--kn-text);
}

.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="email"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="email"],
.woocommerce-form-register input[type="password"] {
	width: 100%;
	background: var(--kn-cream-50);
	border: 1px solid var(--kn-border);
	border-radius: var(--kn-radius-md);
	padding: 10px 16px;
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-base);
	color: var(--kn-ink-900);
	line-height: 1.4;
	transition: border-color var(--kn-dur) var(--kn-ease), box-shadow var(--kn-dur) var(--kn-ease), background var(--kn-dur) var(--kn-ease);
	box-shadow: none;
}

.woocommerce-form-login input[type="text"]:focus,
.woocommerce-form-login input[type="email"]:focus,
.woocommerce-form-login input[type="password"]:focus,
.woocommerce-form-register input[type="text"]:focus,
.woocommerce-form-register input[type="email"]:focus,
.woocommerce-form-register input[type="password"]:focus {
	border-color: var(--kn-accent);
	outline: none;
	background: var(--kn-paper);
	box-shadow: 0 0 0 3px rgba(168, 177, 112, .18);
}

.woocommerce-form-login__rememberme {
	margin: 0 0 1rem;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}

.woocommerce-form-login__rememberme input[type="checkbox"],
.woocommerce-form-register input[type="checkbox"] {
	accent-color: var(--kn-accent);
}

.woocommerce-form-login .lost_password,
.woocommerce-LostPassword {
	margin: .25rem 0 0;
	font-size: var(--kn-fs-sm);
}

.woocommerce-form-login .lost_password a,
.woocommerce-LostPassword a {
	color: var(--kn-accent-dark);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.woocommerce-form-login .lost_password a:hover,
.woocommerce-LostPassword a:hover {
	color: var(--kn-ink-900);
}

.woocommerce-form-login button[type="submit"],
.woocommerce-form-register button[type="submit"],
.woocommerce-form-login .woocommerce-button.button,
.woocommerce-form-register .woocommerce-button.button {
	display: inline-block;
	background: var(--kn-accent) !important;
	color: var(--kn-paper) !important;
	border: 1px solid var(--kn-accent) !important;
	border-radius: var(--kn-radius-pill) !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	padding: .85rem 1.75rem !important;
	cursor: pointer;
	transition: background var(--kn-dur) var(--kn-ease), border-color var(--kn-dur) var(--kn-ease), transform var(--kn-dur) var(--kn-ease);
	box-shadow: 0 2px 8px rgba(31, 29, 26, .08);
	line-height: 1.2;
	margin-top: .25rem;
}

.woocommerce-form-login button[type="submit"]:hover,
.woocommerce-form-register button[type="submit"]:hover,
.woocommerce-form-login .woocommerce-button.button:hover,
.woocommerce-form-register .woocommerce-button.button:hover {
	background: var(--kn-accent-dark) !important;
	border-color: var(--kn-accent-dark) !important;
	transform: translateY(-1px);
}

/* Layout 2-col login+register na większych ekranach (Storefront daje col-1/col-2 wrappery) */
.woocommerce-account .u-columns.col2-set,
.woocommerce-account .col2-set {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	margin: 0;
	padding: 0;
}

.woocommerce-account .u-columns.col2-set .col-1,
.woocommerce-account .u-columns.col2-set .col-2,
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

@media (max-width: 768px) {
	.woocommerce-account .u-columns.col2-set,
	.woocommerce-account .col2-set {
		grid-template-columns: 1fr;
	}
}

/* Privacy policy / register subtitle */
.woocommerce-account .woocommerce-privacy-policy-text,
.woocommerce-form-register .woocommerce-privacy-policy-text {
	font-size: var(--kn-fs-sm);
	color: var(--kn-text-soft);
	margin: 0 0 1rem;
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.0.3
   ═══════════════════════════════════════════════════════════════ */

/* ─── Ukryj lupę galerii (lightbox dostępny przez klik zdjęcia) ─── */
.woocommerce-product-gallery__trigger {
	display: none !important;
}

/* ─── Ukryj nawigację poprzedni/następny produkt (strzałki na bokach) ─── */
.storefront-product-pagination,
.woocommerce-pagination.product-pagination,
.single-product .storefront-product-section__more-products,
.single-product nav.storefront-product-navigation {
	display: none !important;
}

/* ─── Quantity input - estetyczny styl ─── */
.woocommerce .quantity {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0 !important;
	border: 1.5px solid var(--kn-border) !important;
	border-radius: var(--kn-radius-pill) !important;
	overflow: hidden !important;
	background: var(--kn-paper) !important;
}

.woocommerce .quantity .qty {
	border: none !important;
	border-radius: 0 !important;
	width: 54px !important;
	text-align: center !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-base) !important;
	font-weight: var(--kn-fw-medium) !important;
	padding: 10px 4px !important;
	background: transparent !important;
	-moz-appearance: textfield !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	color: var(--kn-ink-900) !important;
	outline: none !important;
	box-shadow: none !important;
}

.woocommerce .quantity .qty:focus,
.woocommerce .quantity .qty:focus-visible,
.woocommerce .quantity .qty:active {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}

.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
	display: none !important;
}

.woocommerce .quantity .quantity-button,
.woocommerce .quantity a.quantity-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	font-size: 1.2rem !important;
	font-weight: var(--kn-fw-medium) !important;
	color: var(--kn-ink-700) !important;
	cursor: pointer !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background var(--kn-dur) var(--kn-ease), color var(--kn-dur) var(--kn-ease) !important;
	padding: 0 !important;
}

.woocommerce .quantity .quantity-button:hover {
	background: var(--kn-cream-100) !important;
	color: var(--kn-ink-900) !important;
}

/* ─── Komunikat "dodano do koszyka" - kompaktowy, brand kolor ─── */
.woocommerce-message,
.wc-block-components-notice-banner,
.woocommerce-notices-wrapper .woocommerce-message {
	background: var(--kn-ink-900) !important;
	color: var(--kn-paper) !important;
	border: none !important;
	border-top: none !important;
	border-radius: var(--kn-radius-md) !important;
	padding: 12px 20px !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
	margin: 0 0 1.5rem !important;
	max-width: 100%;
}

.woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-message::before {
	content: "✓" !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 20px !important;
	height: 20px !important;
	border: 1.5px solid var(--kn-paper) !important;
	border-radius: 50% !important;
	font-size: 11px !important;
	font-family: var(--kn-font-body) !important;
	font-weight: var(--kn-fw-medium) !important;
	flex-shrink: 0 !important;
	color: var(--kn-paper) !important;
	/* Reset natywnego WooCommerce position: absolute (storefront stosuje top:1em; left:1.5em) */
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	text-indent: 0 !important;
	background: transparent !important;
}

/* Usuń natywne tło/padding po lewej (storefront .woocommerce-message ma padding-left dla absolutnej ikony) */
.woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message {
	padding-left: 20px !important;
}

.woocommerce-message .button,
.woocommerce-message a.button {
	background: var(--kn-paper) !important;
	color: var(--kn-ink-900) !important;
	border: none !important;
	border-radius: var(--kn-radius-pill) !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	padding: 8px 18px !important;
	text-decoration: none !important;
	margin-left: auto !important;
	white-space: nowrap !important;
}

/* ─── Koszyk strona - produkt bez wyglądu linku ─── */
.woocommerce-cart-form .product-name a,
table.shop_table .product-name a {
	color: var(--kn-ink-900) !important;
	text-decoration: none !important;
	font-weight: var(--kn-fw-medium);
	pointer-events: none !important;
}

/* ─── Koszyk - przycisk "Przejdź do płatności" jako button ─── */
.wc-proceed-to-checkout {
	padding: 0 !important;
}

.wc-proceed-to-checkout .checkout-button,
a.checkout-button {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	background: var(--kn-ink-900) !important;
	color: var(--kn-paper) !important;
	border: none !important;
	border-radius: var(--kn-radius-pill) !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	padding: 16px 32px !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: background var(--kn-dur) var(--kn-ease) !important;
	box-shadow: 0 4px 16px rgba(31,29,26,.18) !important;
	line-height: 1.2 !important;
}

.wc-proceed-to-checkout .checkout-button:hover,
a.checkout-button:hover {
	background: var(--kn-ink-700) !important;
}

/* ─── Koszyk - usunięcie dziwnych linków w podsumowaniu ─── */
.cart-collaterals .cart_totals .checkout-button,
.cart_totals .wc-proceed-to-checkout {
	margin-top: 1rem;
}

/* ─── Ikona koszyka w headerze - pusty: ciemna oliwka na kremie; hover: biel na ciemnym brązie ─── */
.kn-cartbtn--empty .kn-cartbtn__icon svg {
	color: var(--kn-accent-dark) !important;
	stroke: var(--kn-accent-dark) !important;
}

.kn-cartbtn--empty:hover .kn-cartbtn__icon svg {
	color: var(--kn-paper) !important;
	stroke: var(--kn-paper) !important;
}

/* ─── Badge "PROMOCJA" w pętli produktów - zawsze widoczny ─── */
.woocommerce ul.products li.product {
	overflow: visible !important;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
	border-radius: var(--kn-radius-lg) !important;
}

/* ─── Koszyk - cart totals layout ─── */
.woocommerce-cart .cart-collaterals {
	float: none !important;
	width: 100% !important;
	margin-top: 2rem !important;
}

.woocommerce-cart .cart_totals {
	float: none !important;
	width: 100% !important;
	max-width: 420px !important;
	margin-left: auto !important;
}

/* Ukrycie podkreślenia przy "Oszczędzasz" w koszyku */
.woocommerce-cart .cart-discount .amount,
.woocommerce-cart td.product-subtotal .discount-msg {
	color: var(--kn-accent-dark);
}

/* ─── Storefront wc-ajax notice - override zielonego tła ─── */
.storefront-info-bar,
.storefront-info-bar__text,
.woocommerce-store-notice {
	display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.0.4
   ═══════════════════════════════════════════════════════════════ */

/* ─── Miniaturki galerii - kompaktowe, równe, wyraźnie oddzielone od głównego zdjęcia ─── */
.single-product .flex-control-thumbs {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	padding: 18px 0 4px !important;
	margin: 14px 0 0 !important;
	list-style: none !important;
	justify-content: flex-start !important;
	border-top: 1px solid var(--kn-border) !important;
}
.single-product .flex-control-thumbs li {
	float: none !important;
	width: auto !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
}
.single-product .flex-control-thumbs img {
	display: block !important;
	width: 72px !important;
	height: 72px !important;
	border-radius: 8px !important;
	border: 2px solid transparent !important;
	opacity: .6;
	cursor: pointer;
	object-fit: cover !important;
	transition: opacity var(--kn-dur) var(--kn-ease), border-color var(--kn-dur) var(--kn-ease) !important;
	box-shadow: 0 1px 4px rgba(31,29,26,.08) !important;
	aspect-ratio: 1 / 1 !important;
}
.single-product .flex-control-thumbs img.flex-active,
.single-product .flex-control-thumbs img:hover {
	opacity: 1 !important;
	border-color: var(--kn-accent) !important;
	box-shadow: 0 2px 8px rgba(168,177,112,.25) !important;
}

/* ─── Podobne produkty - wyrównanie kart i buttonów ─── */
.single-product .related.products ul.products,
.single-product .up-sells.products ul.products {
	align-items: stretch !important;
}
.single-product .related.products ul.products li.product,
.single-product .up-sells.products ul.products li.product {
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}
/* Price - min-height żeby regularna i promocyjna zajmowały tyle samo miejsca */
.woocommerce ul.products li.product .price {
	min-height: 3em !important;
}

/* ─── Formularz opinii - premium styling ─── */
#reviews {
	padding-top: 0.5rem;
}
#reviews .woocommerce-Reviews-title {
	font-family: var(--kn-font-heading) !important;
	font-weight: var(--kn-fw-light) !important;
	font-size: clamp(1.25rem, 2.5vw, 1.625rem) !important;
	color: var(--kn-ink-900) !important;
	margin: 0 0 1.5rem !important;
	letter-spacing: -.01em !important;
}
#reviews ol.commentlist {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 2rem !important;
}
#reviews ol.commentlist .comment {
	padding: 1.25rem 0 !important;
	border-bottom: 1px solid var(--kn-border) !important;
	display: flex !important;
	gap: 1rem !important;
}
#reviews ol.commentlist .comment:last-child {
	border-bottom: none !important;
}
#reviews .comment-text {
	flex: 1 !important;
}
#reviews .comment-text .star-rating {
	margin-bottom: .5rem !important;
}
#reviews .comment-text p.meta {
	font-size: var(--kn-fs-xs) !important;
	color: var(--kn-text-soft) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	margin-bottom: .75rem !important;
}
#reviews .comment-text .description p {
	font-size: var(--kn-fs-sm) !important;
	line-height: var(--kn-lh-normal) !important;
	color: var(--kn-text) !important;
	margin: 0 !important;
}
#reviews #respond {
	background: var(--kn-cream-50) !important;
	border: 1px solid var(--kn-border) !important;
	border-radius: var(--kn-radius-lg) !important;
	padding: clamp(1.25rem, 3vw, 2rem) !important;
	margin-top: 2rem !important;
}
#reviews #respond h3#reply-title {
	font-family: var(--kn-font-heading) !important;
	font-weight: var(--kn-fw-regular) !important;
	font-size: 1.25rem !important;
	color: var(--kn-ink-900) !important;
	margin: 0 0 1.25rem !important;
}
#reviews .comment-notes {
	font-size: var(--kn-fs-xs) !important;
	color: var(--kn-text-soft) !important;
	margin-bottom: 1.25rem !important;
}
#reviews .comment-form-rating {
	margin-bottom: 1rem !important;
}
#reviews .comment-form-rating label,
#reviews .comment-form-comment label,
#reviews .comment-form-author label,
#reviews .comment-form-email label {
	display: block !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	color: var(--kn-ink-700) !important;
	margin: 0 0 .4rem !important;
}
#reviews .stars span a {
	color: var(--kn-ink-300) !important;
	font-size: 1.4rem !important;
}
#reviews .comment-form-comment textarea,
#reviews .comment-form-author input,
#reviews .comment-form-email input {
	width: 100% !important;
	background: var(--kn-paper) !important;
	border: 1px solid var(--kn-border) !important;
	border-radius: var(--kn-radius-md) !important;
	padding: 10px 14px !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	color: var(--kn-ink-900) !important;
	line-height: 1.4 !important;
	transition: border-color var(--kn-dur) var(--kn-ease), box-shadow var(--kn-dur) var(--kn-ease) !important;
	box-sizing: border-box !important;
	outline: none !important;
}
#reviews .comment-form-comment textarea {
	min-height: 120px !important;
	resize: vertical !important;
}
#reviews .comment-form-comment textarea:focus,
#reviews .comment-form-author input:focus,
#reviews .comment-form-email input:focus {
	border-color: var(--kn-accent) !important;
	box-shadow: 0 0 0 3px rgba(168,177,112,.18) !important;
}
#reviews .comment-form-cookies-consent {
	display: flex !important;
	align-items: flex-start !important;
	gap: .5rem !important;
	margin: .75rem 0 !important;
}
#reviews .comment-form-cookies-consent input[type="checkbox"] {
	accent-color: var(--kn-accent) !important;
	margin-top: 2px !important;
	flex-shrink: 0 !important;
}
#reviews .comment-form-cookies-consent label {
	font-size: var(--kn-fs-sm) !important;
	color: var(--kn-text) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: var(--kn-fw-regular) !important;
}
#reviews .form-submit {
	margin-top: 1.25rem !important;
}
#reviews .form-submit #submit,
#reviews .submit {
	display: inline-block !important;
	background: var(--kn-ink-900) !important;
	color: var(--kn-paper) !important;
	border: none !important;
	border-radius: var(--kn-radius-pill) !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	padding: 12px 28px !important;
	cursor: pointer !important;
	transition: background var(--kn-dur) var(--kn-ease), transform var(--kn-dur) var(--kn-ease) !important;
	box-shadow: 0 2px 8px rgba(31,29,26,.12) !important;
}
#reviews .form-submit #submit:hover {
	background: var(--kn-ink-700) !important;
	transform: translateY(-1px) !important;
}
/* Informacja o logowaniu (jeśli opinie wymagają konta) */
#reviews .woocommerce-review-link {
	display: inline-block !important;
	background: var(--kn-cream-100) !important;
	border: 1px solid var(--kn-border) !important;
	border-radius: var(--kn-radius-md) !important;
	padding: 1rem 1.25rem !important;
	font-size: var(--kn-fs-sm) !important;
	color: var(--kn-text) !important;
	margin-top: 1rem !important;
}
#reviews .woocommerce-review-link a {
	color: var(--kn-accent-dark) !important;
	font-weight: var(--kn-fw-medium) !important;
}
/* Responsive: 2 pola (Nazwa + Email) obok siebie */
@media (min-width: 600px) {
	#reviews .comment-form-author,
	#reviews .comment-form-email {
		display: inline-block !important;
		width: calc(50% - .5rem) !important;
		vertical-align: top !important;
	}
	#reviews .comment-form-author {
		margin-right: 1rem !important;
	}
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.0.5 - równe karty „podobne produkty" + premium opinie
   ═══════════════════════════════════════════════════════════════ */

/* ─── Podobne produkty: line-clamp tytułu, równa wysokość kart ─── */
.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
.single-product .up-sells.products ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	min-height: 2.7em !important;
	max-height: 2.7em !important;
	margin: 0 0 8px !important;
}

/* Cena wyrównana: jeśli brak/jest sale-strikethrough, ta sama wysokość */
.single-product .related.products ul.products li.product .price,
.single-product .up-sells.products ul.products li.product .price {
	min-height: 1.6em !important;
	margin: 0 0 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Karta podobnego produktu rozciąga się i ma button na dole */
.single-product .related.products ul.products li.product,
.single-product .up-sells.products ul.products li.product {
	justify-content: flex-start !important;
}

.single-product .related.products ul.products li.product > *:last-child,
.single-product .up-sells.products ul.products li.product > *:last-child {
	margin-top: auto !important;
}

/* ─── Opinie: alert „brak opinii" w stylu brand zamiast niebieskiego info ─── */
#reviews .woocommerce-noreviews,
.woocommerce #reviews .woocommerce-noreviews {
	background: var(--kn-cream-50) !important;
	border: 1px solid var(--kn-border) !important;
	border-left: 3px solid var(--kn-accent) !important;
	border-radius: var(--kn-radius-md) !important;
	padding: 14px 18px !important;
	color: var(--kn-text) !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	font-style: italic !important;
	margin: 0 0 1.5rem !important;
	box-shadow: none !important;
}

/* Ukryj domyślną ikonę WooCommerce w alercie „brak opinii" */
#reviews .woocommerce-noreviews::before,
.woocommerce #reviews .woocommerce-noreviews::before {
	content: none !important;
	display: none !important;
}

/* ─── Opinie: nagłówek formularza ─── */
#reviews #respond h3#reply-title {
	font-size: 1.375rem !important;
	margin-bottom: .35rem !important;
}

#reviews #respond .comment-notes {
	font-size: var(--kn-fs-xs) !important;
	color: var(--kn-text-soft) !important;
	margin: 0 0 1.5rem !important;
	letter-spacing: .02em;
}

/* ─── Opinie: gwiazdki - kolor żółty (gold), glif zostawiamy WooCommerce ───
   WC sam zarządza `::before` (\e021 puste / \e020 pełne) przez:
     - `.stars:hover a::before` → wszystko pełne
     - `a:hover ~ a::before` → po najechanej puste
   Warunek: gap musi być częścią `<a>` (padding), nie marginem - inaczej
   kursor w odstępie wpada tylko na `.stars` (5★) bez sibling-resetu. */
.woocommerce p.stars a,
#reviews .comment-form-rating .stars a,
#reviews .stars a {
	font-size: 1.6rem !important;
	color: var(--kn-ink-300) !important;
	margin-right: 0 !important;
	padding-right: 4px !important;
	transition: color var(--kn-dur) var(--kn-ease) !important;
}

/* Hover: wszystkie do najechanej (włącznie) na żółto */
.woocommerce p.stars:hover a,
#reviews .comment-form-rating .stars:hover a,
#reviews .stars:hover a {
	color: #f5b400 !important;
}

/* Hover: gwiazdki PO najechanej wracają do koloru pustego */
.woocommerce p.stars a:hover ~ a,
#reviews .comment-form-rating .stars a:hover ~ a,
#reviews .stars a:hover ~ a {
	color: var(--kn-ink-300) !important;
}

/* Po wyborze: aktywna i wszystkie przed nią (nie-.active) żółte */
.woocommerce p.stars.selected a:not(.active),
.woocommerce p.stars.selected a.active,
#reviews .comment-form-rating .stars.selected a:not(.active),
#reviews .comment-form-rating .stars.selected a.active,
#reviews .stars.selected a:not(.active),
#reviews .stars.selected a.active {
	color: #f5b400 !important;
}

/* Po wyborze: gwiazdki PO aktywnej wracają do koloru pustego */
.woocommerce p.stars.selected a.active ~ a,
#reviews .comment-form-rating .stars.selected a.active ~ a,
#reviews .stars.selected a.active ~ a {
	color: var(--kn-ink-300) !important;
}

/* Wyświetlone oceny przy istniejących opiniach + ratingach na kartach produktów - też żółte */
.woocommerce .star-rating,
.woocommerce .star-rating::before,
.woocommerce .star-rating span,
.woocommerce .star-rating span::before,
#reviews .comment-text .star-rating,
#reviews .comment-text .star-rating::before,
#reviews .comment-text .star-rating span,
#reviews .comment-text .star-rating span::before {
	color: #f5b400 !important;
}

/* Bardzo mocny override koloru gwiazdek - Storefront customizer ustawia primary color
   (np. fioletowy) na p.stars a::before; nadpisujemy mocnym selektorem + ::before. */
body.single-product .woocommerce p.stars a,
body.single-product .woocommerce p.stars a::before,
body.single-product .woocommerce p.stars a.active,
body.single-product .woocommerce p.stars a.active::before,
body.single-product .woocommerce p.stars:hover a::before,
body.single-product .woocommerce p.stars.selected a.active::before,
body.single-product .woocommerce p.stars.selected a:not(.active)::before,
body.woocommerce p.stars a,
body.woocommerce p.stars a::before,
body.woocommerce p.stars a.active,
body.woocommerce p.stars a.active::before,
body .woocommerce p.stars a,
body .woocommerce p.stars a::before,
body .woocommerce p.stars a.active,
body .woocommerce p.stars a.active::before,
body .woocommerce p.stars.selected a.active::before,
body .woocommerce p.stars.selected a:not(.active)::before {
	color: #f5b400 !important;
}

/* Hover po aktywnej i hover po wyborze: gwiazdki PO wybranej wracają do szarego */
body .woocommerce p.stars a:hover ~ a,
body .woocommerce p.stars a:hover ~ a::before,
body .woocommerce p.stars.selected a.active ~ a,
body .woocommerce p.stars.selected a.active ~ a::before {
	color: var(--kn-ink-300) !important;
}

/* ─── Opinie: pola formularza większe padding, lepszy rytm ─── */
#reviews .comment-form-comment textarea,
#reviews .comment-form-author input,
#reviews .comment-form-email input {
	padding: 12px 16px !important;
	font-size: var(--kn-fs-base) !important;
}

#reviews .comment-form-author,
#reviews .comment-form-email,
#reviews .comment-form-comment,
#reviews .comment-form-rating {
	margin-bottom: 1.25rem !important;
}

#reviews .comment-form-cookies-consent {
	margin: 1rem 0 .5rem !important;
}

/* Przycisk WYŚLIJ - pełnoszerokie wcięcie na mobile dla łatwego klika */
@media (max-width: 600px) {
	#reviews .form-submit #submit,
	#reviews .submit {
		width: 100% !important;
	}
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.1.8 - Wyrównanie kart w pętli sklepu/kategorii:
   karty w tym samym wierszu mają tę samą wysokość, buttony
   "Dodaj do koszyka" zawsze przyklejone do dołu karty.
   ═══════════════════════════════════════════════════════════════ */

/* Siatka - wymuś równe wysokości wierszy */
.woocommerce ul.products,
.woocommerce-page ul.products {
	grid-auto-rows: 1fr !important;
	align-items: stretch !important;
}

/* Karta sklepu: rozciąga się na pełną wysokość wiersza */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	height: 100% !important;
	align-self: stretch !important;
}

/* Tytuł - max 2 linie (zachowuje równą wysokość mimo długich nazw) */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	min-height: 2.7em !important;
	max-height: 2.7em !important;
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.1.2 - "Podobne produkty": ostateczne wyrównanie kart
   (długi tytuł + cena promocyjna nie powinny przesuwać buttona)
   ═══════════════════════════════════════════════════════════════ */

/* Wymuś równe wysokości wierszy gridu - najwyższa karta dyktuje resztę */
.single-product .related.products ul.products,
.single-product .up-sells.products ul.products,
.related.products ul.products,
.up-sells.products ul.products {
	grid-auto-rows: 1fr !important;
	align-items: stretch !important;
}

/* Karta = flex column, rozciąga się na całą wysokość wiersza gridu */
.single-product .related.products ul.products li.product,
.single-product .up-sells.products ul.products li.product,
.related.products ul.products li.product,
.up-sells.products ul.products li.product {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	align-self: stretch !important;
}

/* Wrapper linka (img + tytuł + cena) - flex column z auto-pushem na dole */
.single-product .related.products ul.products li.product a.woocommerce-LoopProduct-link,
.single-product .up-sells.products ul.products li.product a.woocommerce-LoopProduct-link,
.related.products ul.products li.product a.woocommerce-LoopProduct-link,
.up-sells.products ul.products li.product a.woocommerce-LoopProduct-link {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
}

/* Tytuł - zawsze rezerwuj 2 linie tekstu (line-clamp jeśli dłuższy) */
.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
.single-product .up-sells.products ul.products li.product .woocommerce-loop-product__title,
.related.products ul.products li.product .woocommerce-loop-product__title,
.up-sells.products ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	min-height: 2.7em !important;
	max-height: 2.7em !important;
	margin: 0 0 8px !important;
}

/* Cena - zawsze ta sama wysokość, niezależnie od strikethrough */
.single-product .related.products ul.products li.product .price,
.single-product .up-sells.products ul.products li.product .price,
.related.products ul.products li.product .price,
.up-sells.products ul.products li.product .price {
	min-height: 1.7em !important;
	margin: auto 0 14px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0 .4em !important;
}

/* Button - wymuś przyklejenie do dołu karty (przebija margin: 0 auto z linii 931) */
.single-product .related.products ul.products li.product a.button,
.single-product .related.products ul.products li.product .button.add_to_cart_button,
.single-product .related.products ul.products li.product .button.product_type_simple,
.single-product .related.products ul.products li.product .button.product_type_variable,
.single-product .related.products ul.products li.product .button.product_type_grouped,
.single-product .related.products ul.products li.product .button.product_type_external,
.single-product .up-sells.products ul.products li.product a.button,
.single-product .up-sells.products ul.products li.product .button.add_to_cart_button,
.single-product .up-sells.products ul.products li.product .button.product_type_simple,
.single-product .up-sells.products ul.products li.product .button.product_type_variable,
.single-product .up-sells.products ul.products li.product .button.product_type_grouped,
.single-product .up-sells.products ul.products li.product .button.product_type_external,
.related.products ul.products li.product a.button,
.up-sells.products ul.products li.product a.button {
	margin-top: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	align-self: center !important;
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.1.9 - strona /koszyk/
   - 5 kolumn (bez „Cena"): thumb | nazwa | ilość | kwota | usuń
   - czerwona ikona kosza zamiast „×", po prawej stronie
   - przycisk „Zaktualizuj koszyk" ukryty (auto-submit przy zmianie qty)
   - lepszy kupon (label + grupa input+button)
   - wyrównanie wierszy w „Podsumowanie koszyka"
   ═══════════════════════════════════════════════════════════════ */

/* Tabela koszyka: wertykalne wyśrodkowanie komórek (thumb 80px vs tekst) */
.woocommerce-cart table.shop_table.cart {
	width: 100% !important;
}

.woocommerce-cart table.shop_table.cart th,
.woocommerce-cart table.shop_table.cart td {
	vertical-align: middle !important;
	padding: 16px !important;
}

/* Pełnowymiarowa kreska pod nagłówkiem (zamiast border-top na td, który urywał się
   na ostatniej kolumnie ze względu na border-collapse: separate). */
.woocommerce-cart table.shop_table.cart thead th {
	border-top: none !important;
	border-bottom: 1px solid var(--kn-border) !important;
}

/* Kreska między wierszami tbody (poza pierwszym wierszem - kreska z thead już rozdziela) */
.woocommerce-cart table.shop_table.cart tbody tr + tr td {
	border-top: 1px solid var(--kn-border);
}

.woocommerce-cart table.shop_table.cart th.product-quantity,
.woocommerce-cart table.shop_table.cart td.product-quantity {
	text-align: center !important;
}

.woocommerce-cart table.shop_table.cart th.product-subtotal,
.woocommerce-cart table.shop_table.cart td.product-subtotal {
	text-align: right !important;
	font-weight: var(--kn-fw-semibold);
	color: var(--kn-ink-900);
	white-space: nowrap;
}

.woocommerce-cart table.shop_table.cart th.product-remove,
.woocommerce-cart table.shop_table.cart td.product-remove {
	text-align: right !important;
	width: 56px;
}

.woocommerce-cart table.shop_table.cart td.product-thumbnail img {
	width: 72px !important;
	height: 72px !important;
	object-fit: cover !important;
	border-radius: var(--kn-radius-md);
}

.woocommerce-cart table.shop_table.cart td.product-name {
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-base);
}

/* Quantity w koszyku: lekko mniejszy pill, idealnie wyśrodkowany */
.woocommerce-cart table.shop_table.cart .quantity {
	display: inline-flex !important;
	align-items: center !important;
	height: 40px !important;
}

.woocommerce-cart table.shop_table.cart .quantity .qty {
	width: 44px !important;
	padding: 6px 4px !important;
	font-size: var(--kn-fs-sm) !important;
	line-height: 1 !important;
}

.woocommerce-cart table.shop_table.cart .quantity .quantity-button,
.woocommerce-cart table.shop_table.cart .quantity a.quantity-button,
.woocommerce-cart table.shop_table.cart .quantity .plus,
.woocommerce-cart table.shop_table.cart .quantity .minus {
	width: 34px !important;
	height: 38px !important;
	font-size: 1.1rem !important;
}

/* Czerwona ikona kosza zamiast „×" - po prawej */
.woocommerce-cart .kn-cart-remove,
.woocommerce-cart a.remove.kn-cart-remove {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: var(--kn-burgundy-500) !important;
	font-size: 0 !important;
	text-decoration: none !important;
	margin-left: auto;
	transition: background var(--kn-dur) var(--kn-ease), color var(--kn-dur) var(--kn-ease) !important;
}

.woocommerce-cart .kn-cart-remove svg {
	width: 20px;
	height: 20px;
	display: block;
}

.woocommerce-cart .kn-cart-remove:hover,
.woocommerce-cart a.remove.kn-cart-remove:hover {
	background: rgba(181, 74, 58, .12) !important;
	color: var(--kn-burgundy-600) !important;
}

/* Wiersz akcji (kupon) - bez ramki na górze, bez tła */
.woocommerce-cart table.shop_table.cart td.actions {
	border-top: 1px solid var(--kn-border);
	padding: 20px 16px !important;
	background: transparent;
}

/* Bezpiecznik: ukryj przycisk „Zaktualizuj koszyk" gdyby się gdzieś pojawił */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart input[name="update_cart"] {
	display: none !important;
}

/* Kupon - pole + przycisk w jednym wizualnym bloku, większy oddech */
.woocommerce-cart td.actions .coupon {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 440px;
	margin: 0;
}

.woocommerce-cart td.actions .coupon .kn-coupon__label {
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-xs);
	font-weight: var(--kn-fw-medium);
	letter-spacing: var(--kn-tracking-wide);
	text-transform: uppercase;
	color: var(--kn-ink-700);
}

.woocommerce-cart td.actions .coupon .kn-coupon__field {
	display: flex;
	align-items: stretch;
	background: var(--kn-paper);
	border: 1px solid var(--kn-border);
	border-radius: var(--kn-radius-pill);
	overflow: hidden;
	transition: border-color var(--kn-dur) var(--kn-ease), box-shadow var(--kn-dur) var(--kn-ease);
}

.woocommerce-cart td.actions .coupon .kn-coupon__field:focus-within {
	border-color: var(--kn-accent);
	box-shadow: 0 0 0 3px rgba(168, 177, 112, .18);
}

.woocommerce-cart td.actions .coupon input#coupon_code {
	flex: 1;
	border: none !important;
	background: transparent !important;
	padding: 12px 20px !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-base) !important;
	color: var(--kn-ink-900) !important;
	outline: none !important;
	box-shadow: none !important;
	min-width: 0;
}

.woocommerce-cart td.actions .coupon input#coupon_code::placeholder {
	color: var(--kn-text-soft);
	opacity: 1;
}

.woocommerce-cart td.actions .coupon button[name="apply_coupon"] {
	background: var(--kn-ink-900) !important;
	color: var(--kn-paper) !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 12px 22px !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	transition: background var(--kn-dur) var(--kn-ease) !important;
	white-space: nowrap;
}

.woocommerce-cart td.actions .coupon button[name="apply_coupon"]:hover {
	background: var(--kn-accent-dark) !important;
}

/* MOBILE: input kuponu i przycisk jeden pod drugim (w rzędzie „Kod kuponu" był ucinany) */
@media (max-width: 480px) {
	.woocommerce-cart td.actions .coupon .kn-coupon__field {
		flex-direction: column;
		border: none !important;
		border-radius: 0 !important;
		overflow: visible !important;
		background: transparent !important;
		gap: 8px;
	}
	.woocommerce-cart td.actions .coupon input#coupon_code {
		width: 100% !important;
		border: 1px solid var(--kn-border) !important;
		border-radius: var(--kn-radius-pill) !important;
		background: var(--kn-paper) !important;
		text-align: center;
	}
	.woocommerce-cart td.actions .coupon button[name="apply_coupon"] {
		width: 100% !important;
		border-radius: var(--kn-radius-pill) !important;
	}
}

/* ─── Podsumowanie koszyka - wyrównanie wierszy ─── */
.woocommerce-cart .cart_totals h2 {
	font-family: var(--kn-font-heading);
	font-weight: var(--kn-fw-light);
	font-size: clamp(1.4rem, 3vw, 1.75rem);
	color: var(--kn-ink-900);
	margin: 0 0 1rem;
	letter-spacing: -.01em;
}

.woocommerce-cart .cart_totals table.shop_table {
	width: 100% !important;
}

.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
	padding: 14px 16px !important;
	vertical-align: middle !important;
	line-height: 1.4 !important;
	background: transparent !important;
}

.woocommerce-cart .cart_totals table.shop_table th {
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-xs);
	font-weight: var(--kn-fw-medium);
	letter-spacing: var(--kn-tracking-wide);
	text-transform: uppercase;
	color: var(--kn-ink-700);
	text-align: left !important;
	width: 38%;
}

.woocommerce-cart .cart_totals table.shop_table td {
	text-align: right !important;
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-base);
	color: var(--kn-ink-900);
}

.woocommerce-cart .cart_totals table.shop_table tr.order-total th,
.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
	font-size: var(--kn-fs-md);
	font-weight: var(--kn-fw-semibold);
	color: var(--kn-ink-900);
	border-top: 1px solid var(--kn-border);
}

/* Wysyłka - lewa pojawia się jako lista radio bez bulletów, prawa wyrównana w pionie do góry */
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals th,
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals td,
.woocommerce-cart .cart_totals tr.shipping th,
.woocommerce-cart .cart_totals tr.shipping td {
	vertical-align: top !important;
}

.woocommerce-cart .cart_totals ul#shipping_method {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: right;
}

.woocommerce-cart .cart_totals ul#shipping_method li {
	margin: 0 0 4px;
	padding: 0;
	font-size: var(--kn-fs-base);
}

.woocommerce-cart .cart_totals ul#shipping_method li label {
	color: var(--kn-ink-900);
}

.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
	font-size: var(--kn-fs-xs);
	color: var(--kn-text-soft);
	margin: 6px 0 0;
	text-align: right;
}

/* Bezpiecznik: na wszelki wypadek ukryj link „Oblicz koszty wysyłki" i sam kalkulator */
.woocommerce-cart .cart_totals .shipping-calculator-button,
.woocommerce-cart .cart_totals .shipping-calculator-form,
.woocommerce-cart .cart_totals form.woocommerce-shipping-calculator {
	display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.2.3 - strona /zamowienie/ (checkout)
   - 2 kolumny: dane rozliczeniowe (lewa) | podsumowanie + płatność (prawa)
   - sekcje w kartach z paddingiem i border
   - inputy spójne z innymi formularzami
   - metody płatności BLIK/Karta/Przelewy24 z logo
   - przycisk "Kupuję i płacę" kompaktowy
   ═══════════════════════════════════════════════════════════════ */

/* Nagłówek strony */
.woocommerce-checkout .entry-header,
.woocommerce-checkout h1.entry-title,
.woocommerce-checkout h1.page-title {
	text-align: center;
	font-family: var(--kn-font-heading);
	font-weight: var(--kn-fw-light);
	letter-spacing: -.01em;
}

/* Główny układ checkout - własny wrapper z form-checkout.php override,
   żeby uniknąć konfliktu ze Storefront `#order_review { width:41%; float:right }` +
   `.col2-set { width:52%; float:left }`. */
form.woocommerce-checkout .kn-checkout-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	gap: clamp(1.5rem, 3vw, 2.5rem);
	align-items: start;
}

@media (max-width: 900px) {
	form.woocommerce-checkout .kn-checkout-grid {
		grid-template-columns: 1fr;
	}
}

form.woocommerce-checkout .kn-checkout-grid__col {
	min-width: 0;
	width: 100%;
}

/* Lewa kolumna: dane rozliczeniowe + wysyłka + uwagi */
form.woocommerce-checkout #customer_details {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
}

form.woocommerce-checkout #customer_details .col-1,
form.woocommerce-checkout #customer_details .col-2 {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
}

/* Prawa kolumna: heading + order_review.
   Bezwzględnie zerujemy storefrontowe width:41%/float:right/clear:right. */
form.woocommerce-checkout #order_review_heading,
form.woocommerce-checkout #order_review,
form.woocommerce-checkout .woocommerce-checkout-review-order {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: none !important;
	margin: 0 0 1rem !important;
}

form.woocommerce-checkout #order_review_heading {
	margin: 0 0 1rem !important;
	font-family: var(--kn-font-heading);
	font-weight: var(--kn-fw-light);
	font-size: clamp(1.4rem, 3vw, 1.75rem);
	color: var(--kn-ink-900);
	letter-spacing: -.01em;
}

/* Sekcje "Dane rozliczeniowe" + "Twoje zamówienie" jako karty */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review {
	background: var(--kn-paper) !important;
	border: 1px solid var(--kn-border) !important;
	border-radius: var(--kn-radius-lg) !important;
	padding: clamp(1.25rem, 3vw, 1.75rem) !important;
	box-shadow: var(--kn-shadow-sm) !important;
	margin: 0 0 1.25rem !important;
}

/* Nagłówki sekcji */
.woocommerce-checkout h3,
.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
	font-family: var(--kn-font-heading) !important;
	font-weight: var(--kn-fw-light) !important;
	font-size: 1.375rem !important;
	color: var(--kn-ink-900) !important;
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
	letter-spacing: -.01em !important;
	border: none !important;
}

/* Form rows - block, mniejsze marginesy */
.woocommerce-checkout form .form-row,
.woocommerce-checkout .form-row {
	margin: 0 0 1rem !important;
	padding: 0 !important;
	display: block !important;
}

.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
	width: calc(50% - .5rem) !important;
	display: inline-block !important;
	vertical-align: top !important;
}

.woocommerce-checkout .form-row-first {
	margin-right: .9rem !important;
}

@media (max-width: 560px) {
	.woocommerce-checkout .form-row-first,
	.woocommerce-checkout .form-row-last {
		width: 100% !important;
		display: block !important;
	}
	.woocommerce-checkout .form-row-first {
		margin-right: 0 !important;
	}
}

/* Etykiety */
.woocommerce-checkout form .form-row label,
.woocommerce-checkout .form-row label {
	display: block !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	color: var(--kn-ink-700) !important;
	margin: 0 0 .4rem !important;
}

.woocommerce-checkout form .form-row label .required,
.woocommerce-checkout .form-row label .required {
	color: var(--kn-burgundy-500) !important;
	text-decoration: none !important;
	border: none !important;
}

/* Inputy + select + textarea */
.woocommerce-checkout form .form-row input[type="text"],
.woocommerce-checkout form .form-row input[type="email"],
.woocommerce-checkout form .form-row input[type="tel"],
.woocommerce-checkout form .form-row input[type="password"],
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout form .form-row .select2-selection,
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea.input-text,
.woocommerce-checkout .select2-container .select2-selection--single {
	width: 100% !important;
	background: var(--kn-cream-50) !important;
	border: 1px solid var(--kn-border) !important;
	border-radius: var(--kn-radius-md) !important;
	padding: 11px 14px !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-base) !important;
	color: var(--kn-ink-900) !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
	transition: border-color var(--kn-dur) var(--kn-ease), background var(--kn-dur) var(--kn-ease), box-shadow var(--kn-dur) var(--kn-ease) !important;
	min-height: 46px !important;
	box-sizing: border-box !important;
}

.woocommerce-checkout form .form-row input:focus,
.woocommerce-checkout form .form-row textarea:focus,
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea.input-text:focus {
	border-color: var(--kn-accent) !important;
	outline: none !important;
	background: var(--kn-paper) !important;
	box-shadow: 0 0 0 3px rgba(168, 177, 112, .18) !important;
}

/* Select2 dropdown */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--kn-ink-900) !important;
	line-height: 1.4 !important;
	padding: 0 !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100% !important;
	top: 0 !important;
	right: 8px !important;
}

/* Inline błędy walidacji - pod polem, czerwone */
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid textarea.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid .select2-selection {
	border-color: var(--kn-burgundy-500) !important;
	background: #fff5f3 !important;
}

.woocommerce-checkout .form-row.woocommerce-validated input.input-text {
	border-color: var(--kn-olive-500) !important;
}

/* Komunikat błędu na górze checkout - wyraźny */
.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-error {
	background: #fff5f3 !important;
	color: var(--kn-burgundy-600) !important;
	border: 1px solid var(--kn-burgundy-500) !important;
	border-radius: var(--kn-radius-md) !important;
	padding: 14px 20px !important;
	list-style: none !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	margin: 0 0 1.5rem !important;
}

.woocommerce-checkout .woocommerce-error li {
	margin: 0 0 10px !important;
	padding: 0 0 0 28px !important;
	position: relative !important;
	list-style: none !important;
	line-height: 1.45 !important;
	color: var(--kn-burgundy-600) !important;
}

.woocommerce-checkout .woocommerce-error li:last-child {
	margin-bottom: 0 !important;
}

/* nazwy pól w błędach to linki — spójny kolor, bez podkreślenia */
.woocommerce-checkout .woocommerce-error li a,
.woocommerce-checkout .woocommerce-error li strong {
	color: inherit !important;
	text-decoration: none !important;
	font-weight: 600 !important;
}

.woocommerce-checkout .woocommerce-error li::before {
	content: "!" !important;
	position: absolute !important;
	left: 0 !important;
	top: 1px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: var(--kn-burgundy-500) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

/* Tabela "Twoje zamówienie" - wewnątrz #order_review */
.woocommerce-checkout table.shop_table {
	border: none !important;
	border-radius: 0 !important;
	margin: 0 0 1.25rem !important;
	width: 100% !important;
	box-shadow: none !important;
}

.woocommerce-checkout table.shop_table thead th {
	background: transparent !important;
	border-bottom: 1px solid var(--kn-border) !important;
	padding: 0 0 12px !important;
	color: var(--kn-ink-700) !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
}

.woocommerce-checkout table.shop_table tbody td,
.woocommerce-checkout table.shop_table tfoot th,
.woocommerce-checkout table.shop_table tfoot td {
	padding: 14px 0 !important;
	vertical-align: top !important;
	border-top: 1px solid var(--kn-border) !important;
	background: transparent !important;
	font-family: var(--kn-font-body) !important;
}

.woocommerce-checkout table.shop_table tbody tr:first-child td {
	border-top: none !important;
}

.woocommerce-checkout table.shop_table .product-name {
	color: var(--kn-ink-900) !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-regular) !important;
	line-height: 1.4 !important;
}

.woocommerce-checkout table.shop_table .product-name strong.product-quantity {
	color: var(--kn-text-soft) !important;
	font-weight: var(--kn-fw-regular) !important;
	font-size: var(--kn-fs-xs) !important;
	margin-left: 4px !important;
}

.woocommerce-checkout table.shop_table .product-total,
.woocommerce-checkout table.shop_table td[data-title],
.woocommerce-checkout table.shop_table .woocommerce-Price-amount {
	color: var(--kn-ink-900) !important;
	font-weight: var(--kn-fw-medium) !important;
	text-align: right !important;
	white-space: nowrap !important;
	font-size: var(--kn-fs-sm) !important;
}

.woocommerce-checkout table.shop_table tfoot th {
	color: var(--kn-ink-700) !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	text-align: left !important;
}

.woocommerce-checkout table.shop_table tfoot tr.order-total th,
.woocommerce-checkout table.shop_table tfoot tr.order-total td {
	padding-top: 18px !important;
	border-top: 1px solid var(--kn-border) !important;
}

.woocommerce-checkout table.shop_table tfoot tr.order-total th {
	color: var(--kn-ink-900) !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-semibold) !important;
}

.woocommerce-checkout table.shop_table tfoot tr.order-total .woocommerce-Price-amount,
.woocommerce-checkout table.shop_table tfoot tr.order-total td {
	color: var(--kn-ink-900) !important;
	font-size: var(--kn-fs-md) !important;
	font-weight: var(--kn-fw-semibold) !important;
}

/* Wysyłka - bez bulletów */
.woocommerce-checkout table.shop_table ul#shipping_method,
.woocommerce-checkout #shipping_method {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: right !important;
}

.woocommerce-checkout #shipping_method li {
	margin: 0 0 4px !important;
}

/* ─── Metody płatności (BLIK / Karta / Przelewy24) ─── */
.woocommerce-checkout #payment {
	background: transparent !important;
	border-radius: 0 !important;
	margin: 1rem 0 0 !important;
	padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
	list-style: none !important;
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
	border: none !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
	background: var(--kn-paper) !important;
	border: 1.5px solid var(--kn-border) !important;
	border-radius: var(--kn-radius-md) !important;
	padding: 14px 16px !important;
	margin: 0 !important;
	transition: border-color var(--kn-dur) var(--kn-ease), background var(--kn-dur) var(--kn-ease) !important;
	position: relative !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover {
	border-color: var(--kn-olive-500) !important;
	background: var(--kn-cream-50) !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
	margin-right: 10px !important;
	accent-color: var(--kn-accent-dark) !important;
	width: 18px !important;
	height: 18px !important;
	vertical-align: middle !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-base) !important;
	font-weight: var(--kn-fw-medium) !important;
	color: var(--kn-ink-900) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	cursor: pointer !important;
	margin: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label img {
	max-height: 28px !important;
	width: auto !important;
	display: inline-block !important;
	vertical-align: middle !important;
	margin: 0 !important;
	float: none !important;
}

/* Aktywna metoda - wyraźnie zaznaczona */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.kn-payment-active,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) {
	border-color: var(--kn-accent-dark) !important;
	background: var(--kn-cream-50) !important;
	box-shadow: 0 0 0 3px rgba(168, 177, 112, .15) !important;
}

/* Opis pod metodą płatności (jeśli wybrana) */
.woocommerce-checkout #payment ul.payment_methods .payment_box {
	background: transparent !important;
	border: none !important;
	margin: 10px 0 0 30px !important;
	padding: 0 !important;
	color: var(--kn-text-soft) !important;
	font-size: var(--kn-fs-sm) !important;
}

.woocommerce-checkout #payment ul.payment_methods .payment_box::before {
	display: none !important;
}

/* Zgoda na regulamin (Terms & conditions) */
.woocommerce-checkout #payment .wc-terms-and-conditions,
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
	margin: 1rem 0 !important;
	font-size: var(--kn-fs-sm) !important;
}

.woocommerce-checkout #payment .form-row input[type="checkbox"] {
	accent-color: var(--kn-accent-dark) !important;
	margin-right: 8px !important;
}

/* Polityka prywatności */
.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-privacy-policy-text {
	font-size: var(--kn-fs-xs) !important;
	color: var(--kn-text-soft) !important;
	line-height: 1.55 !important;
	margin: 0 0 1rem !important;
}

.woocommerce-checkout #payment .woocommerce-privacy-policy-text a,
.woocommerce-checkout .woocommerce-privacy-policy-text a {
	color: var(--kn-accent-dark) !important;
	text-decoration: underline !important;
}

/* Przycisk "Kupuję i płacę" - kompaktowy, eleganckí */
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order {
	display: block !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: .5rem 0 0 !important;
	background: var(--kn-ink-900) !important;
	color: var(--kn-paper) !important;
	border: none !important;
	border-radius: var(--kn-radius-pill) !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	padding: 14px 32px !important;
	cursor: pointer !important;
	transition: background var(--kn-dur) var(--kn-ease), transform var(--kn-dur) var(--kn-ease) !important;
	box-shadow: 0 2px 8px rgba(31,29,26,.14) !important;
	line-height: 1.2 !important;
	float: none !important;
}

.woocommerce-checkout #place_order:hover {
	background: var(--kn-accent-dark) !important;
	transform: translateY(-1px) !important;
}

.woocommerce-checkout #place_order:active {
	transform: translateY(0) !important;
}

/* Komunikat "Sorry, no payment methods..." - ukryty przez mock gateways, ale dla porządku */
.woocommerce-checkout #payment .woocommerce-notice--info,
.woocommerce-checkout #payment ul.payment_methods + .woocommerce-info {
	background: var(--kn-cream-50) !important;
	border: 1px solid var(--kn-border) !important;
	color: var(--kn-text) !important;
	border-radius: var(--kn-radius-md) !important;
	padding: 12px 16px !important;
	font-size: var(--kn-fs-sm) !important;
}

/* Storefront ma column2-set z floatami - zerujemy */
.woocommerce-checkout .col2-set,
.woocommerce-checkout .u-columns.col2-set {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-checkout .col2-set::before,
.woocommerce-checkout .col2-set::after,
.woocommerce-checkout .u-columns.col2-set::before,
.woocommerce-checkout .u-columns.col2-set::after {
	display: none !important;
	content: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.2.4 — checkout polish (UX)
   ═══════════════════════════════════════════════════════════════ */

/* ─── „Stworzyć konto?" — checkbox + label spójne wizualnie ─── */
.woocommerce-checkout .woocommerce-account-fields p.form-row.create-account {
	background: var(--kn-cream-50) !important;
	border: 1px solid var(--kn-border) !important;
	border-radius: var(--kn-radius-md) !important;
	padding: 12px 16px !important;
	margin: .25rem 0 1rem !important;
}

.woocommerce-checkout .woocommerce-account-fields p.form-row.create-account label.checkbox {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-xs) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	color: var(--kn-ink-900) !important;
}

.woocommerce-checkout .woocommerce-account-fields p.form-row.create-account input[type="checkbox"] {
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	accent-color: var(--kn-accent-dark) !important;
	flex-shrink: 0 !important;
}

.woocommerce-checkout .woocommerce-account-fields .create-account + p.form-row {
	margin-top: .25rem !important;
}

/* ─── „Wysłać na inny adres?" — wyrównanie checkboxa z tekstem ─── */
.woocommerce-checkout h3#ship-to-different-address {
	background: var(--kn-cream-50) !important;
	border: 1px solid var(--kn-border) !important;
	border-radius: var(--kn-radius-md) !important;
	padding: 14px 16px !important;
	margin: 0 0 1.25rem !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-regular) !important;
	color: var(--kn-ink-900) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	line-height: 1.4 !important;
}

.woocommerce-checkout h3#ship-to-different-address label,
.woocommerce-checkout h3#ship-to-different-address span {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
	width: 100% !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-regular) !important;
	color: var(--kn-ink-900) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.woocommerce-checkout h3#ship-to-different-address input[type="checkbox"] {
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
	accent-color: var(--kn-accent-dark) !important;
}

/* ─── „Uwagi do zamówienia" — ogranicz resize textarea ─── */
.woocommerce-checkout #order_comments,
.woocommerce-checkout textarea#order_comments,
.woocommerce-checkout .woocommerce-additional-fields textarea {
	resize: vertical !important;
	min-height: 110px !important;
	max-height: 240px !important;
	max-width: 100% !important;
	overflow: auto !important;
}

/* ─── Toggle „pokaż hasło" — override ikony oka (WC layout.css może być
   nie-enqueueowany lub nasze styles obcinają tło). Inline SVG, bez Dashicons. ─── */
.woocommerce-checkout form .show-password-input,
.woocommerce-checkout .show-password-input,
.woocommerce-account form .show-password-input,
.woocommerce-account .show-password-input,
form .show-password-input {
	position: absolute !important;
	right: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: var(--kn-text-soft) !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: background var(--kn-dur) var(--kn-ease) !important;
}

.woocommerce-checkout form .show-password-input::before,
.woocommerce-checkout .show-password-input::before,
.woocommerce-account form .show-password-input::before,
.woocommerce-account .show-password-input::before,
form .show-password-input::before {
	content: "" !important;
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 20px 20px !important;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a6f5c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/><circle cx='12' cy='12' r='3'/></svg>") !important;
	opacity: 1 !important;
}

.woocommerce-checkout form .show-password-input.display-password::before,
.woocommerce-checkout .show-password-input.display-password::before,
.woocommerce-account form .show-password-input.display-password::before,
.woocommerce-account .show-password-input.display-password::before,
form .show-password-input.display-password::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a3324' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M17.94 17.94A10.43 10.43 0 0 1 12 19c-7 0-11-7-11-7a18.45 18.45 0 0 1 5.06-5.94'/><path d='M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 7 11 7a18.5 18.5 0 0 1-2.16 3.19'/><path d='M14.12 14.12a3 3 0 1 1-4.24-4.24'/><line x1='1' y1='1' x2='23' y2='23'/></svg>") !important;
}

.woocommerce-checkout form .show-password-input:hover,
.woocommerce-checkout .show-password-input:hover,
.woocommerce-account form .show-password-input:hover,
.woocommerce-account .show-password-input:hover {
	background: rgba(168, 177, 112, .14) !important;
}

/* Zarezerwuj miejsce na ikonę w polu password (żeby kursor/tekst nie wjeżdżał pod ikonę) */
.woocommerce-checkout form .password-input input[type="password"],
.woocommerce-checkout form .password-input input[type="text"],
.woocommerce-checkout .password-input input[type="password"],
.woocommerce-checkout .password-input input[type="text"] {
	padding-right: 52px !important;
}

.woocommerce-checkout form .password-input,
.woocommerce-checkout .password-input {
	position: relative !important;
	display: block !important;
	width: 100% !important;
}

/* ─── Star rating — wyłącz transition: color, by nie migało przy ruchu myszki ─── */
.woocommerce p.stars a,
.woocommerce p.stars a::before,
#reviews .comment-form-rating .stars a,
#reviews .comment-form-rating .stars a::before,
#reviews .stars a,
#reviews .stars a::before,
body .woocommerce p.stars a,
body .woocommerce p.stars a::before {
	transition: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.2.5 — checkout UI fixes
   - kolumny lewa/prawa zaczynają się na tej samej linii (nagłówek
     "Twoje zamówienie" wewnątrz karty #order_review)
   - pole Kraj/Region ukryte (sklep wysyła tylko do PL)
   - natywna ikona "oko" (Edge ::-ms-reveal) wyłączona
   - logotypy płatności bez tła i ramki
   - duplikat wiersza KWOTA (cart-subtotal) ukryty - kwota jest już
     przy produkcie i w wierszu ŁĄCZNIE
   - checkboxy "stworzyć konto" / "wysłać na inny adres" wyrównane
   ═══════════════════════════════════════════════════════════════ */

/* ─── Wyrównanie kolumn checkout: nagłówek "Twoje zamówienie" wewnątrz karty ─── */
.woocommerce-checkout #order_review h3#order_review_heading {
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
	font-family: var(--kn-font-heading) !important;
	font-weight: var(--kn-fw-light) !important;
	font-size: 1.375rem !important;
	color: var(--kn-ink-900) !important;
	letter-spacing: -.01em !important;
	border: none !important;
}

/* ─── Pole Kraj/Region: ukryj wraz z etykietą ─── */
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_country_field,
.woocommerce-checkout .form-row.kn-country-hidden,
.woocommerce-checkout p.form-row#billing_country_field,
.woocommerce-checkout p.form-row#shipping_country_field {
	display: none !important;
}

/* ─── Natywne pokazywanie hasła (Edge / IE) — wyłącz, żeby nie dublować ikony ─── */
.woocommerce-checkout input[type="password"]::-ms-reveal,
.woocommerce-checkout input[type="password"]::-ms-clear,
.woocommerce-account input[type="password"]::-ms-reveal,
.woocommerce-account input[type="password"]::-ms-clear,
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* Bezpiecznik: Chrome/Webkit autofill button przy hasłach */
.woocommerce-checkout input[type="password"]::-webkit-credentials-auto-fill-button,
.woocommerce-account input[type="password"]::-webkit-credentials-auto-fill-button {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* ─── Ukryj duplikat wiersza "KWOTA" (subtotal) w podsumowaniu zamówienia ─── */
.woocommerce-checkout table.shop_table tfoot tr.cart-subtotal {
	display: none !important;
}

/* ─── "Stworzyć konto?" — checkbox po lewej, label normalną wielkością ─── */
.woocommerce-checkout .woocommerce-account-fields p.form-row.create-account label.checkbox {
	justify-content: flex-start !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-regular) !important;
}

/* ─── "wysłać na inny adres?" — checkbox po lewej obok tekstu ─── */
.woocommerce-checkout h3#ship-to-different-address label,
.woocommerce-checkout h3#ship-to-different-address span {
	justify-content: flex-start !important;
}

.woocommerce-checkout h3#ship-to-different-address input[type="checkbox"] {
	order: -1 !important;
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.2.6 — checkout: checkbox "inny adres" + metody płatności
   ═══════════════════════════════════════════════════════════════ */

/* ─── "Wysłać na inny adres?" — checkbox z tekstem dosunięte do lewej,
   nigdy nie przyklejone do prawej krawędzi karty (jak "Stworzyć konto?") ─── */
.woocommerce-checkout h3#ship-to-different-address {
	display: flex !important;
	align-items: center !important;
}

.woocommerce-checkout h3#ship-to-different-address label,
.woocommerce-checkout h3#ship-to-different-address label.checkbox {
	flex: 1 1 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	width: auto !important;
}

.woocommerce-checkout h3#ship-to-different-address input[type="checkbox"] {
	order: -1 !important;
	margin: 0 !important;
	float: none !important;
	/* Storefront pozycjonuje checkbox absolutnie (top:50%; right:0; transform:translateY(-50%)).
	   Zerujemy go w całości — sam position:static nie usuwa transform, przez co kwadracik był
	   podniesiony względem tekstu ("checkbox nie równy"). */
	position: static !important;
	top: auto !important;
	right: auto !important;
	transform: none !important;
}

/* ─── Metody płatności — czytelniejsze karty + własny radio ─── */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
	padding: 16px 18px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	row-gap: 8px !important;
}

/* Custom radio — kółko z oliwkową kropką po zaznaczeniu (zamiast natywnego) */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 12px 0 0 !important;
	border: 2px solid var(--kn-border) !important;
	border-radius: 50% !important;
	background: var(--kn-paper) !important;
	position: relative !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	transition: border-color var(--kn-dur) var(--kn-ease) !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked {
	border-color: var(--kn-accent-dark) !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked::after {
	content: "" !important;
	position: absolute !important;
	inset: 3px !important;
	border-radius: 50% !important;
	background: var(--kn-accent-dark) !important;
}

/* Label: nazwa metody po lewej, logotypy wyrównane do prawej krawędzi karty */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label {
	flex: 1 1 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label img {
	margin-left: auto !important;
}

/* Pojedynczy badge bramki (BLIK / Przelewy24) — spójna wysokość z logo karty */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label > img {
	max-height: 24px !important;
}

/* Opis pod metodą — pełna szerokość, wcięty pod nazwę */
.woocommerce-checkout #payment ul.payment_methods .payment_box {
	flex-basis: 100% !important;
	margin: 4px 0 0 32px !important;
}

/* Aktywna karta — elegancki highlight oliwką */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) {
	border-color: var(--kn-accent-dark) !important;
	background: var(--kn-cream-50) !important;
	box-shadow: 0 0 0 3px rgba(168, 177, 112, .18) !important;
}

/* ═══════════════════════════════════════════════════════════════
   POPRAWKI v1.2.7 — przyczyny źródłowe (Storefront parent)
   Storefront podmienia natywne kontrolki na własne pseudo-elementy z
   Font Awesome i UKRYWA prawdziwe inputy (clip), przez co własne style
   child-theme nigdy się nie pokazywały:
   1) METODY PŁATNOŚCI: prawdziwy <input type=radio> jest przycięty
      (clip:rect(1px..)), a widoczne „radio" to label::before (FA glif —
      czarne kółko). Dodatkowo .payment_method_kn_* miało display:block
      (wyższa specyficzność niż display:flex), a Storefront daje label
      padding:1.41575em → karty rozjechane i za wysokie.
   2) TOGGLE HASŁA: Storefront rysuje drugie oko przez .show-password-input::after
      (Font Awesome) obok naszego ::before (SVG) → dwie ikony.
   3) „WYSŁAĆ NA INNY ADRES": nasz h3 był drugą kartą wewnątrz karty
      .woocommerce-shipping-fields → karta-w-karcie.
   ═══════════════════════════════════════════════════════════════ */

/* (1b) Odprzyciągnij prawdziwy radio i pokaż nasz custom (kółko z oliwkową kropką) */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
	clip: auto !important;
	clip-path: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	position: relative !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 12px 0 0 !important;
	border: 2px solid var(--kn-ink-300, #b9b1a1) !important;
	border-radius: 50% !important;
	background: var(--kn-paper) !important;
	box-shadow: none !important;
	flex: 0 0 auto !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked {
	border-color: var(--kn-accent-dark) !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked::after {
	content: "" !important;
	position: absolute !important;
	inset: 3px !important;
	border-radius: 50% !important;
	background: var(--kn-accent-dark) !important;
}

/* (1c) Ukryj „fake radio" Storefront (Font Awesome) + zresetuj duży padding labela */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label::before {
	content: none !important;
	display: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

/* (1d) Mobile: metody płatności, radio i etykieta w jednym wierszu */
@media (max-width: 560px) {
	.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
		margin-top: 2px !important;
	}
	.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
		flex-wrap: wrap !important;
		justify-content: flex-start !important;
		row-gap: 8px !important;
	}
}

/* (2) Toggle hasła: wyłącz oko Font Awesome ze Storefront (::after), zostaw nasz SVG (::before) */
.woocommerce form .show-password-input::after,
.woocommerce-checkout .show-password-input::after,
.woocommerce-account .show-password-input::after,
.show-password-input::after {
	content: none !important;
	display: none !important;
}

/* (3) „Wysłać na inny adres" — nie rób z h3 osobnej karty (jest już w karcie shipping-fields) */
.woocommerce-checkout h3#ship-to-different-address {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* ── Widget: Kategorie produktów — reset Storefront + accordion + styl ───── */

/* 1. Usuń ikonki folderów Font Awesome ze Storefront icons.css
      (Storefront ustawia padding-left: 1.618em + float:left ::before z FA glif folderu) */
.widget_product_categories ul li {
	padding-left: 0 !important;
}
.widget_product_categories ul li::before {
	display: none !important;
	content: none !important;
	float: none !important;
	margin: 0 !important;
	width: 0 !important;
}

/* 2. Lista bazowa */
.widget_product_categories .product-categories,
.widget_product_categories .product-categories .children {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* 3. Elementy listy głównej */
.widget_product_categories .product-categories > li {
	border-bottom: 1px solid #f0ede8;
	padding: 0;
}
.widget_product_categories .product-categories > li:last-child {
	border-bottom: none;
}

/* 4. Linki kategorii */
.widget_product_categories .product-categories li > a {
	display: inline-block;
	vertical-align: middle;
	padding: 9px 8px 9px 12px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 0.875rem;
	letter-spacing: 0.01em;
	line-height: 1.4;
}
.widget_product_categories .product-categories li > a:hover {
	color: #5a7a4e;
}
.widget_product_categories .product-categories li.current-cat > a {
	color: #4a6e3f;
	font-weight: 600;
}
.widget_product_categories .product-categories li.current-cat-ancestor > a {
	color: #5a7a4e;
	font-weight: 500;
}

/* 5. Podkategorie — wcięcie + subtelne tło */
.widget_product_categories .product-categories .children {
	padding-left: 12px !important;
	background: #faf9f7;
	border-top: 1px solid #f0ede8;
}
.widget_product_categories .product-categories .children li {
	border-bottom: 1px solid #f0ede8;
	padding: 0;
}
.widget_product_categories .product-categories .children li:last-child {
	border-bottom: none;
}
.widget_product_categories .product-categories .children li::before {
	display: none !important;
	content: none !important;
}
.widget_product_categories .product-categories .children li > a {
	padding: 7px 8px 7px 10px;
	font-size: 0.83rem;
	color: #5e5e5e;
}

/* 6. Przycisk accordion toggle — delikatny okrągły „+" (botaniczny, nie szablonowy ▶) */
.kn-toggle {
	width: 17px;
	height: 17px;
	border: 1px solid #c8b99a;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	background: transparent;
	transition: background 0.18s ease, border-color 0.18s ease;
	vertical-align: middle;
	margin-right: 8px;
	padding: 0;
	line-height: 1;
}
.kn-toggle:hover {
	border-color: var(--kn-accent, #6b8f5e);
	background: rgba(168, 177, 112, 0.08);
}
.kn-toggle::before {
	content: '+';
	font-size: 0.82rem;
	color: #9a8c7e;
	line-height: 1;
	transition: transform 0.22s ease, color 0.18s ease;
	display: block;
}
li.is-open > .kn-toggle::before {
	transform: rotate(45deg);
	color: var(--kn-accent-dark, #6b8f5e);
}
li.is-open > .kn-toggle {
	border-color: var(--kn-accent-dark, #6b8f5e);
}

/* 7. Tytuł widgetu — subtelny caps */
.post-type-archive-product #secondary .widget_product_categories .widget-title,
.tax-product_cat #secondary .widget_product_categories .widget-title {
	font-size: 0.7rem !important;
	letter-spacing: 0.14em !important;
	color: #9a9087 !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	border-bottom: 1px solid #e8e2da !important;
	padding-bottom: 10px !important;
	margin-bottom: 0 !important;
}

/* 8. Ukryj "Uncategorized" / "Bez kategorii" */
.widget_product_categories .product-categories li.cat-item-uncategorized,
.widget_product_categories .product-categories li:has(> a[href*="uncategorized"]) {
	display: none !important;
}

/* ═══════════════════════════════════════════════════════════
   PANEL ZALOGOWANEGO KONTA (Kokpit / Zamówienia / Adresy …)
   Storefront daje floaty (nawigacja przy krawędzi) — tu robimy
   wyśrodkowany kontener + siatkę nawigacja|treść, responsywnie.
   (Strona LOGOWANIA = .woocommerce-account:not(.logged-in) — bez zmian.)
   ═══════════════════════════════════════════════════════════ */
/* #primary w selektorze, by pobić starszą regułę
   `.woocommerce-account #primary { max-width:none }` (ID = wyższa specyficzność) */
.woocommerce-account.logged-in #primary.content-area,
.woocommerce-account.logged-in .content-area {
	max-width: var(--kn-container-narrow, 1080px) !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 clamp(1rem, 4vw, 2rem) !important;
}
/* Siatka nawigacja|treść TYLKO gdy jest nawigacja konta — inaczej strony bez nawigacji
   (np. lost-password u zalogowanego) dostawały pustą lewą kolumnę 250px i rozjazd. */
.woocommerce-account.logged-in .woocommerce:has(.woocommerce-MyAccount-navigation) {
	display: grid !important;
	grid-template-columns: 250px minmax(0, 1fr) !important;
	gap: clamp(1.5rem, 4vw, 2.5rem) !important;
	align-items: start !important;
}
/* Lost-password/reset u ZALOGOWANEGO (bez nawigacji) — wyśrodkowana, węższa treść */
.woocommerce-lost-password.logged-in #primary.content-area,
.woocommerce-lost-password.logged-in .content-area {
	max-width: 560px !important;
}
.woocommerce-lost-password.logged-in .woocommerce-error,
.woocommerce-lost-password.logged-in .woocommerce-info {
	margin-bottom: 1.25rem !important;
}

/* Nawigacja konta — czysta lista w ramce */
.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff;
	border: 1px solid var(--kn-border);
	border-radius: 14px;
	overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--kn-cream-200) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block !important;
	padding: 13px 18px !important;
	color: var(--kn-ink-800) !important;
	text-decoration: none !important;
	font-size: .92rem !important;
	transition: background .15s ease, color .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--kn-cream-100) !important;
	color: var(--kn-ink-900) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--kn-ink-900) !important;
	color: #fff !important;
	font-weight: 600 !important;
}

/* Treść konta — w karcie */
.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	background: #fff;
	border: 1px solid var(--kn-border);
	border-radius: 14px;
	padding: clamp(1.5rem, 4vw, 2.5rem) !important;
}

/* Formularze w panelu (Edycja konta, Adresy) — pola w stylu sklepu,
   bo to .woocommerce-EditAccountForm (nie .woocommerce-form) i były szare/domyślne */
.woocommerce-account .woocommerce-MyAccount-content label {
	display: block;
	font-size: .82rem;
	font-weight: 600;
	color: var(--kn-ink-800);
	margin: 0 0 .4rem;
}
.woocommerce-account .woocommerce-MyAccount-content input[type=text],
.woocommerce-account .woocommerce-MyAccount-content input[type=email],
.woocommerce-account .woocommerce-MyAccount-content input[type=tel],
.woocommerce-account .woocommerce-MyAccount-content input[type=password],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
	width: 100% !important;
	background: var(--kn-cream-100) !important;
	border: 1px solid var(--kn-cream-200) !important;
	border-radius: 12px !important;
	padding: 12px 15px !important;
	font-size: 1rem !important;
	color: var(--kn-ink-900) !important;
	box-shadow: none !important;
	transition: border-color .15s ease, background .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
	border-color: var(--kn-burgundy-500, #8a3324) !important;
	background: #fff !important;
}
/* Imię / Nazwisko obok siebie, pozostałe pełna szerokość */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row {
	margin-bottom: 1.1rem;
}
.woocommerce-account .woocommerce-MyAccount-content .form-row-first,
.woocommerce-account .woocommerce-MyAccount-content .form-row-last {
	float: none !important;
	display: inline-block;
	width: calc(50% - .55rem) !important;
	vertical-align: top;
}
.woocommerce-account .woocommerce-MyAccount-content .form-row-first { margin-right: 1rem; }
/* Sekcja „Zmiana hasła" — wydzielona */
.woocommerce-account .woocommerce-MyAccount-content fieldset {
	margin: 1.5rem 0 0 !important;
	padding: 1.5rem 0 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--kn-cream-200) !important;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
	font-family: var(--kn-font-heading);
	font-size: 1.15rem;
	color: var(--kn-ink-900);
	padding: 0;
	margin-bottom: .5rem;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button {
	margin-top: 1.5rem;
}

/* MOBILE: nawigacja nad treścią (stack) + pola pełnej szerokości */
@media (max-width: 768px) {
	.woocommerce-account.logged-in .woocommerce:has(.woocommerce-MyAccount-navigation) {
		grid-template-columns: 1fr !important;
	}
	.woocommerce-account .woocommerce-MyAccount-content .form-row-first,
	.woocommerce-account .woocommerce-MyAccount-content .form-row-last {
		width: 100% !important;
		margin-right: 0 !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   TPAY — nie psuj własnych widżetów wtyczki (lista banków, BLIK, karta)
   Reguły motywu dla #payment (radia 18px, label inline-flex, img 28px,
   payment_box margin-left:30px) wyciekały do siatki banków Tpay i ją
   rozbijały. Tu przywracamy zachowanie wtyczki wewnątrz jej kontenerów.
   ═══════════════════════════════════════════════════════════ */
/* Siatka banków — ukryj z powrotem radia (motyw je „odkrywał") */
.woocommerce-checkout #payment ul.payment_methods .tpay-pbl .tpay-item input[type="radio"] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
}
/* Etykiety kafelków banków — bez inline-flex/gap motywu */
.woocommerce-checkout #payment ul.payment_methods .tpay-pbl .tpay-item label,
.woocommerce-checkout #payment ul.payment_methods .tpay-pbl label {
	display: block !important;
	gap: 0 !important;
}
/* Loga banków — zostaw rozmiary wtyczki (motyw ograniczał do 28px) */
.woocommerce-checkout #payment ul.payment_methods .tpay-pbl .tpay-group-logo-holder img {
	max-height: none !important;
	width: 90px !important;
	height: auto !important;
}
/* Payment box Tpay — bez wcięcia 30px, siatka pełnej szerokości */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method[class*="payment_method_tpay"] .payment_box,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method[class*="payment_method_pekao"] .payment_box {
	margin-left: 0 !important;
	padding: 15px !important;
}

/* Lista banków Tpay — RÓWNE kafle na KAŻDEJ szerokości (desktop i mobile):
   stała wysokość obramówki + pełna szerokość kolumny → koniec „rozjeżdżania". */
.woocommerce-checkout #payment ul.payment_methods .tpay-pbl .tpay-item {
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	display: block !important;
	justify-self: stretch !important;
}
.woocommerce-checkout #payment ul.payment_methods .tpay-pbl .tpay-item > div {
	padding: 3px !important;
	height: auto !important;
	width: 100% !important;
	display: block !important;
	box-sizing: border-box !important;
}
/* STAŁA wysokość obramówki + PEŁNA szerokość → identyczne kafle niezależnie od gridu/szerokości */
.woocommerce-checkout #payment ul.payment_methods .tpay-pbl .tpay-item > div > div {
	height: 124px !important;
	width: 100% !important;
	max-width: none !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}
.woocommerce-checkout #payment ul.payment_methods .tpay-pbl .tpay-group-logo-holder {
	height: 46px !important;
}
/* loga: wpasowane w stałe pudełko (jednakowa wysokość, bez rozjazdu) */
.woocommerce-checkout #payment ul.payment_methods .tpay-pbl .tpay-group-logo-holder img {
	width: auto !important;
	height: auto !important;
	max-width: 100px !important;
	max-height: 40px !important;
	object-fit: contain !important;
}
.woocommerce-checkout #payment ul.payment_methods .tpay-pbl .tpay-item .name {
	line-height: 1.3 !important;
	margin-top: 4px !important;
}
/* MOBILE/TABLET: 2 kolumny + mniejsza nazwa (desktop zostaje na domyślnym 3-kol. gridzie Tpay) */
@media (max-width: 768px) {
	.woocommerce-checkout #payment ul.payment_methods .tpay-pbl {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 6px !important;
	}
	.woocommerce-checkout #payment ul.payment_methods .tpay-pbl .tpay-item .name {
		font-size: 11px !important;
	}
}


/* ═══════════════════════════════════════════════════════════
   KOSZYK NA MOBILE — czytelna karta produktu
   (miniatura + nazwa w rzędzie, pod spodem Ilość / Kwota).
   Domyślny mobilny układ Storefront wyrównywał nazwę do prawej
   i ją brzydko zawijał.
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
	.woocommerce-cart table.shop_table.cart tbody tr.cart_item {
		display: grid !important;
		grid-template-columns: 72px minmax(0, 1fr) 40px !important;
		grid-template-areas:
			"thumb name  remove"
			"qty   qty   qty"
			"price price price" !important;
		gap: 12px 14px !important;
		align-items: center !important;
		padding: 16px !important;
	}
	.woocommerce-cart table.shop_table.cart tbody tr.cart_item td {
		padding: 0 !important;
		border: 0 !important;
		width: auto !important;
		text-align: left !important;
	}
	.woocommerce-cart table.shop_table.cart td.product-thumbnail { grid-area: thumb !important; }
	.woocommerce-cart table.shop_table.cart td.product-name {
		grid-area: name !important;
		align-self: center !important;
		font-size: var(--kn-fs-sm) !important;
		line-height: 1.35 !important;
		min-width: 0 !important; /* pozwól tekstowi się zawijać, nie rozlewać */
		overflow-wrap: anywhere !important;
	}
	.woocommerce-cart table.shop_table.cart td.product-name::before { display: none !important; } /* ukryj „Produkt:" */
	/* kosz w osobnej kolumnie (rezerwuje miejsce → nazwa nigdy nie nachodzi) */
	.woocommerce-cart table.shop_table.cart td.product-remove {
		grid-area: remove !important;
		align-self: start !important;
		justify-self: center !important;
		width: auto !important;
		margin: 0 !important;
	}
	.woocommerce-cart table.shop_table.cart td.product-price { display: none !important; } /* cena jednostkowa — zbędna */
	.woocommerce-cart table.shop_table.cart td.product-quantity {
		grid-area: qty !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		border-top: 1px solid var(--kn-cream-200) !important;
		padding-top: 12px !important;
	}
	.woocommerce-cart table.shop_table.cart td.product-subtotal {
		grid-area: price !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}
	.woocommerce-cart table.shop_table.cart td.product-quantity::before,
	.woocommerce-cart table.shop_table.cart td.product-subtotal::before {
		float: none !important;
		margin: 0 !important;
		font-weight: 600 !important;
		color: var(--kn-ink-800) !important;
		text-transform: none !important;
	}
	.woocommerce-cart table.shop_table.cart td.product-subtotal { font-weight: 700 !important; }
	.woocommerce-cart table.shop_table.cart td.product-quantity .quantity { margin-left: auto !important; }
	.woocommerce-cart table.shop_table.cart td.product-subtotal .woocommerce-Price-amount { margin-left: auto !important; }
}

/* Na stronie koszyka komunikat „X został dodany do koszyka" jest zbędny (klient
   już widzi produkt w koszyku; przy 2× dodaniu się dubluje). Ukrywamy TYLKO ten
   komunikat — rozpoznajemy go po przycisku „Zobacz koszyk" (a.wc-forward) —
   zostawiając inne przydatne komunikaty (kupon, aktualizacja koszyka). */
.woocommerce-cart .woocommerce-message:has(a.wc-forward) {
	display: none !important;
}

/* ── Autofill (zapisane hasło w przeglądarce) — dawał brzydki szary gradient na
   polach (zwł. „Zmiana hasła"). Wymuszamy nasze kremowe tło i ciemny tekst. ── */
.woocommerce-account input:-webkit-autofill,
.woocommerce-account input:-webkit-autofill:hover,
.woocommerce-account input:-webkit-autofill:focus,
.woocommerce-account input:-webkit-autofill:active,
.woocommerce-checkout input:-webkit-autofill,
.woocommerce-checkout input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px var(--kn-cream-100, #f5efe6) inset !important;
	box-shadow: 0 0 0 1000px var(--kn-cream-100, #f5efe6) inset !important;
	-webkit-text-fill-color: var(--kn-ink-900, #1f1d1a) !important;
	caret-color: var(--kn-ink-900, #1f1d1a) !important;
	transition: background-color 9999s ease-in-out 0s !important;
}

/* ── MOBILE: panel konta (zalogowany) nie dotyka paska u góry ── */
@media (max-width: 768px) {
	.woocommerce-account.logged-in .site-content {
		padding-top: 1.5rem !important;
	}
}

/* ── „Zmiana hasła" w koncie: zamiast pól — notka + przycisk resetu przez e-mail ── */
.woocommerce-account .kn-password-reset-note {
	margin: 1.5rem 0 0 !important;
	padding: 1.5rem 0 0 !important;
	border-top: 1px solid var(--kn-cream-200) !important;
}
.woocommerce-account .kn-password-reset-note h3 {
	font-family: var(--kn-font-heading);
	font-size: 1.15rem;
	color: var(--kn-ink-900);
	margin: 0 0 .5rem;
}
.woocommerce-account .kn-password-reset-note p {
	color: var(--kn-ink-700);
	font-size: .92rem;
	line-height: 1.55;
	margin: 0 0 1rem;
}
.woocommerce-account .kn-password-reset-note .kn-password-reset-btn {
	display: inline-block;
	background: var(--kn-cream-100);
	color: var(--kn-ink-900) !important;
	border: 1px solid var(--kn-border);
	border-radius: var(--kn-radius-pill);
	padding: 11px 22px;
	font-size: .82rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none !important;
	transition: background .15s ease, border-color .15s ease;
}
.woocommerce-account .kn-password-reset-note .kn-password-reset-btn:hover {
	background: var(--kn-cream-200);
	border-color: var(--kn-ink-900);
}

/* ═══════════════════════════════════════════════════════════
   METODY WYSYŁKI NA KASIE — ładne kafelki + ikony przewoźników
   (InPost Paczkomat/Kurier, DPD Punkt/Kurier, Orlen, Odbiór osobisty)
   ═══════════════════════════════════════════════════════════ */
.woocommerce-checkout ul#shipping_method {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}
.woocommerce-checkout ul#shipping_method li {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 13px 16px !important;
	margin: 0 !important;
	background: var(--kn-paper) !important;
	border: 1.5px solid var(--kn-border) !important;
	border-radius: 12px !important;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.woocommerce-checkout ul#shipping_method li:hover {
	border-color: var(--kn-accent) !important;
}
.woocommerce-checkout ul#shipping_method li:has(input[type="radio"]:checked) {
	border-color: var(--kn-accent-dark) !important;
	background: var(--kn-cream-50) !important;
	box-shadow: 0 0 0 3px rgba(168, 177, 112, .15) !important;
}
.woocommerce-checkout ul#shipping_method li input[type="radio"] {
	flex: 0 0 auto !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	accent-color: var(--kn-accent-dark) !important;
}
.woocommerce-checkout ul#shipping_method li label {
	flex: 1 1 auto !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
	font-family: var(--kn-font-body) !important;
	font-weight: 500 !important;
	color: var(--kn-ink-900) !important;
}
.woocommerce-checkout ul#shipping_method li .kn-ship-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
}
.woocommerce-checkout ul#shipping_method li .kn-ship-icon svg { display: block; }
/* Boks na logo przewoźnika — stała szerokość, żeby nazwy metod były równo wyrównane */
.woocommerce-checkout ul#shipping_method li .kn-ship-logo-wrap {
	flex: 0 0 auto;
	width: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.woocommerce-checkout ul#shipping_method li .kn-ship-logo {
	display: block;
	width: auto;
	max-width: 46px;
	height: 22px;      /* jednolita wysokość dla wszystkich logo */
	object-fit: contain;
}
/* DPD to zwarty, kwadratowy znak — nieco mniejszy, by nie dominował */
.woocommerce-checkout ul#shipping_method li .kn-ship-logo--dpd { height: 18px; }
.woocommerce-checkout ul#shipping_method li .kn-ship-logo--orlen { height: 26px; }
/* cena po prawej, wytłuszczona */
.woocommerce-checkout ul#shipping_method li label .woocommerce-Price-amount,
.woocommerce-checkout ul#shipping_method li label .amount {
	margin-left: auto !important;
	font-weight: 700 !important;
	color: var(--kn-ink-900) !important;
	white-space: nowrap;
}

/* ── Koszyk: NIE pokazuj wyboru metody wysyłki (wybór dopiero na kasie) ──
   Klientka nie chce listy przewoźników w podsumowaniu koszyka — koszt
   i wybór metody pojawiają się na stronie „Zamówienie / Kasa". */
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals.shipping,
.woocommerce-cart .cart_totals tr.shipping {
	display: none !important;
}

/* ── Kasa: wiersz „Dostawa" w podsumowaniu zamówienia na PEŁNĄ szerokość ──
   Domyślnie metody siedzą w wąskiej, prawej komórce tabeli → lista dosuwa się
   do prawej i jest ciasna. Rozkładamy label nad listą, wszystko do lewej. */
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping,
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping {
	display: block !important;
	width: 100% !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping td {
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping th {
	padding-bottom: 8px !important;
	border-bottom: 0 !important;
}
/* Sama lista — bezwzględnie do lewej (nadpisuje prawe wyrównanie komórki) */
.woocommerce-checkout ul#shipping_method {
	text-align: left !important;
}

/* ── RESPONSYWNOŚĆ — telefony/tablety ─────────────────────────────────── */
@media ( max-width: 768px ) {
	.woocommerce-checkout ul#shipping_method li {
		padding: 11px 12px !important;
		gap: 10px !important;
	}
	.woocommerce-checkout ul#shipping_method li label {
		gap: 10px !important;
		font-size: 0.95rem !important;
		flex-wrap: wrap !important;      /* dłuższa nazwa + cena zawiną, nic się nie utnie */
	}
	.woocommerce-checkout ul#shipping_method li .kn-ship-logo-wrap {
		width: 40px !important;
	}
	.woocommerce-checkout ul#shipping_method li .kn-ship-logo {
		max-width: 40px !important;
	}
	.woocommerce-checkout ul#shipping_method li label .woocommerce-Price-amount,
	.woocommerce-checkout ul#shipping_method li label .amount {
		margin-left: auto !important;    /* cena wciąż dosunięta w prawo w wierszu */
	}
}

/* ═══════════════════════════════════════════════════════════
   FIX overflow kasy na telefonie — tabela „Twoje zamówienie"
   nie może być szersza niż ekran. Długie nazwy (np. „Odbiór osobisty
   (po wcześniejszym kontakcie)") rozpychały table-layout:auto poza viewport,
   ucinając ceny i kafelki. Wymuszamy layout stały + zawijanie.
   ═══════════════════════════════════════════════════════════ */
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order-table {
	max-width: 100% !important;
	width: 100% !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td {
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}

/* Na telefonie/tablecie: tabela podsumowania jako layout BLOKOWY — pewne rozwiązanie,
   które nie pozwala żadnej komórce rozpychać strony poza ekran.
   • zwykłe wiersze (produkt, suma) → flex: nazwa po lewej, kwota po prawej,
   • wiersz „Dostawa" → pełna szerokość, kafelki metod na 100%. */
@media ( max-width: 768px ) {
	.woocommerce-checkout .woocommerce-checkout-review-order-table,
	.woocommerce-checkout .woocommerce-checkout-review-order-table tbody,
	.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
		display: none !important;   /* nagłówek PRODUKT / KWOTA zbędny w widoku blokowym */
	}
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr {
		display: flex !important;
		width: 100% !important;
		justify-content: space-between !important;
		align-items: baseline !important;
		gap: 1rem !important;
		box-sizing: border-box !important;
	}
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr > th,
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr > td {
		display: block !important;
		width: auto !important;
		min-width: 0 !important;
		float: none !important;
		text-align: left !important;
	}
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr > td:last-child {
		text-align: right !important;
		white-space: nowrap !important;
	}
	/* Wiersz „Dostawa": pełna szerokość, kolumnowo, kafelki metod na 100% */
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping,
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals {
		display: block !important;
	}
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping > th,
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping > td,
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > th,
	.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		white-space: normal !important;
	}
}
/* Lista metod + kafelki: nie wychodzą poza komórkę, nazwa zawija się */
.woocommerce-checkout ul#shipping_method {
	max-width: 100% !important;
	box-sizing: border-box !important;
}
.woocommerce-checkout ul#shipping_method li {
	max-width: 100% !important;
	box-sizing: border-box !important;
}
.woocommerce-checkout ul#shipping_method li label {
	min-width: 0 !important;          /* pozwala flex-itemowi z tekstem się skurczyć/zawinąć */
	flex-wrap: wrap !important;        /* długa nazwa + cena łamią się na osobne linie */
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}

/* ═══════════════════════════════════════════════════════════
   FURGONETKA — przycisk „Wybierz punkt odbioru" + wybrany punkt.
   Pojawia się pod metodami wysyłki dla paczkomatu/punktu (InPost, DPD, Orlen);
   klik otwiera mapę Furgonetki. Stylizacja spójna z kafelkami wysyłki.
   ═══════════════════════════════════════════════════════════ */
#select-point-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 12px 0 4px;
}
#select-point-container #select-point {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 20px;
	background: var(--kn-accent-dark, #8a9a5b);
	color: #fff !important;
	border-radius: 10px;
	font-weight: 600;
	font-size: 0.92rem;
	line-height: 1.2;
	text-decoration: none !important;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.09);
	transition: background 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}
#select-point-container #select-point:hover {
	background: var(--kn-accent, #a8b170);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.13);
}
/* ikonka pinezki przed napisem */
#select-point-container #select-point::before {
	content: "";
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3' fill='black'/></svg>") center/contain no-repeat;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3' fill='black'/></svg>") center/contain no-repeat;
}
/* nazwa wybranego punktu — wyróżniona „pigułka" */
#selected-point {
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--kn-ink-900, #2b2b2b);
	background: var(--kn-cream-50, #f3efe7);
	border: 1px solid var(--kn-border, #e3dccf);
	padding: 7px 13px;
	border-radius: 8px;
}
#selected-point:empty {
	display: none;   /* dopóki nic nie wybrano — nie pokazuj pustej pigułki */
}

/* ═══════════════════════════════════════════════════════════
   KONTO KLIENTA — tabela „Zamówienia" (My Account → Zamówienia).
   Domyślnie przyciski Zapłać/Zobacz/Anuluj dziedziczyły czarny styl motywu
   i nachodziły na siebie. Tu: czytelna tabela + uporządkowane przyciski.
   ═══════════════════════════════════════════════════════════ */
.woocommerce-account .woocommerce-orders-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-size: 0.95rem;
}
.woocommerce-account .woocommerce-orders-table thead th {
	text-align: left;
	padding: 12px 14px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--kn-ink-500, #8a8175);
	border-bottom: 2px solid var(--kn-border, #e3dccf);
}
.woocommerce-account .woocommerce-orders-table tbody td {
	padding: 16px 14px;
	vertical-align: middle !important;
	border-bottom: 1px solid var(--kn-border, #e3dccf);
	color: var(--kn-ink-800, #3a352e);
}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
	font-weight: 700;
	color: var(--kn-accent-dark, #8a9a5b);
	text-decoration: none;
}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {
	text-decoration: underline;
}
/* Kolumna działań — komórka tabeli (NIE flex, żeby nie psuć wyrównania wiersza),
   przyciski jako bloki jeden pod drugim, wyrównane do prawej. */
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
	vertical-align: middle !important;
	text-align: right !important;
	white-space: nowrap;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
	display: block;
	width: auto;
	margin: 0 0 8px auto !important;
	text-align: center;
	padding: 9px 16px !important;
	min-width: 0 !important;
	border-radius: 9px !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.03em;
	line-height: 1.2 !important;
	box-shadow: none !important;
	border: 1.5px solid transparent !important;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:last-child { margin-bottom: 0 !important; }
/* „Zapłać" — główna akcja (akcent) */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.pay {
	background: var(--kn-accent-dark, #8a9a5b) !important;
	color: #fff !important;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.pay:hover {
	background: var(--kn-accent, #a8b170) !important;
}
/* „Zobacz" — subtelny outline */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.view {
	background: transparent !important;
	color: var(--kn-ink-800, #3a352e) !important;
	border-color: var(--kn-border, #d9d1c2) !important;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.view:hover {
	border-color: var(--kn-accent-dark, #8a9a5b) !important;
	color: var(--kn-accent-dark, #8a9a5b) !important;
}
/* „Anuluj" — subtelny, ostrzegawczy */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.cancel {
	background: transparent !important;
	color: #b0524a !important;
	border-color: #e6cdc9 !important;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.cancel:hover {
	border-color: #b0524a !important;
	background: rgba(176, 82, 74, 0.06) !important;
}

/* ── Mobile (shop_table_responsive): wiersz = karta, etykiety data-title ── */
@media ( max-width: 768px ) {
	.woocommerce-account .woocommerce-orders-table thead {
		display: none;
	}
	.woocommerce-account .woocommerce-orders-table tbody tr {
		display: block;
		background: var(--kn-paper, #fff);
		border: 1px solid var(--kn-border, #e3dccf);
		border-radius: 12px;
		padding: 6px 14px;
		margin-bottom: 14px;
	}
	.woocommerce-account .woocommerce-orders-table tbody td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 1rem;
		padding: 9px 0;
		border-bottom: 1px solid var(--kn-cream-100, #efe9df);
		text-align: right;
	}
	.woocommerce-account .woocommerce-orders-table tbody td::before {
		content: attr(data-title);
		font-weight: 700;
		font-size: 0.72rem;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--kn-ink-500, #8a8175);
		text-align: left;
	}
	.woocommerce-account .woocommerce-orders-table tbody td:last-child {
		border-bottom: 0;
	}
	.woocommerce-account .woocommerce-orders-table__cell-order-actions {
		max-width: none;
		margin-left: 0;
		width: 100%;
	}
	.woocommerce-account .woocommerce-orders-table__cell-order-actions::before {
		align-self: center;
	}
}

/* ── Przycisk „Wybierz punkt" renderuje się WEWNĄTRZ kafelka wybranej metody
   (Furgonetka: woocommerce_after_shipping_rate). Ma być POD metodą, na całą
   szerokość kafelka — nie wciśnięty z boku (przez co cena się zawijała). ── */
.woocommerce-checkout ul#shipping_method li {
	flex-wrap: wrap !important;
}
.woocommerce-checkout ul#shipping_method li #select-point-container {
	flex: 1 0 100%;
	width: 100%;
	margin: 12px 0 2px;
	padding-top: 4px;
}
/* przycisk w kafelku — pełna szerokość na mobile, auto na desktop */
.woocommerce-checkout ul#shipping_method li #select-point-container #select-point {
	width: 100%;
	justify-content: center;
}
@media ( min-width: 600px ) {
	.woocommerce-checkout ul#shipping_method li #select-point-container #select-point {
		width: auto;
	}
}

/* Notka pod metodą kurierską/odbiorem — wyjaśnia, gdzie trafi przesyłka
   (analogicznie do przycisku „Wybierz punkt" przy paczkomacie). */
.woocommerce-checkout ul#shipping_method li .kn-ship-note {
	flex: 1 0 100%;
	width: 100%;
	margin: 10px 0 2px;
	padding: 10px 12px;
	background: var(--kn-cream-50, #f6f2ea);
	border-radius: 9px;
	font-size: 0.85rem;
	line-height: 1.45;
	color: var(--kn-ink-700, #6b6357);
	display: flex;
	gap: 8px;
	align-items: flex-start;
}
.woocommerce-checkout ul#shipping_method li .kn-ship-note::before {
	content: "";
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	background: var(--kn-accent-dark, #8a9a5b);
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/><line x1='12' y1='11' x2='12' y2='16' stroke='black' stroke-width='2'/><circle cx='12' cy='8' r='1' fill='black'/></svg>") center/contain no-repeat;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/><line x1='12' y1='11' x2='12' y2='16' stroke='black' stroke-width='2'/><circle cx='12' cy='8' r='1' fill='black'/></svg>") center/contain no-repeat;
}

/* ═══════════════════════════════════════════════════════════
   WIDOK POJEDYNCZEGO ZAMÓWIENIA (view-order / order-pay / podziękowanie)
   — tabela „Szczegóły zamówienia" + przyciski akcji + responsywność.
   Domyślnie przyciski Zapłać/Anuluj dziedziczyły czarny styl i psuły się na telefonie.
   ═══════════════════════════════════════════════════════════ */
/* Nagłówek „Zamówienie nr … jest obecnie …" */
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-order p:first-child,
.woocommerce-order-details ~ p,
p.woocommerce-thankyou-order-received {
	color: var(--kn-ink-800, #3a352e);
}

/* Tabela szczegółów zamówienia */
.woocommerce-table--order-details,
table.order_details {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 0 0 1.5rem !important;
	font-size: 0.95rem;
}
.woocommerce-table--order-details thead th,
table.order_details thead th {
	text-align: left;
	padding: 12px 14px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--kn-ink-500, #8a8175);
	border-bottom: 2px solid var(--kn-border, #e3dccf);
}
.woocommerce-table--order-details tbody td,
table.order_details tbody td {
	padding: 14px;
	border-bottom: 1px solid var(--kn-border, #e3dccf);
	color: var(--kn-ink-800, #3a352e);
}
.woocommerce-table--order-details tbody td.product-total,
.woocommerce-table--order-details tfoot td,
table.order_details tfoot td {
	text-align: right;
}
.woocommerce-table--order-details tfoot th,
table.order_details tfoot th {
	text-align: left;
	padding: 12px 14px;
	font-weight: 600;
	color: var(--kn-ink-700, #6b6357);
	border-bottom: 1px solid var(--kn-cream-100, #efe9df);
}
.woocommerce-table--order-details tfoot td,
table.order_details tfoot td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--kn-cream-100, #efe9df);
	font-weight: 600;
}
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td,
table.order_details tfoot tr:last-child th,
table.order_details tfoot tr:last-child td {
	border-bottom: 0;
}
.shipped_via { color: var(--kn-ink-500, #8a8175); font-weight: 400; }

/* Przyciski akcji na widoku zamówienia (poza listą) */
.woocommerce-order-details .button,
.woocommerce-order .button.pay,
.woocommerce-order .button.cancel,
table.order_details .button,
.order-actions .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 8px 8px 0 !important;
	padding: 10px 22px !important;
	border-radius: 9px !important;
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.03em;
	box-shadow: none !important;
	border: 1.5px solid transparent !important;
}
.woocommerce-order-details .button.pay,
.woocommerce-order .button.pay,
table.order_details .button.pay {
	background: var(--kn-accent-dark, #8a9a5b) !important;
	color: #fff !important;
}
.woocommerce-order-details .button.pay:hover,
.woocommerce-order .button.pay:hover,
table.order_details .button.pay:hover {
	background: var(--kn-accent, #a8b170) !important;
}
.woocommerce-order-details .button.cancel,
.woocommerce-order .button.cancel,
table.order_details .button.cancel {
	background: transparent !important;
	color: #b0524a !important;
	border-color: #e6cdc9 !important;
}
.woocommerce-order-details .button.cancel:hover,
.woocommerce-order .button.cancel:hover,
table.order_details .button.cancel:hover {
	border-color: #b0524a !important;
	background: rgba(176, 82, 74, 0.06) !important;
}

/* ── Telefon: tabela szczegółów jako layout blokowy ── */
@media ( max-width: 768px ) {
	.woocommerce-table--order-details,
	.woocommerce-table--order-details tbody,
	.woocommerce-table--order-details tfoot,
	table.order_details,
	table.order_details tbody,
	table.order_details tfoot {
		display: block !important;
		width: 100% !important;
	}
	.woocommerce-table--order-details thead,
	table.order_details thead {
		display: none !important;
	}
	.woocommerce-table--order-details tr,
	table.order_details tr {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: baseline;
		gap: 0.75rem;
		width: 100% !important;
		padding: 4px 0;
	}
	.woocommerce-table--order-details th,
	.woocommerce-table--order-details td,
	table.order_details th,
	table.order_details td {
		display: block !important;
		width: auto !important;
		border-bottom: 0 !important;
		padding: 6px 0 !important;
		text-align: left !important;
	}
	.woocommerce-table--order-details td.product-total,
	.woocommerce-table--order-details tfoot td,
	table.order_details td.product-total,
	table.order_details tfoot td {
		text-align: right !important;
		margin-left: auto;
	}
	.woocommerce-table--order-details tbody tr,
	table.order_details tbody tr {
		border-bottom: 1px solid var(--kn-cream-100, #efe9df);
	}
	/* wiersz „Działania" na telefonie — przyciski w kolumnie, pełna szerokość */
	.woocommerce-order-details .button,
	.woocommerce-order .button.pay,
	.woocommerce-order .button.cancel,
	table.order_details .button {
		width: 100% !important;
		margin: 0 0 8px 0 !important;
	}
}

/* ── Strona „Zapłać za zamówienie" (order-pay) — te same style co kasa ──
   Formularz order-pay NIE ma klasy .woocommerce-checkout, więc style płatności
   z kasy go nie łapały → zostawało szare tło Storefront + czarny przycisk. ── */
.woocommerce-order-pay #payment,
.woocommerce-order-pay .woocommerce-checkout-payment {
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
}
.woocommerce-order-pay #payment ul.payment_methods {
	list-style: none !important;
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}
.woocommerce-order-pay #payment ul.payment_methods li {
	background: var(--kn-paper) !important;
	border: 1.5px solid var(--kn-border) !important;
	border-radius: 12px !important;
	padding: 12px 16px !important;
	margin: 0 0 10px !important;
	list-style: none !important;
}
.woocommerce-order-pay #payment .place-order,
.woocommerce-order-pay .woocommerce-privacy-policy-text {
	background: transparent !important;
	padding: 0 !important;
}
/* Przycisk „Kupuję i płacę" na order-pay — zielony akcent, nie czarny */
.woocommerce-order-pay #payment #place_order,
.woocommerce-order-pay #place_order {
	background: var(--kn-accent-dark, #8a9a5b) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 14px 28px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
}
.woocommerce-order-pay #payment #place_order:hover,
.woocommerce-order-pay #place_order:hover {
	background: var(--kn-accent, #a8b170) !important;
}

/* ── FIX szary blok wokół „polityki prywatności" + przycisku na kasie ──
   Storefront nadaje tło elementowi #payment .place-order (i terms-wrapper).
   Nadpisujemy wszystkie pod-elementy #payment, żeby nie było szarego prostokąta. ── */
.woocommerce-checkout #payment > .place-order,
.woocommerce-checkout #payment .place-order,
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
.woocommerce-order-pay #payment > .place-order,
.woocommerce-order-pay #payment .place-order {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════
   STICKY FOOTER — footer zawsze przy dole okna, nawet na krótkich stronach
   (np. Moje konto → Kokpit). Bez tego treść zostawiała pustą przestrzeń,
   a footer „wisiał" za wysoko / pod nim było widać tło. GLOBALNE.
   ═══════════════════════════════════════════════════════════ */
#page.site {
	display: flex !important;
	flex-direction: column !important;
	min-height: 100vh !important;
}
#page.site > #content.site-content,
#page.site > .site-content {
	flex: 1 0 auto !important;
}
#page.site > .kn-footer,
#page.site > #colophon {
	flex-shrink: 0 !important;
	margin-top: auto !important;
}