/*
 * Wersja A „Naturalna”: koszyk, kasa i potwierdzenie zamówienia (bloki WooCommerce, tylko CSS). Spokojnie i liniowo:
 * bez białych kart i cieni, sekcje oddzielone cienką linią, podsumowanie w cienkiej ramce, kroki wersalikami.
 */

/* Kroki zamówienia nad tytułem: wersaliki, bieżący krok podkreślony */
.wyglad-naturalna .order-steps { gap: 4px 0; font-size: 14px; font-weight: 500; letter-spacing: .13em; text-transform: none; font-variant-caps: all-small-caps; }
/* S4d: kreska przed każdym krokiem (48 px z marginesami), lista wysunięta o 48 px w lewo i przycięta, więc kreska
   na początku linii znika. Na telefonie kroki łamią się całymi krokami, bez kreski na początku drugiej linii. */
.wyglad-naturalna .order-steps { margin-left: -48px; clip-path: inset(-8px -8px -8px 40px); }
.wyglad-naturalna .order-steps__item::before,
.wyglad-naturalna .order-steps__item + .order-steps__item::before { content: ""; display: inline-block; width: 24px; height: 1px; margin: 0 12px; vertical-align: middle; background: var(--c-ink-25); }
.wyglad-naturalna .order-steps__item.is-current { color: var(--c-ink); font-weight: 500; text-decoration: underline; text-underline-offset: 6px; }
.wyglad-naturalna .order-steps a { display: inline-flex; align-items: center; min-height: 32px; }
.wyglad-naturalna .page-header:has(.order-steps) .page-title,
.wyglad-naturalna .page-header .page-title { font-size: 44px; }
@media (min-width: 640px) {
	.wyglad-naturalna .page-header .page-title { font-size: 56px; }
}

/* Koszyk: pozycje między liniami, bez białej karty */
.wyglad-naturalna .wp-block-woocommerce-cart .wc-block-cart-items { border: 0 !important; border-top: 1px solid var(--c-ink-20) !important; border-bottom: 1px solid var(--c-ink-20) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.wyglad-naturalna .wp-block-woocommerce-cart .wc-block-cart-items__row td:first-child { padding-left: 0 !important; }
.wyglad-naturalna .wp-block-woocommerce-cart .wc-block-cart-items__row td:last-child { padding-right: 0 !important; }
.wyglad-naturalna .wc-block-cart-item__image img,
.wyglad-naturalna .wc-block-components-order-summary-item__image img { border-radius: 0 !important; background: var(--c-len-jasny); mix-blend-mode: multiply; }
.wyglad-naturalna .wp-block-woocommerce-cart .wc-block-components-product-name { font-family: var(--font-display); font-size: 24px; font-weight: 500; }
.wyglad-naturalna .wp-block-woocommerce-cart .wc-block-cart-item__remove-link { display: inline-flex; align-items: center; min-height: 32px; font-size: 15px !important; letter-spacing: .10em; text-transform: none; font-variant-caps: all-small-caps; }

/* Harmonogram wysyłki w koszyku (wtyczka najmu): lniane pola bez zaokrągleń */
.wyglad-naturalna .wn-kalendarz-wysylki li.wn-kalendarz-wysylki__krok { border: 0; border-radius: 0; background: var(--c-len-jasny); }
.wyglad-naturalna .wn-kalendarz-wysylki :is(h2, h3) { font-size: 26px; font-weight: 500; }

/* Podsumowanie koszyka i kasy: cienka ramka, bez tła i cienia */
.wyglad-naturalna .wp-block-woocommerce-cart .wc-block-cart__sidebar,
.wyglad-naturalna .wp-block-woocommerce-checkout-order-summary-block {
	padding: 28px;
	border: 1px solid var(--c-ink-20) !important;
	border-radius: 0 !important;
	background: transparent;
	box-shadow: none;
}
.wyglad-naturalna .wc-block-cart__totals-title,
.wyglad-naturalna .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text {
	font-family: var(--font-display) !important;
	font-size: 26px !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.wyglad-naturalna .wc-block-components-totals-item__label { font-size: 13px; }
.wyglad-naturalna .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 15px; font-weight: 500; letter-spacing: .13em; text-transform: none; font-variant-caps: all-small-caps; }
.wyglad-naturalna .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-family: var(--font-display); font-size: 30px; font-weight: 500; }
.wyglad-naturalna .wc-block-cart__submit-container .wc-block-components-button { font-size: 15px; }
.wyglad-naturalna .wc-block-components-panel__button { font-size: 12px; letter-spacing: .08em; }

/* Kasa: sekcje oddzielone linią, tytuł szeryfowy z numerem */
.wyglad-naturalna .wc-block-checkout__main .wc-block-components-checkout-step {
	margin: 0 !important;
	padding: 32px 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--c-ink-20) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
.wyglad-naturalna .wc-block-checkout__main .wc-block-components-checkout-step__title { font-family: var(--font-display) !important; font-size: 28px !important; font-weight: 500 !important; }
.wyglad-naturalna .wc-block-components-address-card { border-radius: 0 !important; background: var(--c-len-jasny); }
html body.wyglad-naturalna .wc-block-components-radio-control--highlight-checked > :is(.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option) {
	border-color: var(--c-line) !important;
	border-radius: 0 !important;
	background: transparent;
}
html body.wyglad-naturalna .wc-block-components-radio-control--highlight-checked > :is(.wc-block-components-radio-control__option-checked, .wc-block-components-radio-control-accordion-option--checked-option-highlighted) {
	border-color: var(--c-accent) !important;
	background: var(--c-accent-faint);
}
html body.wyglad-naturalna .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { border-radius: 0; }
html body.wyglad-naturalna :is(.wc-block-components-text-input input, .wc-block-components-text-input textarea, .wc-blocks-components-select__select, .wc-block-components-textarea) { border-radius: 0 !important; background-color: var(--c-card); }

