/* LD Odstąpienie od umowy – style minimalne, kolory i przyciski dziedziczone z motywu */

.ld-odst { max-width: 52rem; }
.ld-odst-title { margin: 1.5rem 0 .5rem; }
.ld-odst-sub { margin-top: 2rem; }
.ld-odst-meta { margin: 0 0 1.25rem; opacity: .8; }

.ld-odst-steps {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1.5rem;
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 0;
	counter-reset: ldstep;
	font-size: .95em;
}
.ld-odst-steps li { counter-increment: ldstep; opacity: .55; }
.ld-odst-steps li::before { content: counter(ldstep) ". "; }
.ld-odst-steps li.is-current { opacity: 1; font-weight: 600; }
.ld-odst-steps li.is-done { opacity: .8; }

.ld-odst-items { border: 0; margin: 0 0 1.5rem; padding: 0; min-width: 0; }
.ld-odst-items legend { font-weight: 600; margin-bottom: .5rem; padding: 0; }

.ld-odst-table { width: 100%; border-collapse: collapse; margin: 0 0 1rem; }
.ld-odst-table th,
.ld-odst-table td { padding: .65em .6em; border-bottom: 1px solid rgba(0, 0, 0, .1); text-align: left; vertical-align: middle; }
.ld-odst-table thead th { font-weight: 600; }
.ld-odst-check { width: 2.5rem; }
.ld-odst-check input { width: 1.15rem; height: 1.15rem; }
.ld-odst-sku { display: block; font-size: .85em; opacity: .65; }

.ld-odst-field { margin: 0 0 1.1rem; }
.ld-odst-field label { display: block; font-weight: 600; margin-bottom: .3rem; }
.ld-odst-field input[type="text"],
.ld-odst-field input[type="email"],
.ld-odst-field textarea { width: 100%; max-width: 32rem; box-sizing: border-box; }
.ld-odst-hint { display: block; font-size: .875em; opacity: .7; margin-top: .3rem; max-width: 36rem; }

.ld-odst-statement {
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 4px;
	padding: 1rem 1.25rem .25rem;
	margin: 0 0 1.25rem;
}

.ld-odst-actions { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: center; margin-top: 1rem; }
.ld-odst-back { opacity: .85; }

.ld-odst-box { margin: 2rem 0; padding: 1.25rem 1.5rem; border: 1px solid rgba(0, 0, 0, .12); border-radius: 4px; }
.ld-odst-box h2 { margin-top: 0; }

.ld-odst-history { margin: 0 0 1rem 1.2rem; }

.ld-odst :focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

@media (max-width: 600px) {
	.ld-odst-items .ld-odst-table th:nth-child(4),
	.ld-odst-items .ld-odst-table td:nth-child(4) { display: none; }
	.ld-odst-actions .button { width: 100%; text-align: center; }
}

/* ==================================================================
 * Moje konto → Zamówienia: tabela WooCommerce + przyciski
 * Kolor akcentu zmienisz w jednym miejscu: --ld-accent
 * ================================================================== */

body.woocommerce-account {
	--ld-accent: #c1272d;
	--ld-accent-text: #fff;
	--ld-line: rgba(0, 0, 0, .09);
	--ld-line-strong: #cfcfcf;
	--ld-text: #222;
}

/* Komórki: równe odstępy, numer zamówienia nie przykleja się do krawędzi */
body.woocommerce-account table.woocommerce-orders-table {
	width: 100%;
	border-collapse: collapse;
}
body.woocommerce-account table.woocommerce-orders-table th,
body.woocommerce-account table.woocommerce-orders-table td {
	padding: 14px 16px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid var(--ld-line);
}
body.woocommerce-account table.woocommerce-orders-table tbody tr:last-child td {
	border-bottom: 0;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
	font-weight: 600;
	white-space: nowrap;
}
body.woocommerce-account .woocommerce-orders-table__row--status-odstapienie .woocommerce-orders-table__cell-order-status {
	color: var(--ld-accent);
}

/* Przyciski akcji: kompaktowe, obok siebie */
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button,
body.woocommerce-account .ld-odst .button,
body.woocommerce-account .ld-odst-box .button,
.ld-odst .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	height: auto;
	min-height: 40px;
	margin: 4px 8px 4px 0;
	padding: 8px 18px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	color: var(--ld-accent);
	background: transparent;
	border: 1px solid var(--ld-accent);
	border-radius: 2px;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button:hover,
body.woocommerce-account .ld-odst .button:hover,
body.woocommerce-account .ld-odst-box .button:hover,
.ld-odst .button:hover {
	color: var(--ld-accent-text);
	background: var(--ld-accent);
	border-color: var(--ld-accent);
	text-decoration: none;
}

/* „Odstąp od umowy tutaj” w tabeli i „Wróć i popraw” – przycisk drugorzędny */
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button.ld-odstapienie,
.ld-odst .button.ld-odst-back {
	color: var(--ld-text);
	border-color: var(--ld-line-strong);
}
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button.ld-odstapienie:hover,
.ld-odst .button.ld-odst-back:hover {
	color: var(--ld-accent);
	background: transparent;
	border-color: var(--ld-accent);
}

/* Główne akcje formularza: „Dalej”, „Potwierdź odstąpienie od umowy”, „Przejdź do formularza” */
body.woocommerce-account .ld-odst .button.ld-odst-primary,
.ld-odst .button.ld-odst-primary {
	color: var(--ld-accent-text);
	background: var(--ld-accent);
}
body.woocommerce-account .ld-odst .button.ld-odst-primary:hover,
.ld-odst .button.ld-odst-primary:hover {
	filter: brightness(.9);
}

body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button:focus-visible,
.ld-odst .button:focus-visible,
.ld-odst-box .button:focus-visible {
	outline: 2px solid var(--ld-accent);
	outline-offset: 2px;
}

/* Telefon: WooCommerce zamienia tabelę na karty – przyciski na całą szerokość */
@media (max-width: 768px) {
	body.woocommerce-account table.woocommerce-orders-table td {
		padding: 10px 12px;
	}
	body.woocommerce-account table.woocommerce-orders-table tr {
		display: block;
		border-bottom: 1px solid var(--ld-line);
		padding: 8px 0;
	}
	body.woocommerce-account table.woocommerce-orders-table tbody td {
		border-bottom: 0;
	}
	body.woocommerce-account td.woocommerce-orders-table__cell-order-actions::before {
		display: none;
	}
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button {
		display: flex;
		width: 100%;
		margin: 8px 0 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button,
	.ld-odst .button { transition: none; }
}