/*
 * Wersja C „Jasna”: koszyk, kasa i potwierdzenie zamówienia (bloki WooCommerce, tylko CSS).
 * Białe tło, szare pola #F5F3F0 bez ramek, sekcje kasy oddzielone cienką linią zamiast kart, podsumowanie w szarej
 * karcie, formy dostawy i płatności jako szare karty (zaznaczona: biała z czarną ramką), czarne pigułki.
 */

/* Kroki zamówienia: drobne, wyśrodkowane */
.wyglad-jasna .order-steps { justify-content: center; font-size: 13px; }
.wyglad-jasna .order-steps__item.is-current { color: var(--c-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.wyglad-jasna .page-header:has(.order-steps) { align-items: center; text-align: center; }

/* Pola: szare, bez ramki, czarna ramka przy fokusie */
html body.wyglad-jasna :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, .wc-block-components-combobox .wc-block-components-combobox-control input) {
	border: 1px solid transparent; border-radius: var(--radius); background: var(--c-soft); color: var(--c-ink);
}
html body.wyglad-jasna :is(.wc-block-components-text-input input, .wc-blocks-components-select .wc-blocks-components-select__select, .wc-block-components-textarea, .wc-block-components-combobox .wc-block-components-combobox-control input):focus {
	border-color: var(--c-ink); box-shadow: 0 0 0 1px var(--c-ink); outline: none;
}
html body.wyglad-jasna .wc-block-components-text-input label,
html body.wyglad-jasna .wc-blocks-components-select__label { color: var(--c-muted); }
html body.wyglad-jasna .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { border-color: var(--c-ink-25); background: #FFFFFF; }
html body.wyglad-jasna .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { border-color: var(--c-ink); background: var(--c-ink); }
html body.wyglad-jasna .wc-block-components-radio-control__input { border-color: var(--c-ink-25); background: #FFFFFF; }
html body.wyglad-jasna .wc-block-components-radio-control__input:checked { border-color: var(--c-ink) !important; }
html body.wyglad-jasna .wc-block-components-radio-control__input:checked::before { background: var(--c-ink) !important; }

/* Koszyk: pozycje z cienką linią, zdjęcie na szarym tle, podsumowanie w szarej karcie */
.wyglad-jasna .wp-block-woocommerce-cart .wc-block-cart-items { border-top: 1px solid var(--c-line) !important; border-radius: 0; background: transparent !important; }
.wyglad-jasna .wp-block-woocommerce-cart .wc-block-cart-items__row td:first-child { padding-left: 0 !important; }
.wyglad-jasna .wp-block-woocommerce-cart .wc-block-cart-items__row td:last-child { padding-right: 0 !important; }
.wyglad-jasna .wp-block-woocommerce-cart .wc-block-cart-items__row td { border-bottom: 1px solid var(--c-line) !important; }
.wyglad-jasna .wc-block-cart-item__image img { border-radius: var(--radius); background: #FFFFFF; filter: brightness(.965) sepia(.05); }
.wyglad-jasna .wp-block-woocommerce-cart .wc-block-components-product-name { font-weight: 500; letter-spacing: -.01em; color: var(--c-ink); }
.wyglad-jasna .wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover { color: var(--c-ink) !important; }
.wyglad-jasna .wp-block-woocommerce-cart .wc-block-cart__sidebar,
.wyglad-jasna .wp-block-woocommerce-checkout-order-summary-block { padding: 28px; border: 0 !important; border-radius: var(--radius-xl) !important; background: var(--c-soft); }
.wyglad-jasna :is(.wc-block-cart__totals-title, .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text) { color: var(--c-ink); font-size: 16px; font-weight: 600; letter-spacing: .05em; font-variant-caps: all-small-caps; font-synthesis-small-caps: auto; }
.wyglad-jasna .wc-block-components-totals-wrapper { border-color: var(--c-ink-20) !important; }
.wyglad-jasna .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-weight: 600; font-size: 15px; white-space: nowrap; }
.wyglad-jasna .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-weight: 600; font-size: 22px; letter-spacing: -.01em; }
.wyglad-jasna .wc-block-components-totals-item__description { color: var(--c-muted); }
.wyglad-jasna .wc-block-components-totals-coupon__button,
.wyglad-jasna .wc-block-components-panel__button { color: var(--c-ink); }
.wyglad-jasna .wc-block-components-order-summary-item__image img { border-radius: var(--radius-sm); background: #FFFFFF; }
.wyglad-jasna .wc-block-components-order-summary-item__quantity { border-color: var(--c-ink); background: #FFFFFF; color: var(--c-ink); box-shadow: none; }
.wyglad-jasna .wc-block-cart__submit-container .wc-block-components-button { min-height: 52px; }
.wyglad-jasna .wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-coupon { border-top: 0; }

/* Pusty koszyk: wyśrodkowany, bez dużej ikony smutnej buźki, nosidła jak kafle sklepu */
.wyglad-jasna .wp-block-woocommerce-empty-cart-block { text-align: center; }
.wyglad-jasna .wc-block-cart__empty-cart__title.with-empty-cart-icon::before { display: none; }
.wyglad-jasna .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img { border-radius: var(--radius-xl); background: #FFFFFF; filter: brightness(.965) sepia(.05); }
.wyglad-jasna .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link { text-decoration: none; }
.wyglad-jasna .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title { font-weight: 500; font-size: 18px; }
.wyglad-jasna .wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots::before { color: var(--c-roz); }

/* Kasa: sekcje bez kart, z numerem w czarnym kółku i cienką linią między krokami */
.wyglad-jasna .wc-block-checkout__main .wc-block-components-checkout-step { margin: 0 !important; padding: 28px 0 !important; border-top: 1px solid var(--c-line); border-radius: 0; background: transparent; }
.wyglad-jasna .wc-block-checkout__main .wc-block-components-checkout-step:first-child { border-top: 0; padding-top: 8px !important; }
.wyglad-jasna .wc-block-checkout__main .wc-block-components-checkout-step__title { font-weight: 500 !important; letter-spacing: -.02em; }
.wyglad-jasna .wc-block-checkout__main :is(#contact-fields, #shipping-option, #pickup-options, #payment-method) .wc-block-components-checkout-step__title::before {
	content: counter(wyp-krok); display: inline-grid; place-items: center; width: 32px; height: 32px; margin: -4px 12px 0 0; border-radius: 50%;
	background: var(--c-ink); color: #FFFFFF; font-family: var(--font-sans); font-size: 15px; font-weight: 600; line-height: 1; letter-spacing: 0; vertical-align: middle;
}
.wyglad-jasna .wc-block-checkout__main #contact-fields ~ :is(#shipping-fields, #billing-fields) { border-top: 0; padding-top: 0 !important; }
.wyglad-jasna .wc-block-components-address-card { border: 0 !important; background: var(--c-soft); }

/* Formy dostawy i płatności: szare karty, zaznaczona biała z czarną ramką */
html body.wyglad-jasna .wc-block-components-radio-control--highlight-checked > :is(.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option) {
	border: 1px solid transparent !important; border-radius: var(--radius-lg) !important; background: var(--c-soft);
}
html body.wyglad-jasna .wc-block-components-radio-control--highlight-checked > .wc-block-components-radio-control__option-checked,
html body.wyglad-jasna .wc-block-components-radio-control--highlight-checked > .wc-block-components-radio-control-accordion-option:has(.wc-block-components-radio-control__input:checked) {
	border: 1px solid var(--c-ink) !important; background: #FFFFFF; box-shadow: inset 0 0 0 1px var(--c-ink) !important;
}
.wyglad-jasna .wc-block-components-radio-control__label,
.wyglad-jasna .wc-block-components-radio-control__secondary-label { font-weight: 600; }
.wyglad-jasna .wc-block-components-radio-control__description,
.wyglad-jasna .wc-block-components-radio-control__secondary-description,
.wyglad-jasna .wc-block-components-radio-control-accordion-content { color: var(--c-muted); }

/* Zgody i przycisk zamówienia */
.wyglad-jasna .wc-block-checkout__terms a,
.wyglad-jasna .wc-block-components-checkbox__label a { color: var(--c-ink); }
.wyglad-jasna .wc-block-components-checkout-place-order-button { min-height: 56px !important; }
.wyglad-jasna .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button { color: var(--c-ink); }

/* Komunikaty bloków: szare, bez kolorowych pasków */
.wyglad-jasna .wc-block-components-notice-banner.is-info,
.wyglad-jasna .wc-block-components-notice-banner.is-success { border-color: var(--c-line); border-radius: var(--radius); background: var(--c-soft); color: var(--c-ink); }
.wyglad-jasna .wc-block-components-notice-banner.is-info > svg,
.wyglad-jasna .wc-block-components-notice-banner.is-success > svg { background: var(--c-ink); fill: #FFFFFF; }

/* Zamówienie przyjęte i widok zamówienia */
.wyglad-jasna .woocommerce-thankyou-order-received { border: 0; border-radius: var(--radius-xl); background: var(--c-roz); color: var(--c-ink); font-size: 20px; font-weight: 500; letter-spacing: -.01em; }
.wyglad-jasna .woocommerce ul.order_details,
.wyglad-jasna .woocommerce-order-overview { border: 0 !important; background: transparent !important; }
.wyglad-jasna .woocommerce ul.order_details li { border-radius: var(--radius-lg); background: var(--c-soft); color: var(--c-muted); }
.wyglad-jasna .woocommerce-order-details,
.wyglad-jasna .woocommerce-customer-details,
.wyglad-jasna .woocommerce-bacs-bank-details { border: 1px solid var(--c-line) !important; border-radius: var(--radius-xl) !important; background: #FFFFFF !important; }
.wyglad-jasna :is(.woocommerce-order-details__title, .woocommerce-column__title, .woocommerce-bacs-bank-details h2) { font-weight: 500; }
.wyglad-jasna .woocommerce-customer-details address { border: 0 !important; background: var(--c-soft); }
.wyglad-jasna .woocommerce-table--order-details :is(th, td) { border-color: var(--c-line) !important; }
.wyglad-jasna .woocommerce-table--order-details a { color: var(--c-ink); }

/* „Opłać zamówienie” (dopłata za przedłużenie, klasyczny formularz #payment): szara karta zamiast fioletowej WooCommerce */
.wyglad-jasna.woocommerce-page #payment,
.wyglad-jasna .woocommerce #payment { border-radius: var(--radius-xl); background: var(--c-soft); }
.wyglad-jasna .woocommerce #payment ul.payment_methods { border-bottom-color: var(--c-ink-20); }
.wyglad-jasna .woocommerce #payment div.payment_box { border-radius: var(--radius); background: #FFFFFF; color: var(--c-muted); }
.wyglad-jasna .woocommerce #payment div.payment_box::before { border-bottom-color: #FFFFFF; }
.wyglad-jasna .woocommerce #payment .place-order { padding: 20px; }

/* S4c: adres e-mail w podsumowaniu zamówienia w jednej linii na komputerze */
@media (max-width: 899.98px) {
	.wyglad-jasna .woocommerce ul.order_details li.woocommerce-order-overview__email { grid-column: 1 / -1; }
}
@media (min-width: 900px) {
	.wyglad-jasna .woocommerce ul.order_details li.woocommerce-order-overview__email { grid-column: span 2; }
}

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