/*
 * Konto klienta Inna Warszawa.
 *
 * Bez własnej palety i bez własnej typografii: tokeny --iw-* i krój Lato
 * przychodzą z editorial.css, tak samo jak na /2027 i na kartach książek.
 * Tutaj jest wyłącznie układ konta i doprowadzenie domyślnych elementów
 * WooCommerce do tego samego języka.
 */

/*
 * Wartości zapasowe na :root, a nie na .iwca-page. :root jest przodkiem
 * body.iwcs-design, więc kiedy editorial.css jest wczytany, to on wygrywa
 * i konto zmienia się razem z resztą strony. Kiedy pakietu nie ma, strona
 * nadal ma czytelne kolory zamiast niewidocznych przycisków.
 */
:root {
	--iw-ink: #20211d; --iw-paper: #f1eee7; --iw-white: #fffefa;
	--iw-muted: #58594f; --iw-line: #cfccc2; --iw-accent: #8a4329;
}

.iwca-page {
	--iwca-danger: #a51d1d;
	--iwca-ok: #36683d;
	background: var(--iw-white);
}

.iwca-shell {
	max-width: 1216px;
	margin: 0 auto;
	padding: 0 28px;
}

/* ------------------------------------------------------------------- Hero */

.iwca-hero {
	padding: clamp(40px, 5vw, 76px) 0 clamp(32px, 4vw, 52px);
	background: var(--iw-paper);
}

.iwca-hero__kicker {
	color: var(--iw-accent);
}

.iwca-hero__title {
	max-width: 16ch;
	margin: 0;
	font-size: clamp(38px, 5.5vw, 72px);
	font-weight: 800;
	letter-spacing: -.055em;
	line-height: .95;
}

.iwca-hero__lead {
	max-width: 58ch;
	margin: 22px 0 0;
	color: var(--iw-muted);
	font-size: clamp(16px, 1.6vw, 19px);
	line-height: 1.5;
	letter-spacing: -.01em;
}

/* ------------------------------------------------------------- Nawigacja */

.iwca-nav {
	border-block: 1px solid var(--iw-line);
	background: var(--iw-white);
	position: sticky;
	top: 0;
	z-index: 20;
}

/*
 * Na waskim ekranie pasek nie miesci sie w jednej linii. Zakladki zawijaja
 * sie zamiast chowac za krawedzia: wszystkie sa widoczne od razu i nie ma
 * przewijania, o ktorym trzeba sie domyslic.
 */
@media screen and (max-width: 700px) {
	.iwca-nav ul {
		flex-wrap: wrap;
		overflow-x: visible;
		row-gap: 0;
		column-gap: 18px;
	}
}

.iwca-nav ul {
	display: flex;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}

.iwca-nav ul::-webkit-scrollbar {
	display: none;
}

.iwca-nav a {
	display: inline-flex;
	align-items: center;
	min-height: 54px;
	padding: 0 16px;
	border-bottom: 2px solid transparent;
	color: var(--iw-muted);
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
}

.iwca-nav a:hover {
	color: var(--iw-ink);
}

.iwca-nav li.is-current a {
	color: var(--iw-ink);
	border-bottom-color: var(--iw-accent);
	font-weight: 700;
}

/* Natywna nawigacja WooCommerce jest zastąpiona paskiem powyżej. */
.iwca-page .woocommerce-MyAccount-navigation {
	display: none;
}

.iwca-page .woocommerce-MyAccount-content {
	width: 100%;
	float: none;
	margin: 0;
}

/* ----------------------------------------------------------------- Treść */

.iwca-body {
	padding: clamp(36px, 5vw, 72px) 0 clamp(56px, 7vw, 104px);
}

.iwca-body--guest {
	background: var(--iw-white);
}

.iwca-page .woocommerce::before,
.iwca-page .woocommerce::after {
	content: none;
}

.iwca-page h2 {
	margin: 0 0 14px;
	font-size: clamp(22px, 2.4vw, 29px);
	font-weight: 700;
	letter-spacing: -.03em;
	line-height: 1.18;
}

.iwca-page p {
	line-height: 1.6;
}

/* ---------------------------------------------- Logowanie i rejestracja */

/*
 * Dzieci .woocommerce to kolejno: powiadomienia, naglowek WooCommerce,
 * formularz logowania i nasza rejestracja. Kazde z nich dostaje miejsce
 * wprost, bo przy automatycznym ukladaniu ukrycie naglowka przesuwalo
 * obie karty o jedna kolumne.
 */
