/*
 * Phoenix B2B — 2.12.85 — panel klienta, zakładka „Zamówienie" (checkout).
 *
 * Warstwa DOMYKAJĄCA checkout panelowy. Układ 2-kolumnowy, radio-cardy dostaw,
 * poziomy przycisk paczkomatu i wiersze podsumowania są już z 2.12.81/82/83 —
 * tu wyłącznie utwardzenia, których brakowało do „raz a dobrze":
 *   §A  Twarde zawężenie mapy / geowidgetu InPost (web-component + iframe) do
 *       szerokości panelu na KAŻDYM ekranie (nie wychodzi poza kontener).
 *   §B  Gwarancja braku poziomego scrolla w sekcji zamówienia (PC i mobile).
 *   §C  Pasek kroków (1–4) — kompaktowy, przewijalny na wąskich ekranach, bez
 *       rozpychania strony.
 *   §D  Dodatkowe selektory przycisku wyboru punktu (oficjalna wtyczka InPost
 *       v2 i warianty) — pełna szerokość, poziomo, nigdy ucięte.
 *   §E  Komunikat „brak metod płatności" — dodatkowe selektory boxa WooCommerce.
 *   §F  Czytelność wierszy produktów w podsumowaniu (nazwa się zawija, nic nie
 *       jest ściśnięte) — domknięcie tabeli review-order.
 *
 * Źródłem logiki pozostaje [woocommerce_checkout] — tu wyłącznie wygląd.
 * Scoped do `.phoenix-b2b-panel.pb2b-app`. Ładowana PO 2.12.84 → wygrywa kaskadę.
 * Wyłącznie tokeny --pb2b-* (light/dark). Nie dotyka sklepu/kafli/dashboardu.
 */

/* =======================================================================
 * §A — Mapa / geowidget InPost: twarde zawężenie do panelu (web-component,
 *      iframe, modal) na KAŻDEJ szerokości. Modal pozostaje funkcjonalny.
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo inpost-geowidget,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .inpost-geowidget,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #inpost-geowidget,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .wc-inpost-geowidget,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo iframe[src*="geowidget"],
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo iframe[src*="inpost"],
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .easypack-widget,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #easypack-map {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* =======================================================================
 * §B — Brak poziomego scrolla w sekcji zamówienia (PC + mobile).
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-card,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-body,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo {
	max-width: 100%;
	overflow-x: clip;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo img {
	max-width: 100%;
	height: auto;
}

/* =======================================================================
 * §C — Pasek kroków 1–4: kompaktowy, przewijalny na wąskich ekranach.
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-steps {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
@media (max-width: 767px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-steps {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 2px;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-steps::-webkit-scrollbar { display: none; }
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step {
		flex: 0 0 auto;
		white-space: nowrap;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step-txt {
		font-size: 12.5px;
	}
}

/* =======================================================================
 * §D — Dodatkowe selektory przycisku wyboru punktu (InPost v2 + warianty).
 *      Pełna szerokość, poziomo, tekst nigdy łamany pionowo.
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .wc_inpost_shipping_method button,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-shipping-fields button[data-widget],
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo button.inpost-geowidget-button,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo a.inpost-geowidget-button,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .point-select-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	white-space: nowrap !important;
	margin: 10px 0 4px !important;
	padding: 13px 18px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: var(--pb2b-primary, #7c3aed) !important;
	color: var(--pb2b-primary-contrast, #fff) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	cursor: pointer !important;
}

/* =======================================================================
 * §E — Komunikat „brak metod płatności" — dodatkowe selektory WooCommerce.
 *      (Treść przejmuje filtr w PHP; tu spójny wygląd boksa.)
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .wc-no-payment-methods,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #payment ul.payment_methods li.woocommerce-notice,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #payment .woocommerce-error {
	display: block !important;
	clear: both !important;
	margin: 0 0 12px !important;
	padding: 12px 14px !important;
	border: 1px solid var(--pb2b-border) !important;
	border-left: 3px solid var(--pb2b-primary, #7c3aed) !important;
	border-radius: 10px !important;
	background: var(--pb2b-bg-2) !important;
	color: var(--pb2b-text) !important;
	font-size: 13.5px !important;
	line-height: 1.45 !important;
	list-style: none !important;
}

/* =======================================================================
 * §F — Wiersze produktów w podsumowaniu: nazwa się zawija, nic nieściśnięte.
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table .product-name {
	white-space: normal !important;
	word-break: break-word !important;
	line-height: 1.35 !important;
	padding-right: 10px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table .product-total,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table td.product-total {
	white-space: nowrap !important;
	text-align: right !important;
}