/*
 * Wersja B „Ciepła”: koszyk, kasa i potwierdzenie zamówienia (bloki WooCommerce, tylko CSS). Kroki, podsumowanie
 * i pozycje w kremowych kartach z dużym zaokrągleniem, pola na kremowej bieli, wybrana forma dostawy i płatności
 * z ciemną ramką (bez terakoty na kremie, kontrast AA), ciemna pigułka „Zamawiam” ze strzałką.
 */

/* Nagłówek strony z krokami zamówienia */
.wyglad-ciepla .page-header:has(.order-steps) .page-title { font-size: 44px; font-weight: 400; letter-spacing: -.03em; }
.wyglad-ciepla .order-steps { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-muted); }
/* S4d: gwiazdka przed każdym krokiem w polu 32 px, lista wysunięta o 32 px w lewo i przycięta, więc gwiazdka
   na początku linii znika. Na telefonie kroki łamią się całymi krokami, bez gwiazdki na początku drugiej linii. */
.wyglad-ciepla .order-steps { margin-left: -32px; clip-path: inset(-8px -8px -8px 24px); }
.wyglad-ciepla .order-steps__item::before,
.wyglad-ciepla .order-steps__item + .order-steps__item::before { content: "✱"; content: "✱" / ""; display: inline-block; width: 32px; margin: 0; color: var(--c-accent); letter-spacing: 0; text-align: center; }
.wyglad-ciepla .order-steps__item.is-current { color: var(--c-title); }
@media (min-width: 640px) {
	.wyglad-ciepla .page-header:has(.order-steps) .page-title { font-size: 60px; }
}

/* Pola i wybory */
html body.wyglad-ciepla :is(.wc-block-components-text-input input, .wc-block-components-text-input.is-active input, .wc-blocks-components-select .wc-blocks-components-select__select, .wc-block-components-textarea) {
	border-color: var(--c-ink-20);
	border-radius: var(--radius);
	background: var(--c-card);
}
html body.wyglad-ciepla .wc-block-components-text-input input:focus { border-color: var(--c-ink); box-shadow: 0 0 0 1px var(--c-ink); }
html body.wyglad-ciepla .wc-block-components-radio-control__input:checked { border-color: var(--c-dark) !important; }
html body.wyglad-ciepla .wc-block-components-radio-control__input:checked::before { background: var(--c-dark) !important; }
html body.wyglad-ciepla .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: var(--c-dark); border-color: var(--c-dark); }
html body.wyglad-ciepla .wc-block-components-radio-control--highlight-checked > :is(.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option) {
	border-color: transparent !important;
	border-radius: var(--radius-lg) !important;
	background: var(--c-paper);
}
html body.wyglad-ciepla .wc-block-components-radio-control--highlight-checked > .wc-block-components-radio-control__option-checked,
html body.wyglad-ciepla .wc-block-components-radio-control--highlight-checked > .wc-block-components-radio-control-accordion-option:has(.wc-block-components-radio-control__input:checked) {
	border: 2px solid var(--c-dark) !important;
	background: var(--c-card);
}
.wyglad-ciepla .wc-block-components-radio-control-accordion-content { color: var(--c-ink); }