.iwca-body--guest .woocommerce {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(24px, 4vw, 56px);
	align-items: start;
}

.iwca-body--guest .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
	grid-row: 1;
}

.iwca-body--guest .woocommerce-form-login {
	grid-column: 1;
	grid-row: 2;
}

.iwca-body--guest .iwca-register {
	grid-column: 2;
	grid-row: 2;
}

/* `.woocommerce form.login` jest bardziej szczegolowe niz sama klasa, wiec
   bez `form.login` zostawal marginesa 2em i karty mialy rozne gorne krawedzie. */
.iwca-page .woocommerce form.login,
.iwca-page .woocommerce-form-login,
.iwca-page .iwca-register {
	margin: 0;
	padding: clamp(24px, 3vw, 38px);
	border: 1px solid var(--iw-line);
	border-radius: 0;
	background: var(--iw-paper);
}

.iwca-page .woocommerce-form-login::before {
	content: "Mam już konto";
	display: block;
	margin: 0 0 14px;
	font-size: clamp(22px, 2.4vw, 29px);
	font-weight: 700;
	letter-spacing: -.03em;
	line-height: 1.18;
}

.iwca-register__lead {
	max-width: 46ch;
	margin: 0 0 24px;
	color: var(--iw-muted);
	font-size: 15px;
	line-height: 1.6;
}

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

.iwca-page .form-row {
	margin: 0 0 18px;
	padding: 0;
	display: block;
}

.iwca-page .form-row label {
	display: block;
	margin: 0 0 7px;
	color: var(--iw-ink);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.4;
}

.iwca-page .form-row .required {
	color: var(--iw-accent);
	text-decoration: none;
}

.iwca-page input[type="text"],
.iwca-page input[type="email"],
.iwca-page input[type="tel"],
.iwca-page input[type="number"],
.iwca-page input[type="password"],
.iwca-page select,
.iwca-page textarea {
	width: 100%;
	min-height: 54px;
	padding: 14px 15px;
	color: var(--iw-ink);
	border: 1px solid var(--iw-line);
	border-radius: 0;
	background: var(--iw-white);
	box-shadow: none;
	font: inherit;
	font-size: 16px;
	line-height: 1.4;
}

.iwca-page input:focus,
.iwca-page select:focus,
.iwca-page textarea:focus {
	border-color: var(--iw-ink);
	outline: none;
}

.iwca-page input:focus-visible,
.iwca-page select:focus-visible,
.iwca-page textarea:focus-visible,
.iwca-page button:focus-visible,
.iwca-page a:focus-visible {
	outline: 3px solid var(--iw-accent);
	outline-offset: 3px;
}

.iwca-page .woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 20px;
	font-size: 14px;
	font-weight: 400;
}

.iwca-page .woocommerce-form-login__rememberme input {
	width: 18px;
	height: 18px;
	min-height: 0;
	margin: 0;
	flex: 0 0 auto;
	accent-color: var(--iw-ink);
}

.iwca-help {
	display: block;
	margin-top: 7px;
	color: var(--iw-muted);
	font-size: 13px;
	line-height: 1.5;
}

.iwca-field-error {
	display: block;
	margin-top: 7px;
	color: var(--iwca-danger);
	font-size: 13px;
	line-height: 1.5;
}

#iwca-code {
	max-width: 220px;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: .22em;
	font-variant-numeric: tabular-nums;
}

/* ------------------------------------------------------------ Przyciski */

/* WooCommerce celuje w `.woocommerce a.button`, wiec sam `.iwca-page .button`
   przegrywa szczegolowoscia i linki-przyciski zostawaly blade. */
.iwca-page .button,
.iwca-page a.button,
.iwca-page .woocommerce a.button,
.iwca-page button[type="submit"]:not(.iwca-link-button),
.iwca-page .woocommerce-Button {
	width: 100%;
	min-height: 58px;
	padding: 16px 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	border: 1px solid var(--iw-ink);
	border-radius: 0;
	background: var(--iw-ink);
	color: #fff;
	font: 700 17px/1.25 Lato, Arial, sans-serif;
	text-decoration: none;
	cursor: pointer;
	transition: background .15s, border-color .15s, color .15s;
}

.iwca-page .button:hover,
.iwca-page a.button:hover,
.iwca-page .woocommerce a.button:hover,
.iwca-page button[type="submit"]:not(.iwca-link-button):hover,
.iwca-page .woocommerce-Button:hover {
	border-color: var(--iw-accent);
	background: var(--iw-accent);
	color: #fff;
}

