/* =========================================================================
   Ścieżka zamówienia — wspólna nakładka design systemu (zamow-kontener.pl)
   Kroki: /zamow-online/ · /wybor-odpadu/* · karta produktu · koszyk · checkout.
   Ładowana warunkowo (zk_sc_is_flow_page), PO custom.css.
   Audyt: claude/audyt-sciezka-zamowienia.md. Tylko wygląd — zero logiki.
   ========================================================================= */

/* --- 1. STEPPER — jeden język wizualny na wszystkich krokach ------------- */
/* Wrapper dla szablonów renderujących pasek POZA kontenerem strony
   (page-wybor-odpadu.php) — wyrównanie i boczny padding jak kontener serwisu.
   Fix 26.07: na mobile pasek dotykał krawędzi ekranu tylko na kroku 2. */
.zamowienie-steps-outer {
	max-width: var(--zk-max, 1240px);
	margin: 0 auto;
	padding: 0 clamp(1rem, 4vw, 20px);
}
.zamowienie-steps__inner {
	border-radius: var(--zk-r-card, 12px);
	overflow: hidden;
}
.zamowienie-steps .step {
	background: var(--zk-bg-soft, #f2f4ec);
	color: var(--zk-muted, #5b6152);
	font-weight: 600;
}
.zamowienie-steps .step--done,
.zamowienie-steps .step--active {
	background: var(--zk-green-dark, #487214);
	color: #fff; /* 5,7:1 (AA) */
}
.zamowienie-steps .step--active {
	font-weight: 800;
}

/* 1b. STEPPER — mobile: hybryda „aktywny rozwinięty" (Wariant C).
   Decyzja W. (2026-07-26). Jeden pasek strzałek na wszystkich szerokościach;
   kropkowy stepper mobile usunięty (custom.css + partial). Na desktopie
   (>1000px) numery i meta są ukryte — wygląd bez zmian (zero regresji). */
.zamowienie-steps__meta { display: none; }
.zamowienie-steps .step__num { display: none; }

@media (max-width: 1000px) {
	/* Pasek zostaje widoczny i poziomy (neutralizacja starego custom.css,
	   które łamało stepy w kolumnę i zerowało clip-path). */
	.zamowienie-steps { display: block; padding: 14px 0 10px; }
	.zamowienie-steps__inner {
		flex-direction: row;
		gap: 0;
		border-radius: 10px;
		overflow: hidden;
	}

	/* Linia „Krok X z N" nad paskiem */
	.zamowienie-steps__meta {
		display: block;
		margin: 0 0 6px;
		padding: 0 2px;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .04em;
		text-transform: uppercase;
		color: var(--zk-muted, #5b6152);
	}

	/* Wszystkie stepy: węższy chevron (notch 14px), wyśrodkowane */
	.zamowienie-steps__inner .step {
		flex: 0 0 auto;
		width: 52px;
		min-width: 0;
		padding: 0 6px 0 12px;
		min-height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 700;
		text-align: center;
		clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%);
		margin-left: -11px;
	}
	.zamowienie-steps__inner .step:first-child {
		clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
		padding-left: 8px;
		margin-left: 0;
	}
	.zamowienie-steps__inner .step:last-child {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 14px 50%);
	}

	/* Zwężone stepy: numer widoczny, etykieta ukryta (pełna nazwa w aria-label) */
	.zamowienie-steps .step__label { display: none; }
	.zamowienie-steps .step__num { display: block; font-size: 13px; }

	/* Aktywny: pełna strzałka z tekstem, rozpycha resztę */
	.zamowienie-steps__inner .step--active {
		flex: 1 1 auto;
		width: auto;
		padding: 8px 16px 8px 22px;
		font-size: 12.5px;
		line-height: 1.15;
		font-weight: 800;
	}
	.zamowienie-steps__inner .step--active .step__label { display: block; }
	.zamowienie-steps__inner .step--active .step__num { display: none; }
}

/* --- 2. /zamow-online/ — focus wyszukiwarki (wskaźnik ≥3:1) --------------- */
body.page-template-zamow-online .dgwt-wcas-search-input:focus {
	border-color: var(--zk-green-dark, #487214) !important;
	box-shadow: 0 0 0 1px var(--zk-green-dark, #487214) !important;
}

/* --- 3. /wybor-odpadu/ — karty i CTA -------------------------------------- */
.wybor-odpadu__card {
	border: 1px solid var(--zk-line, #e6e8e1) !important;
	border-radius: var(--zk-r-card, 12px) !important;
	transition: box-shadow .18s ease, transform .18s ease;
}
.wybor-odpadu__card:hover {
	box-shadow: var(--zk-shadow, 0 18px 40px -12px rgba(20, 32, 4, .26));
	transform: translateY(-2px);
}
.wybor-odpadu__image {
	background: var(--zk-bg-soft, #f2f4ec) !important;
}
.wybor-odpadu__city {
	color: var(--zk-muted, #5b6152) !important;
}
.wybor-odpadu__price {
	color: var(--zk-ink, #23291c);
}
/* 3 równorzędne akcje wyboru → wariant secondary (b) z design systemu:
   wypełniona ciemna zieleń + biały tekst (5,7:1), pigułka. Czerwień zostaje
   dla finalnych CTA (karta produktu, checkout). */
.wybor-odpadu__cta {
	background: var(--zk-green-dark, #487214) !important;
	color: #fff !important;
	border-radius: var(--zk-r-pill, 999px) !important;
	font-weight: 800 !important;
	transition: background .15s ease, transform .05s ease;
}
.wybor-odpadu__card:hover .wybor-odpadu__cta,
.wybor-odpadu__cta:hover {
	background: #3a5d10 !important;
	color: #fff !important;
}
.wybor-odpadu__cta:active {
	transform: translateY(1px);
}

/* --- 4. CHECKOUT ----------------------------------------------------------- */

/* 4a. Przełącznik Osoba prywatna / Firma — AA w obu stanach */
.woocommerce-checkout .customer-type-btn {
	background: #fff !important;
	border: 1.5px solid var(--zk-line, #e6e8e1) !important;
	border-radius: var(--zk-r-control, 8px) !important;
	color: var(--zk-ink, #23291c) !important;
	font-weight: 600 !important;
	transition: background .15s ease, border-color .15s ease;
}
.woocommerce-checkout .customer-type-btn:hover {
	background: var(--zk-bg-soft, #f2f4ec) !important;
}
.woocommerce-checkout .customer-type-btn.active,
.woocommerce-checkout .customer-type-btn.active:hover,
.woocommerce-checkout .customer-type-btn.active:focus {
	background: var(--zk-green-dark, #487214) !important;
	border-color: var(--zk-green-dark, #487214) !important;
	color: #fff !important;
	font-weight: 700 !important;
}

/* 4b. Pola formularza — lżejsze obwódki, focus z kontrastem ≥3:1 */
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
	border: 1.5px solid var(--zk-line, #e6e8e1) !important;
	width: 100% !important;
	box-sizing: border-box;
	padding: 13px 16px !important;
}
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
	border-color: var(--zk-green-dark, #487214) !important;
}

/* 4b-bis. SIATKA PÓL zamiast floatów i ręcznych szerokości.
   Grid neutralizuje stare float/clear/width z custom.css bez ich wyłączania:
   dzieci siatki ignorują floaty. Pary (imię/nazwisko, kod/miasto,
   telefon/e-mail) w dwóch kolumnach, adresowe pełną szerokością. */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px 20px;
	align-items: start;
}
/* Gdy wrapper jednak istnieje — zajmuje pełną szerokość zewnętrznej siatki */
body.woocommerce-checkout .woocommerce-billing-fields > .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields > .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .woocommerce-billing-fields > style,
body.woocommerce-checkout .woocommerce-billing-fields > script {
	grid-column: 1 / -1;
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row {
	float: none !important;
	clear: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
}
/* Stare reguły per-ID (#billing_city itd.) biją klasy specyficznością —
   wyrównujemy na tym samym poziomie. Kontenery pól: */
body.woocommerce-checkout #billing_first_name_field,
body.woocommerce-checkout #billing_last_name_field,
body.woocommerce-checkout #billing_postcode_field,
body.woocommerce-checkout #billing_city_field,
body.woocommerce-checkout #billing_phone_field,
body.woocommerce-checkout #billing_email_field,
body.woocommerce-checkout #billing_company_field,
body.woocommerce-checkout #billing_NIP_field,
body.woocommerce-checkout #billing_Numer_BDO_field,
body.woocommerce-checkout #shipping_first_name_field,
body.woocommerce-checkout #shipping_last_name_field,
body.woocommerce-checkout #shipping_postcode_field,
body.woocommerce-checkout #shipping_city_field,
body.woocommerce-checkout #shipping_company_field {
	float: none !important;
	clear: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 12px !important;
}
/* …i same inputy: */
body.woocommerce-checkout #billing_first_name,
body.woocommerce-checkout #billing_last_name,
body.woocommerce-checkout #billing_postcode,
body.woocommerce-checkout #billing_city,
body.woocommerce-checkout #billing_phone,
body.woocommerce-checkout #billing_email,
body.woocommerce-checkout #billing_company,
body.woocommerce-checkout #billing_NIP,
body.woocommerce-checkout #billing_address_1,
body.woocommerce-checkout #billing_address_2,
body.woocommerce-checkout #shipping_first_name,
body.woocommerce-checkout #shipping_last_name,
body.woocommerce-checkout #shipping_postcode,
body.woocommerce-checkout #shipping_city,
body.woocommerce-checkout #shipping_address_1,
body.woocommerce-checkout #shipping_address_2 {
	width: 100% !important;
	max-width: 100% !important;
}
/* Pełna szerokość: nagłówki wstawiane JS-em, selektor typu klienta,
   kraj, ulica (2 linie), firma i NIP. */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > h3,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .customer-type-selector,
body.woocommerce-checkout .form-row-wide,
body.woocommerce-checkout #billing_country_field,
body.woocommerce-checkout #billing_address_1_field,
body.woocommerce-checkout #billing_address_2_field,
body.woocommerce-checkout #billing_Numer_BDO_field,
body.woocommerce-checkout #shipping_country_field,
body.woocommerce-checkout #shipping_address_1_field,
body.woocommerce-checkout #shipping_address_2_field,
body.woocommerce-checkout #shipping_company_field {
	grid-column: 1 / -1;
}
/* Nazwa firmy + NIP — para 50/50 jak Imię/Nazwisko (decyzja W.).
   Mają klasę form-row-wide, więc wyłączamy jej rozpięcie punktowo. */
body.woocommerce-checkout #billing_company_field,
body.woocommerce-checkout #billing_NIP_field {
	grid-column: auto !important;
}
/* Pola firmowe (Nazwa firmy / NIP / przycisk GUS) bywają opakowane wspólnym
   wrapperem — jako element siatki zajmował jedną kolumnę i ściskał wszystko
   do połowy szerokości. Każdy bezpośredni potomek zawierający te pola
   dostaje pełną szerokość. */
body.woocommerce-checkout .woocommerce-billing-fields > :has([id*="company"]),
body.woocommerce-checkout .woocommerce-billing-fields > :has([id*="NIP"]),
body.woocommerce-checkout .woocommerce-billing-fields > :has(.gus-button),
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > :has([id*="company"]),
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > :has([id*="NIP"]),
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > :has(.gus-button) {
	grid-column: 1 / -1;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
}
body.woocommerce-checkout input[id*="company"],
body.woocommerce-checkout input[id*="NIP"] {
	width: 100% !important;
	max-width: 100% !important;
}
/* Przycisk „Pobierz dane firmy z GUS" — wariant secondary wypełniony
   (ciemna zieleń, pigułka), zamiast obcej jasnej zieleni. */
body.woocommerce-checkout .gus-button,
body.woocommerce-checkout button.gus-button,
body.woocommerce-checkout a.gus-button {
	background: var(--zk-green-dark, #487214) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: var(--zk-r-pill, 999px) !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	padding: 10px 20px !important;
	cursor: pointer;
	transition: background .15s ease;
}
body.woocommerce-checkout .gus-button:hover {
	background: #3a5d10 !important;
	color: #fff !important;
}
/* Przełącznik Osoba/Firma: bez niebieskiej obwódki przeglądarki po kliku;
   widoczny focus tylko z klawiatury. */
.woocommerce-checkout .customer-type-btn:focus {
	outline: none !important;
	box-shadow: none !important;
}
.woocommerce-checkout .customer-type-btn:focus-visible {
	outline: 2px solid var(--zk-green-dark, #487214) !important;
	outline-offset: 2px;
}

/* Kotwice techniczne jQuery (przenoszenie Imię/Nazwisko) — nie mogą
   zajmować komórek siatki; jako markery DOM działają też ukryte. */
body.woocommerce-checkout #name-original-anchor,
body.woocommerce-checkout #orderer-name-anchor {
	display: none;
}
/* Etykiety pól — spójna typografia */
body.woocommerce-checkout .form-row label {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--zk-ink, #23291c);
	margin-bottom: 4px;
}
body.woocommerce-checkout .form-row .required {
	color: var(--zk-red, #c0392b);
	text-decoration: none;
}
@media (max-width: 700px) {
	body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
	body.woocommerce-checkout .woocommerce-billing-fields,
	body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
	body.woocommerce-checkout .woocommerce-shipping-fields {
		grid-template-columns: 1fr;
	}
	body.woocommerce-checkout .woocommerce-billing-fields .form-row,
	body.woocommerce-checkout .woocommerce-shipping-fields .form-row {
		grid-column: 1 / -1;
	}
}

/* Przełącznik Osoba/Firma na mobile: obok siebie, nie pod sobą
   (custom.css składał go do jednej kolumny). */
@media (max-width: 768px) {
	body.woocommerce-checkout .customer-type-buttons {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 10px !important;
	}
	body.woocommerce-checkout .customer-type-btn {
		padding: 14px 8px !important;
		font-size: 14px !important;
	}
}

/* 4c. Tabela produktów — z „arkusza kalkulacyjnego" w kartę zamówienia:
   bez pionowych kresek, nagłówek jako eyebrow, meta pozycji w siatce
   etykieta→wartość, miniatura i przycisk usuwania w stylu systemu. */
.woocommerce-checkout table.shop_table {
	border: 1px solid var(--zk-line, #e6e8e1) !important;
	border-radius: var(--zk-r-card, 12px);
	border-collapse: separate !important;
	border-spacing: 0;
	overflow: hidden;
}
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
	border-top: 1px solid var(--zk-line, #e6e8e1) !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	padding: 16px;
	vertical-align: middle;
}
body.woocommerce-checkout table.shop_table tr:first-child th,
body.woocommerce-checkout table.shop_table tr:first-child td {
	border-top: 0 !important;
}
body.woocommerce-checkout table.shop_table thead th,
body.woocommerce-checkout table.shop_table tr:first-child th {
	background: transparent !important;
	color: var(--zk-muted, #5b6152) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: .06em !important;
	padding: 13px 16px;
}
.woocommerce-checkout table.shop_table .amount {
	color: var(--zk-ink, #23291c);
	font-weight: 800;
	font-size: 17px;
	white-space: nowrap;
}
/* Miniatura pozycji */
.woocommerce-checkout table.shop_table td img {
	border-radius: var(--zk-r-control, 8px);
	border: 1px solid var(--zk-line, #e6e8e1);
	background: var(--zk-bg-soft, #f2f4ec);
}
/* Nazwa pozycji */
.woocommerce-checkout table.shop_table td.product-name,
.woocommerce-checkout table.shop_table td.product-name a {
	font-weight: 700;
	color: var(--zk-ink, #23291c);
}
/* Meta pozycji (rodzaj/rozmiar/daty) — siatka etykieta → wartość.
   Pokrywamy różne warianty markupu (dl.variation Woo, wc-item-meta,
   dowolny dl w komórce nazwy). */
body.woocommerce-checkout table.shop_table td.product-name dl,
body.woocommerce-checkout table.shop_table dl.variation,
body.woocommerce-checkout table.shop_table .wc-item-meta {
	display: grid !important;
	grid-template-columns: auto 1fr;
	gap: 2px 8px;
	margin: 8px 0 0;
	font-size: 13.5px;
	line-height: 1.45;
	font-weight: 400;
	list-style: none;
	padding: 0;
}
body.woocommerce-checkout table.shop_table td.product-name dt,
body.woocommerce-checkout table.shop_table .wc-item-meta strong {
	margin: 0;
	font-weight: 600 !important;
	color: var(--zk-muted, #5b6152) !important;
	float: none !important;
}
body.woocommerce-checkout table.shop_table td.product-name dd {
	margin: 0 !important;
	color: var(--zk-ink, #23291c);
	font-weight: 400 !important;
}
body.woocommerce-checkout table.shop_table td.product-name dd p {
	margin: 0;
	font-size: inherit;
}
/* Fallback: meta jako zwykłe akapity w komórce nazwy */
body.woocommerce-checkout table.shop_table td.product-name > p {
	margin: 4px 0 0;
	font-size: 13.5px;
	line-height: 1.45;
	font-weight: 400;
	color: var(--zk-ink, #23291c);
}
/* Usuwanie pozycji — dyskretne kółko, czerwone dopiero na hover */
.woocommerce-checkout table.shop_table a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--zk-line, #e6e8e1) !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: var(--zk-muted, #5b6152) !important;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.woocommerce-checkout table.shop_table a.remove:hover {
	background: var(--zk-red, #c0392b) !important;
	border-color: var(--zk-red, #c0392b) !important;
	color: #fff !important;
}
/* 4c-bis. WŁAŚCIWA tabela podsumowania na /zamowienie/ — customowy markup
   .order-cart-table > .order-table (td.col-product/.col-price/.col-remove,
   .product-title/.product-meta), stylowany dotąd w custom.css (#cfcfcf,
   #f5f5f5). Nadpisania 1:1 pod te klasy. */
body.woocommerce-checkout .order-table {
	border: 1px solid var(--zk-line, #e6e8e1) !important;
	border-radius: var(--zk-r-card, 12px) !important;
	overflow: hidden;
}
body.woocommerce-checkout .order-table thead th {
	background: transparent !important;
	color: var(--zk-muted, #5b6152) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase;
	letter-spacing: .06em;
	padding: 14px 24px !important;
	border-bottom: 1px solid var(--zk-line, #e6e8e1);
}
body.woocommerce-checkout .order-table tbody td {
	border-top: 1px solid var(--zk-line, #e6e8e1) !important;
}
body.woocommerce-checkout .order-table .col-price,
body.woocommerce-checkout .order-table .col-remove,
body.woocommerce-checkout .order-table thead th.col-price,
body.woocommerce-checkout .order-table thead th.col-remove {
	border-left: 0 !important; /* koniec pionowych kresek */
}
body.woocommerce-checkout .order-table .col-price {
	color: var(--zk-ink, #23291c);
	font-weight: 800 !important;
}
body.woocommerce-checkout .order-table .product-image img {
	border-radius: var(--zk-r-control, 8px);
	border: 1px solid var(--zk-line, #e6e8e1);
	background: var(--zk-bg-soft, #f2f4ec) !important;
}
body.woocommerce-checkout .order-table .product-title {
	color: var(--zk-ink, #23291c);
	font-weight: 700;
}
body.woocommerce-checkout .order-table .product-meta {
	color: var(--zk-ink, #23291c);
	font-size: 13.5px;
	line-height: 1.5;
}
body.woocommerce-checkout .order-table .product-meta .zk-sc__meta-label {
	color: var(--zk-muted, #5b6152);
	font-weight: 600;
}
body.woocommerce-checkout .order-table .remove-item {
	background: #fff;
	border: 1px solid var(--zk-line, #e6e8e1);
	color: var(--zk-muted, #5b6152);
	line-height: 26px;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
body.woocommerce-checkout .order-table .remove-item:hover {
	background: var(--zk-red, #c0392b);
	border-color: var(--zk-red, #c0392b);
	color: #fff;
}

/* Komunikaty Woo nad tabelą („Usunięto… Cofnij?") — na tokenach */
.woocommerce-checkout .woocommerce-message {
	background: var(--zk-bg-green-soft, #eef5e2) !important;
	border-top-color: var(--zk-green-dark, #487214) !important;
	color: var(--zk-ink, #23291c) !important;
	border-radius: 0 0 var(--zk-r-control, 8px) var(--zk-r-control, 8px);
}
.woocommerce-checkout .woocommerce-message a {
	color: var(--zk-green-dark, #487214) !important;
}

/* 4d. Panel płatności + finalny CTA */
.woocommerce-checkout #payment {
	background: var(--zk-bg-soft, #f2f4ec) !important;
	border-radius: var(--zk-r-card, 12px) !important;
}
.woocommerce-checkout #payment div.payment_box {
	background: #fff !important;
	color: var(--zk-ink, #23291c) !important;
	border-radius: var(--zk-r-control, 8px);
}
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout #place_order {
	float: none !important;
	display: block !important;
	width: 100% !important;
	background: var(--zk-red, #c0392b) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: var(--zk-r-pill, 999px) !important;
	font-weight: 800 !important;
	font-size: 18px !important;
	padding: 16px 34px !important;
	margin-top: 8px;
	box-shadow: 0 12px 26px -12px rgba(192, 57, 43, .55);
	transition: background .15s ease, transform .05s ease;
}
.woocommerce-checkout #place_order:hover {
	background: var(--zk-red-dark, #a93226) !important;
	color: #fff !important;
}
.woocommerce-checkout #place_order:active {
	transform: translateY(1px);
}
.woocommerce-checkout #place_order:focus-visible {
	outline: 2px solid var(--zk-green-dark, #487214);
	outline-offset: 3px;
}
.zk-sc__trust {
	margin: 10px 0 0;
	font-size: 13px;
	color: var(--zk-muted, #5b6152);
	text-align: center;
}

/* --- 5. Reduced motion ------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
	.wybor-odpadu__card,
	.wybor-odpadu__cta,
	.woocommerce-checkout .customer-type-btn,
	.woocommerce-checkout #place_order {
		transition: none !important;
	}
	.wybor-odpadu__card:hover {
		transform: none;
	}
}

/* --------------------------------------------- Nagłówek „Dane zamawiającego"
   (Etap 3c — przeniesione 1:1 z inline <style> w functions.php; !important
   zostaje: bije style checkoutu z custom.css). Wstawiany przez
   assets/sciezka-checkout.js przed polem kraju. */
.woocommerce-billing-fields h3.dane-dostawy-h3 {
	font-size: 32px !important;
	font-weight: 700 !important;
	padding-top: 40px !important;
	margin-bottom: 20px !important;
	margin-top: 0 !important;
	color: #000 !important;
	display: block !important;
	width: 100% !important;
	clear: both !important;
}