/* Koszyk: pozycje i suma w kremowych kartach */
.wyglad-ciepla .wp-block-woocommerce-cart .wc-block-cart-items { border-radius: var(--radius-xl); background: var(--c-cream) !important; }
.wyglad-ciepla .wp-block-woocommerce-cart .wc-block-cart-items__row + .wc-block-cart-items__row td { border-top-color: var(--c-cream-dark) !important; }
.wyglad-ciepla .wc-block-cart-item__image img { border-radius: var(--radius-lg); background: #FFFFFF; }
.wyglad-ciepla .wp-block-woocommerce-cart .wc-block-components-product-name { font-family: var(--font-display); font-weight: 400; font-size: 22px; color: var(--c-title); }
.wyglad-ciepla .wp-block-woocommerce-cart .wc-block-cart-item__remove-link { color: var(--c-ink) !important; }
.wyglad-ciepla .wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover { color: var(--c-accent-dark) !important; }
.wyglad-ciepla .wc-block-cart__sidebar { padding: 24px !important; border-radius: var(--radius-xl); background: var(--c-cream); }
.wyglad-ciepla .wc-block-cart__totals-title {
	padding: 0 0 12px !important;
	border-radius: 0;
	background: transparent;
	font-family: var(--font-sans) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .18em;
	text-transform: uppercase !important;
	color: var(--c-muted);
}
.wyglad-ciepla .wc-block-components-totals-wrapper { border-top-color: var(--c-cream-dark) !important; }
.wyglad-ciepla .wc-block-components-totals-item__description,
.wyglad-ciepla :is(.wc-block-components-product-metadata, .wc-block-components-product-details) { color: var(--c-muted); }
.wyglad-ciepla .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-family: var(--font-display); font-weight: 400; font-size: 26px; }
.wyglad-ciepla .wc-block-cart__submit-container .wc-block-components-button { min-height: 52px; font-size: 12px; }
.wyglad-ciepla .wc-block-cart__submit-container .wc-block-components-button .wc-block-components-button__text::after { content: " ↗"; content: " ↗" / ""; letter-spacing: 0; }
.wyglad-ciepla .wc-block-components-totals-coupon a,
.wyglad-ciepla .wc-block-components-panel__button { color: var(--c-ink); }
.wyglad-ciepla .wc-block-components-quantity-selector { border-radius: 9999px; }