.iwca-page .button[disabled],
.iwca-page button[disabled] {
	opacity: .55;
	cursor: progress;
}

/* To jest wyjscie awaryjne obok glownej akcji, a nie druga rownorzedna
   decyzja, wiec ma wygladac jak odsylacz. */
.iwca-page button.iwca-link-button,
.iwca-link-button {
	width: auto;
	min-height: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--iw-muted);
	font: 400 14px/1.5 Lato, Arial, sans-serif;
	text-decoration: underline;
	text-underline-offset: 4px;
	cursor: pointer;
}

.iwca-page button.iwca-link-button:hover,
.iwca-link-button:hover {
	color: var(--iw-accent);
}

.iwca-page .woocommerce-LostPassword {
	margin: 16px 0 0;
	font-size: 14px;
}

.iwca-page .woocommerce-LostPassword a {
	color: var(--iw-muted);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.iwca-page .woocommerce-LostPassword a:hover {
	color: var(--iw-accent);
}

/* ------------------------------------------------------------ Komunikaty */

.iwca-page .woocommerce-message,
.iwca-page .woocommerce-error,
.iwca-page .woocommerce-info {
	margin: 0 0 22px;
	padding: 16px 18px;
	border: 0;
	border-left: 3px solid var(--iw-ink);
	border-radius: 0;
	background: var(--iw-paper);
	color: var(--iw-ink);
	font-size: 15px;
	line-height: 1.55;
	list-style: none;
}

.iwca-page .woocommerce-message::before,
.iwca-page .woocommerce-error::before,
.iwca-page .woocommerce-info::before {
	content: none;
}

.iwca-page .woocommerce-error {
	border-left-color: var(--iwca-danger);
	background: #fbf2f0;
}

.iwca-page .woocommerce-message {
	border-left-color: var(--iwca-ok);
	background: #eef3ee;
}

/* --------------------------------------------------------- Zamówienia */

.iwca-page .woocommerce-orders-table,
.iwca-page table.shop_table {
	width: 100%;
	margin: 0;
	border: 1px solid var(--iw-line);
	border-radius: 0;
	border-collapse: collapse;
	background: var(--iw-white);
	font-size: 15px;
}

.iwca-page table.shop_table th,
.iwca-page table.shop_table td {
	padding: 16px 18px;
	border: 0;
	border-bottom: 1px solid var(--iw-line);
	text-align: left;
	vertical-align: middle;
}

.iwca-page table.shop_table thead th {
	background: var(--iw-paper);
	color: var(--iw-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.iwca-page table.shop_table tbody tr:last-child td {
	border-bottom: 0;
}

/* W wierszu jest juz odsylacz na numerze zamowienia, wiec akcja nie musi byc
   czarnym blokiem: obwodka wystarczy, a tabela przestaje byc ciezka. */
.iwca-page .woocommerce-orders-table__cell-order-actions .button,
.iwca-page .woocommerce-orders-table__cell-order-actions a.button {
	width: auto;
	min-height: 40px;
	padding: 8px 18px;
	border: 1px solid var(--iw-ink);
	background: transparent;
	color: var(--iw-ink);
	font-size: 14px;
}

.iwca-page .woocommerce-orders-table__cell-order-actions a.button:hover {
	background: var(--iw-ink);
	color: var(--iw-white);
}

.iwca-page .woocommerce-orders-table__cell-order-actions {
	text-align: right;
}

.iwca-page .woocommerce-orders-table__cell-order-number a {
	font-weight: 700;
	text-decoration: none;
}

.iwca-page .woocommerce-orders-table__cell-order-number a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.iwca-page .woocommerce-Message--info,
.iwca-page .woocommerce-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}

.iwca-page .woocommerce-info .button,
.iwca-page .woocommerce-info a.button,
.iwca-page .woocommerce-message a.button {
	width: auto;
	min-height: 46px;
	padding: 11px 20px;
	font-size: 15px;
}

/* ------------------------------------------------------------- Mobile */

@media screen and (max-width: 860px) {
	.iwca-body--guest .woocommerce {
		grid-template-columns: minmax(0, 1fr);
	}

	.iwca-body--guest .woocommerce-form-login,
	.iwca-body--guest .iwca-register {
		grid-column: 1;
		grid-row: auto;
	}

	.iwca-hero__title {
		max-width: none;
	}
}

@media screen and (max-width: 600px) {
	.iwca-shell {
		padding: 0 20px;
	}

	.iwca-hero {
		padding: 32px 0 26px;
	}

	.iwca-page .woocommerce-form-login,
	.iwca-page .iwca-register {
		padding: 22px 20px;
	}

	.iwca-page table.shop_table,
	.iwca-page table.shop_table tbody,
	.iwca-page table.shop_table tr,
	.iwca-page table.shop_table td {
		display: block;
		width: 100%;
	}

	.iwca-page table.shop_table thead {
		display: none;
	}

	.iwca-page table.shop_table tr {
		padding: 6px 0;
		border-bottom: 1px solid var(--iw-line);
	}

	.iwca-page table.shop_table tr:last-child {
		border-bottom: 0;
	}

	.iwca-page table.shop_table td {
		padding: 8px 18px;
		border: 0;
		display: flex;
		justify-content: space-between;
		gap: 16px;
	}

	/*
	 * Numer zamowienia siedzi w <th scope="row">, a arkusz WooCommerce dla
	 * malych ekranow chowa kazde tbody th. Bez tego karta na telefonie
	 * zaczynala sie od daty i nie dalo sie odroznic zamowien.
	 */
	.iwca-page table.shop_table.shop_table_responsive tbody th {
		display: block;
		width: 100%;
		padding: 14px 18px 2px;
		border: 0;
	}

	.iwca-page table.shop_table.shop_table_responsive tbody th::before {
		content: none;
	}

	.iwca-page table.shop_table.shop_table_responsive tbody th a {
		font-size: 20px;
		letter-spacing: -.02em;
	}

	.iwca-page .woocommerce-orders-table__cell-order-actions {
		text-align: left;
	}

	.iwca-page .woocommerce-orders-table__cell-order-actions a.button {
		width: 100%;
	}

	.iwca-page table.shop_table td::before {
		content: attr(data-title);
		flex: 0 0 auto;
		color: var(--iw-muted);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .1em;
		text-transform: uppercase;
	}
}


/* ------------------------------------------------ Odsylacze w tresci konta */

/*
 * Motyw daje linkom rozowy odcien, ktory nie nalezy do palety wydawnictwa.
 * Tresc konta prowadzi kolorem akcentu, tak jak reszta strony.
 */
.iwca-body a:not(.button):not(.iwca-tile):not(.woocommerce-Button) {
	color: var(--iw-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.iwca-body a:not(.button):not(.iwca-tile):not(.woocommerce-Button):hover {
	color: var(--iw-ink);
}

/*
 * WooCommerce wstawia wlasny naglowek "Logowanie" nad formularzem. Karta ma
 * juz swoj tytul, a ten naglowek rozjezdzal gorne krawedzie obu kolumn.
 */
.iwca-body--guest .woocommerce > h2,
.iwca-body--guest .u-column1 > h2 {
	display: none;
}

/* ------------------------------------------------------------- Kokpit */

.iwca-dash__last {
	margin: 0 0 40px;
	padding: 0 0 32px;
	border-bottom: 1px solid var(--iw-line);
}

.iwca-dash__label {
	margin: 0 0 10px;
	color: var(--iw-accent);
	font: 700 12px/1.2 Lato, Arial, sans-serif;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.iwca-dash__order {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -.02em;
}

.iwca-dash__meta {
	display: block;
	margin-top: 6px;
	color: var(--iw-muted);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
}

.iwca-dash__tiles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.iwca-tile {
	display: block;
	padding: 26px 24px 28px;
	border: 1px solid var(--iw-line);
	background: var(--iw-paper);
	color: inherit;
	text-decoration: none;
	transition: border-color .15s, background .15s;
}

.iwca-tile:hover {
	border-color: var(--iw-ink);
	background: var(--iw-white);
}

.iwca-tile__title {
	display: block;
	margin-bottom: 8px;
	font: 700 19px/1.25 Lato, Arial, sans-serif;
	letter-spacing: -.02em;
}

.iwca-tile:hover .iwca-tile__title {
	color: var(--iw-accent);
}

.iwca-tile__text {
	display: block;
	color: var(--iw-muted);
	font-size: 15px;
	line-height: 1.5;
}

@media screen and (max-width: 860px) {
	.iwca-dash__tiles {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}
}


/* ------------------------------------------------ Sekcje formularzy konta */

.iwca-section {
	margin: 0 0 44px;
	padding: 0 0 36px;
	border-bottom: 1px solid var(--iw-line);
}

.iwca-section:last-of-type {
	margin-bottom: 0;
	border-bottom: 0;
}

.iwca-section--boxed {
	margin-top: 44px;
	padding: clamp(24px, 3vw, 36px);
	border: 1px solid var(--iw-line);
	background: var(--iw-paper);
}

.iwca-section__title {
	margin: 0 0 6px;
	font-size: clamp(20px, 2.1vw, 25px);
	font-weight: 700;
	letter-spacing: -.02em;
}

.iwca-section__lead {
	margin: 0 0 22px;
	max-width: 62ch;
	color: var(--iw-muted);
	font-size: 16px;
}

.iwca-section__title + .iwca-grid,
.iwca-section__title + .form-row {
	margin-top: 22px;
}

.iwca-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 24px;
}

.iwca-newsletter label,
.iwca-newsletter label span {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
	cursor: pointer;
}

.iwca-newsletter label span {
	display: inline;
}

.iwca-newsletter input[type="checkbox"] {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin: 2px 0 0;
	accent-color: var(--iw-accent);
}

.iwca-actions {
	margin: 26px 0 0;
	max-width: 340px;
}

.iwca-section--boxed .iwca-actions {
	margin-bottom: 6px;
}

@media screen and (max-width: 700px) {
	.iwca-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.iwca-actions {
		max-width: none;
	}
}

/* ------------------------------------------------------------- Dostawa */

.iwca-point {
	margin: 0 0 18px;
	padding: 18px 20px;
	border: 1px solid var(--iw-line);
	background: var(--iw-white);
}

.iwca-point span {
	display: block;
}

.iwca-point__name {
	font-weight: 700;
	font-size: 17px;
	letter-spacing: -0.01em;
	color: var(--iw-ink);
}

.iwca-point__desc,
.iwca-point__address {
	margin-top: 4px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--iw-muted);
}

/* WooCommerce rysuje pola adresu we własnym opakowaniu. Odstępy ustawiamy
   tu jeszcze raz, bo motyw sklepu daje im margines liczony w „em". */
.iwca-page .iwca-address .form-row {
	margin: 0 0 16px;
	padding: 0;
}

.iwca-page .iwca-address .form-row-first,
.iwca-page .iwca-address .form-row-last {
	float: none;
	width: 100%;
}

@media screen and (min-width: 701px) {
	.iwca-page .iwca-address .form-row-first,
	.iwca-page .iwca-address .form-row-last {
		display: inline-block;
		width: calc(50% - 9px);
		vertical-align: top;
	}

	.iwca-page .iwca-address .form-row-first {
		margin-right: 14px;
	}
}

/* Wybór kraju rysuje Select2; bez tego pole jest o połowę niższe od reszty. */
.iwca-page .iwca-address .select2-container .select2-selection--single {
	height: auto;
	padding: 4px 6px;
	border: 1px solid var(--iw-line);
	border-radius: 0;
	background: var(--iw-white);
}

.iwca-page .iwca-address .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.5;
	padding-left: 8px;
	color: var(--iw-ink);
}

/* ------------------------------- Konto z zamówienia złożonego bez logowania */

/* Zaproszenie stoi na stronie podziękowania, poza `.iwca-page`, więc kolory
   biorą się z arkusza sklepu — tu tylko układ i ramka. */
.iwca-invite {
	margin: 32px 0;
	padding: clamp(22px, 3vw, 32px);
	border: 1px solid var(--iw-line, #cfccc2);
	background: var(--iw-paper, #f1eee7);
}

.iwca-invite__title {
	margin: 0 0 10px;
	font-size: clamp(20px, 2.4vw, 25px);
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--iw-ink, #20211d);
}

.iwca-invite__lead {
	margin: 0 0 18px;
	max-width: 62ch;
	font-size: 16px;
	line-height: 1.6;
	color: var(--iw-muted, #58594f);
}

.iwca-invite__action {
	margin: 0;
}

.woocommerce .iwca-invite__action a.button {
	display: inline-block;
	padding: 15px 28px;
	border: 0;
	border-radius: 0;
	background: var(--iw-ink, #20211d);
	color: var(--iw-white, #fffefa);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	text-decoration: none;
}

.woocommerce .iwca-invite__action a.button:hover,
.woocommerce .iwca-invite__action a.button:focus {
	background: var(--iw-accent, #8a4329);
	color: var(--iw-white, #fffefa);
}

/* ------------------------------------------------- Historia wiadomości */

.iwca-messages__empty {
	margin: 0;
	max-width: 62ch;
	color: var(--iw-muted);
}

.iwca-messages {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--iw-line);
}

.iwca-message {
	display: grid;
	gap: 4px 28px;
	padding: 18px 0;
	border-bottom: 1px solid var(--iw-line);
}

/* Data stoi w osobnej kolumnie dopiero tam, gdzie jest na nią miejsce.
   Wcześniej byłaby wąskim słupkiem łamiącym się po jednym słowie. */
@media screen and (min-width: 701px) {
	.iwca-message {
		grid-template-columns: 190px 1fr;
	}
}

.iwca-message__when {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--iw-muted);
	font-variant-numeric: tabular-nums;
}

.iwca-message__what {
	margin: 0;
	font-weight: 700;
	font-size: 17px;
	line-height: 1.35;
	letter-spacing: -0.01em;
	color: var(--iw-ink);
}

.iwca-message__subject,
.iwca-message__order,
.iwca-message__failed {
	margin: 4px 0 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--iw-muted);
}

.iwca-message__order a {
	color: var(--iw-accent);
	text-underline-offset: 3px;
}

.iwca-message--failed .iwca-message__failed {
	color: var(--iw-accent);
}

.iwca-message__again {
	margin: 8px 0 0;
}

/* --------------------------------------------------- Dostawa i przesyłki */

.iwca-order-status {
	display: block;
	font-weight: 700;
	color: var(--iw-ink);
}

.iwca-order-status[data-tone="terminal"] {
	color: var(--iw-accent);
}

.iwca-order-status[data-tone="unknown"] {
	color: var(--iw-muted);
}

.iwca-order-status__note {
	display: block;
	margin-top: 2px;
	font-size: 14px;
	line-height: 1.4;
	color: var(--iw-muted);
}

.iwca-delivery {
	margin: 0 0 28px;
}

/* Panel dociąga świeże dane przewoźnika po wczytaniu strony. Nie przygaszamy
   go na ten czas: treść już na ekranie jest prawdziwa, tylko o minutę starsza,
   a miganie sugerowałoby, że jest inaczej. */
.iwca-delivery__box {
	padding: clamp(20px, 2.6vw, 28px);
	border: 1px solid var(--iw-line);
	background: var(--iw-paper);
}

.iwca-delivery__kicker {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--iw-accent);
}

.iwca-page .iwca-delivery__status {
	margin: 0;
	font-size: clamp(20px, 2.4vw, 25px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--iw-ink);
}

.iwca-delivery__status[data-tone="terminal"] {
	color: var(--iw-accent);
}

.iwca-page .iwca-delivery__message,
.iwca-page .iwca-delivery__promise,
.iwca-page .iwca-delivery__virtual,
.iwca-page .iwca-delivery__payment {
	margin: 8px 0 0;
	max-width: 62ch;
	font-size: 15px;
	line-height: 1.6;
	color: var(--iw-muted);
}

.iwca-page .iwca-delivery__warning {
	margin: 8px 0 0;
	max-width: 62ch;
	font-size: 15px;
	line-height: 1.6;
	color: var(--iw-accent);
}

.iwca-parcel {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid var(--iw-line);
}

.iwca-page .iwca-parcel__title {
	margin: 0;
	font-weight: 700;
	font-size: 16px;
	color: var(--iw-ink);
}

.iwca-page .iwca-parcel__status,
.iwca-page .iwca-parcel__method,
.iwca-page .iwca-parcel__promise,
.iwca-page .iwca-parcel__waybill {
	margin: 4px 0 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--iw-muted);
}

.iwca-parcel__link {
	margin-left: 10px;
	color: var(--iw-accent);
	text-underline-offset: 3px;
}

.iwca-parcel__events {
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.iwca-parcel__events li {
	display: grid;
	gap: 0 20px;
	padding: 7px 0;
	border-bottom: 1px solid var(--iw-line);
	font-size: 14px;
	line-height: 1.45;
}

.iwca-parcel__events li:last-child {
	border-bottom: 0;
}

/* Najnowsze zdarzenie jest tym, po które klient przyszedł. */
.iwca-parcel__events li:first-child .iwca-parcel__event-what {
	font-weight: 700;
	color: var(--iw-ink);
}

.iwca-parcel__event-what {
	color: var(--iw-muted);
}

.iwca-parcel__event-when {
	color: var(--iw-muted);
	font-variant-numeric: tabular-nums;
}

@media screen and (min-width: 561px) {
	.iwca-parcel__events li {
		grid-template-columns: 1fr 260px;
		align-items: baseline;
	}

	.iwca-parcel__event-when {
		text-align: right;
	}
}