/**
 * Odstąpienie od umowy — front (scoped pod .sgw-*).
 * Formularz używa natywnego markupu WooCommerce (.form-row, .woocommerce-input-wrapper,
 * .input-text, .woocommerce-form__label-for-checkbox, <button class="button">),
 * więc wygląd (pola, przyciski, typografia) dziedziczy z motywu / widgetu Elementora „Moje konto".
 * Poniżej wyłącznie drobny UKŁAD (siatka pozycji, odstępy).
 * Opcjonalny kolor akcentu nadpisuje tylko tło przycisku potwierdzenia (.sgw-confirm) — inline z PHP.
 */

.sgw-wrap {
	font-family: inherit;
}

/* Karta odstąpienia — stylujemy ISTNIEJĄCY wrapper WooCommerce
   (.woocommerce-MyAccount-content-wrapper), ograniczone do strony odstąpienia
   przez body.sgw-endpoint (nie rusza innych zakładek).
   Wartości w zmiennych — dostrój do swoich kart (patrz „Zbadaj" na innej zakładce). */
/* Karta odstąpienia — te same wartości co Twój wrapper na innych zakładkach
   (.woocommerce-MyAccount-content-wrapper: #fff, radius 30px, padding 30px).
   Ograniczone do strony odstąpienia przez body.sgw-endpoint. */
body.sgw-endpoint .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper {
	--sgw-card-bg: #ffffff;
	--sgw-card-radius: 30px;
	--sgw-card-padding: 30px;
	background: var(--sgw-card-bg) !important;
	border-radius: var(--sgw-card-radius) !important;
	padding: var(--sgw-card-padding) !important;
}

@media (max-width: 480px) {
	body.sgw-endpoint .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper {
		--sgw-card-padding: 20px;
	}
}

.sgw-title {
	margin: 0 0 .5em;
}

.sgw-intro {
	margin-bottom: 1.5em;
}

/* Lista pozycji */
.sgw-items {
	margin-bottom: 1.5em;
}

.sgw-item-row {
	margin: 0;
}

.sgw-item-row .woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: center;
	gap: .5em;
	padding: .55em 0;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	margin: 0;
}

.sgw-selectall-row .woocommerce-form__label-for-checkbox {
	font-weight: 600;
}

.sgw-item-row:last-child .woocommerce-form__label-for-checkbox {
	border-bottom: none;
}

.sgw-item-name {
	flex: 1 1 auto;
}

.sgw-item-qty {
	opacity: .7;
	font-size: .9em;
	white-space: nowrap;
}

/* Akcje */
.sgw-actions {
	display: flex;
	align-items: center;
	gap: 1.25em;
	flex-wrap: wrap;
	margin-top: 1em;
}

.sgw-cancel {
	opacity: .8;
}

/* Podsumowanie (krok 2) */
.sgw-summary {
	margin-bottom: 1.25em;
	padding-left: 1.2em;
}

.sgw-summary li {
	padding: .2em 0;
}

.sgw-confirm-email {
	margin-bottom: 1.5em;
}

.sgw-error {
	color: #b32d2e;
	font-weight: 600;
	margin: 0 0 1em;
}

.sgw-success {
	margin-bottom: 1.25em;
}

.sgw-hidden {
	display: none;
}