/* Kasa: kroki w kremowych kartach, podsumowanie po prawej */
.wyglad-ciepla .wc-block-checkout__main .wc-block-components-checkout-step { border-radius: var(--radius-xl); background: var(--c-cream); }
.wyglad-ciepla .wc-block-checkout__main #contact-fields:has(~ :is(#shipping-fields, #billing-fields)),
.wyglad-ciepla .wc-block-checkout__main #contact-fields ~ #shipping-fields:has(+ #billing-fields) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.wyglad-ciepla .wc-block-checkout__main #contact-fields ~ :is(#shipping-fields, #billing-fields) { border-top-left-radius: 0; border-top-right-radius: 0; }
.wyglad-ciepla .wc-block-checkout__main .wc-block-components-checkout-step__title { color: var(--c-title); }
.wyglad-ciepla .wc-block-checkout__main :is(#contact-fields, #shipping-option, #pickup-options, #payment-method) .wc-block-components-checkout-step__title::before {
	content: counter(wyp-krok, decimal-leading-zero) "  ";
	color: var(--c-accent-dark);
}
.wyglad-ciepla .wc-block-checkout__main .wc-block-components-checkout-step__description { color: var(--c-muted); }
.wyglad-ciepla .wc-block-components-address-card { border-color: transparent !important; border-radius: var(--radius-lg) !important; background: var(--c-paper); }
.wyglad-ciepla .wc-block-checkout__terms { color: var(--c-ink); }
.wyglad-ciepla .wc-block-checkout__terms a,
.wyglad-ciepla .wc-block-checkout__main a:not(.wc-block-components-button) { color: var(--c-accent-dark); }
/* „Zamawiam z obowiązkiem zapłaty”: napis wymagany prawem, bez wersalików (dokładnie ten tekst, także dla czytników i testów) */
html body.wyglad-ciepla .wc-block-components-checkout-place-order-button.wc-block-components-button { min-height: 56px !important; font-size: 16px !important; letter-spacing: 0 !important; text-transform: none !important; }
.wyglad-ciepla .wc-block-components-checkout-place-order-button .wc-block-components-button__text::after { content: " ↗"; content: " ↗" / ""; letter-spacing: 0; }
.wyglad-ciepla .wc-block-components-checkout-return-to-cart-button { color: var(--c-ink); font-weight: 600; }
.wyglad-ciepla .wp-block-woocommerce-checkout-order-summary-block { border: 0 !important; border-radius: var(--radius-xl) !important; background: var(--c-cream); }
html body.wyglad-ciepla .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text {
	font-family: var(--font-sans) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .18em;
	text-transform: uppercase !important;
	color: var(--c-muted);
}
.wyglad-ciepla .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary-item__image img { border-radius: var(--radius); background: #FFFFFF; }
.wyglad-ciepla .wc-block-components-order-summary-item__quantity { border-color: var(--c-paper); background: var(--c-dark); color: #FFF9F1; }
.wyglad-ciepla .wc-block-components-notice-banner { border-radius: var(--radius-lg); }
@media (max-width: 599.98px) {
	.wyglad-ciepla .wc-block-cart__sidebar { padding: 20px 16px !important; }
}

/* Punkty odbioru (Paczkomat, DPD Pickup): wybrany punkt w karcie */
.wyglad-ciepla :is(.wyp-punkt, .wn-punkt, [class*="punkt-odbioru"]) { border-radius: var(--radius-lg); }

/* Potwierdzenie zamówienia */
.wyglad-ciepla .woocommerce-thankyou-order-received { border-radius: var(--radius-xl); background: var(--c-dark); color: #FFF9F1; }
.wyglad-ciepla .woocommerce-order-overview,
.wyglad-ciepla .woocommerce ul.order_details { border-radius: var(--radius-xl); background: var(--c-cream); }
.wyglad-ciepla .woocommerce ul.order_details li { border-color: var(--c-cream-dark) !important; color: var(--c-muted); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.wyglad-ciepla .woocommerce ul.order_details li strong { font-family: var(--font-display); font-weight: 400; letter-spacing: 0; text-transform: none; font-size: 20px !important; }
.wyglad-ciepla :is(.woocommerce-order-details, .woocommerce-customer-details, .woocommerce-bacs-bank-details) { border: 0; border-radius: var(--radius-xl); background: var(--c-cream); }
.wyglad-ciepla .woocommerce-customer-details address { border-color: transparent !important; border-radius: var(--radius-lg) !important; background: var(--c-paper); }
.wyglad-ciepla .woocommerce-table--order-details :is(th, td) { border-color: var(--c-cream-dark) !important; }
.wyglad-ciepla .woocommerce-table--order-details a { color: var(--c-ink); }
.wyglad-ciepla .woocommerce-order-details__title,
.wyglad-ciepla .woocommerce-column__title { font-weight: 400; }

/* Odnośniki na kremowych kartach: ciemniejsza terakota (kontrast AA na #F4EADB) */
.wyglad-ciepla :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) a:not(.wc-block-components-button):not(.wc-block-components-product-name) { color: var(--c-accent-dark); }

/* S4c: adres e-mail w podsumowaniu zamówienia mieści się bez łamania w środku słowa */
.wyglad-ciepla .woocommerce ul.order_details li.woocommerce-order-overview__email strong { font-size: 16px !important; overflow-wrap: anywhere; }
@media (max-width: 899.98px) {
	.wyglad-ciepla .woocommerce ul.order_details li.woocommerce-order-overview__email { grid-column: 1 / -1; }
}
@media (min-width: 900px) {
	.wyglad-ciepla .woocommerce ul.order_details li.woocommerce-order-overview__email { grid-column: span 2; }
}
.wyglad-ciepla .woocommerce ul.order_details li { font-variant-caps: all-small-caps; letter-spacing: .1em; }
.wyglad-ciepla .woocommerce ul.order_details li strong { font-variant-caps: normal; }

/* 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-ciepla .woocommerce-table--order-details :is(td, th, .wc-item-meta, .wc-item-meta *) { word-break: normal !important; overflow-wrap: break-word !important; }
.wyglad-ciepla .woocommerce-customer-details :is(address, address *) { min-width: 0; overflow-wrap: anywhere; }