/* Punkt odbioru (Paczkomat, DPD Pickup) z wtyczki wysyłki: prostokątnie, cienka linia */
.wyglad-naturalna .wyp-wysylka { border-radius: 0; border-color: var(--c-line); background: var(--c-len-jasny); }
.wyglad-naturalna .wyp-wysylka__tytul { font-family: var(--font-display); font-size: 21px; font-weight: 500; }
.wyglad-naturalna .wyp-wysylka__przycisk { min-height: 44px; border-radius: 0; font-size: 15px; font-weight: 500; letter-spacing: .11em; text-transform: none; font-variant-caps: all-small-caps; }
.wyglad-naturalna .wyp-wysylka__kod input { min-height: 44px; border-radius: 0; }
.wyglad-naturalna .wyp-wysylka-okno__ramka { border-radius: 0; }

/* Potwierdzenie zamówienia i szczegóły zamówienia w Moim koncie */
.wyglad-naturalna .woocommerce-thankyou-order-received { font-family: var(--font-display); font-size: 30px; font-weight: 500; line-height: 1.2; border-radius: 0; background: transparent; padding-left: 0; padding-right: 0; }
.wyglad-naturalna.woocommerce ul.order_details,
.wyglad-naturalna .woocommerce-order-overview { gap: 0 !important; border-top: 1px solid var(--c-ink-20); border-bottom: 1px solid var(--c-ink-20); }
.wyglad-naturalna.woocommerce ul.order_details li,
.wyglad-naturalna .woocommerce ul.order_details li { padding: 16px 16px 16px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; font-size: 14px !important; letter-spacing: .11em; text-transform: none; font-variant-caps: all-small-caps; }
.wyglad-naturalna .woocommerce ul.order_details li strong,
.wyglad-naturalna.woocommerce ul.order_details li strong { font-size: 15px !important; font-weight: 500; letter-spacing: 0; text-transform: none; font-variant-caps: normal; }
.wyglad-naturalna :is(.woocommerce-order-details, .woocommerce-customer-details, .woocommerce-bacs-bank-details) {
	padding: 32px 0 0;
	border-top: 1px solid var(--c-ink-20);
	border-radius: 0;
	background: transparent;
}
.wyglad-naturalna :is(.woocommerce-order-details__title, .woocommerce-column__title, .woocommerce-bacs-bank-details h2) { font-size: 30px; }
.wyglad-naturalna .woocommerce-table--order-details :is(th, td) { border-color: var(--c-line) !important; }
.wyglad-naturalna .woocommerce-table--order-details tfoot tr:last-child :is(th, td) { font-weight: 500; }
.wyglad-naturalna .woocommerce-customer-details address { border-radius: 0 !important; background: var(--c-len-jasny); }

/* Przedłużenie najmu na stronie zamówienia (wtyczka najmu) */
.wyglad-naturalna .wn-przedluz { border-radius: 0; box-shadow: none; }
.wyglad-naturalna .wn-przedluz__tytul { font-size: 30px; font-weight: 500; }
.wyglad-naturalna .wn-przedluz__opcja { min-height: 44px; border-radius: 0; font-size: 12px; letter-spacing: .08em; }
.wyglad-naturalna .wn-przedluz :is(.wn-dzien, .wn-kal__strzalka) { border-radius: 0; }

/* Komunikaty WooCommerce: lniane pasy z cienką linią z lewej */
.wyglad-naturalna :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) { border-radius: 0 !important; box-shadow: none; }
.wyglad-naturalna :is(.woocommerce-message, .woocommerce-info) { border: 0; border-left: 2px solid var(--c-accent); background: var(--c-len-jasny); color: var(--c-ink); }
html body.wyglad-naturalna :is(.woocommerce-table--order-details, .woocommerce-orders-table) :is(.button, .woocommerce-button) { margin: 0 6px 6px 0; }
@media (max-width: 639.98px) {
	/* Telefon: przycisk w komunikacie (np. „Potwierdź adres e-mail”) nad tekstem, nie obok wąskiej kolumny tekstu */
	.wyglad-naturalna :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button { float: none; display: flex; width: fit-content; margin: 0 0 12px; }
}

/* Klasyczna płatność (np. dopłata za przedłużenie, „Opłać zamówienie”): len zamiast szarofioletowego tła WooCommerce */
.wyglad-naturalna.woocommerce-checkout #payment,
.wyglad-naturalna .woocommerce #payment { border-radius: 0; background: var(--c-len-jasny); }
.wyglad-naturalna .woocommerce #payment ul.payment_methods { border-bottom-color: var(--c-line); }
.wyglad-naturalna .woocommerce #payment div.payment_box { border-radius: 0; background: var(--c-paper); color: var(--c-muted); }
.wyglad-naturalna .woocommerce #payment div.payment_box::before { border-bottom-color: var(--c-paper); }

/* S4c: adres e-mail w podsumowaniu zamówienia w osobnym wierszu na telefonie (bez łamania w środku adresu) */
@media (max-width: 899.98px) {
	.wyglad-naturalna .woocommerce ul.order_details li.woocommerce-order-overview__email { grid-column: 1 / -1; }
}

/* S4c: szczegóły zamówienia na telefonie łamią się tylko między słowami (było „200 z / ł”), a długi adres e-mail
   w adresie nie wypycha ramki poza ekran */
.wyglad-naturalna .woocommerce-table--order-details :is(td, th, .wc-item-meta, .wc-item-meta *) { word-break: normal !important; overflow-wrap: break-word !important; }
.wyglad-naturalna .woocommerce-customer-details :is(address, address *) { min-width: 0; overflow-wrap: anywhere; }