/**
 * Phoenix B2B — 2.12.98 finalny polish panelu KLIENTA (CSS-only).
 *
 * Ładowane PO pb2b-client-ui-2.12.92.css (wygrywa kaskadę). Zakres wg briefu:
 *  §1 ZAMÓWIENIE (checkout): proporcje kolumn 66/34, sticky podsumowanie,
 *     metody dostawy jako wygodne karty, szeroki poziomy przycisk paczkomatu,
 *     tabela produktów bez ściskania nazw, ZERO białych pasków w dark mode,
 *     mobile: jedna kolumna, pełna szerokość przycisków, brak poziomego scrolla.
 *  §2 LISTY ZAKUPOWE: czytelne karty, widoczne akcje, przyciski 2-w-rzędzie /
 *     pod sobą na mobile, tabela nie wychodzi poza ekran, dark-mode kontrast.
 *  §3 KONTENERY (klient): kafelki zamiast rozciągniętego boxa, status w prawym
 *     górnym rogu, akcent fioletowy SPJTRADE, 2 przyciski w linii (nieucięte).
 *
 * Scoped `.phoenix-b2b-panel.pb2b-app` — nie dotyka publicznego sklepu ani
 * ekranów logowania/rejestracji (mają theme-lock i własne style).
 *
 * @package PhoenixB2B
 */

/* =========================================================================
 * §1 ZAMÓWIENIE — checkout WooCommerce wewnątrz panelu.
 * ======================================================================= */

/* Desktop: formularz 65–70%, podsumowanie 30–35% (doprecyzowanie 2.12.92). */
@media (min-width: 1000px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo form.checkout {
		grid-template-columns: minmax(0, 66fr) minmax(340px, 34fr) !important;
	}
	/* Sticky tylko, gdy podsumowanie mieści się na ekranie — inaczej normalny flow. */
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #order_review {
		max-height: calc(100vh - var(--pb2b-topbar-h, 64px) - 28px) !important;
		overflow: auto !important;
	}
}

/* --- Białe paski / tła WooCommerce w dark mode: neutralizacja. ------------ */
.phoenix-b2b-panel.pb2b-app[data-pb2b-theme="dark"] .pb2b-checkout-woo hr,
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo hr {
	border: 0 !important;
	border-top: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
	background: transparent !important;
	height: 0 !important;
}
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .woocommerce-checkout-review-order-table,
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .woocommerce-checkout-review-order-table th,
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .woocommerce-checkout-review-order-table td,
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .woocommerce-checkout-payment,
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .wc_payment_method,
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .payment_box,
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo fieldset,
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .form-row {
	background-image: none !important;
	box-shadow: none !important;
}
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .woocommerce-checkout-review-order-table th,
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .woocommerce-checkout-review-order-table td {
	background: transparent !important;
	border-color: var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
	color: var(--pb2b-text, #e7e9ee) !important;
}
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .payment_box {
	background: var(--pb2b-bg-2, rgba(255, 255, 255, .04)) !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
	border-radius: 10px !important;
}
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .payment_box::before {
	display: none !important; /* biały „dziubek" dymka WC */
}
.phoenix-b2b-panel.pb2b-app:not([data-pb2b-theme="light"]) .pb2b-checkout-woo .woocommerce-checkout-payment {
	background: transparent !important;
}

/* --- Metody dostawy jako wygodne karty/radio. ----------------------------- */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo ul#shipping_method,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo ul.woocommerce-shipping-methods {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo ul#shipping_method > li,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo ul.woocommerce-shipping-methods > li {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .1)) !important;
	border-radius: 12px !important;
	background: var(--pb2b-bg-2, rgba(255, 255, 255, .03)) !important;
	cursor: pointer !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo ul#shipping_method > li:has(input:checked),
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo ul.woocommerce-shipping-methods > li:has(input:checked) {
	border-color: var(--pb2b-primary, #7C3AED) !important;
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--pb2b-primary, #7C3AED) 30%, transparent) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo ul#shipping_method label {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	line-height: 1.35 !important;
	color: var(--pb2b-text, #e7e9ee) !important;
	white-space: normal !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo ul#shipping_method input[type="radio"] {
	flex: 0 0 auto !important;
	width: 18px !important;
	height: 18px !important;
	accent-color: var(--pb2b-primary, #7C3AED) !important;
	margin: 0 !important;
}

/* --- Przycisk „Wybierz paczkomat" — szeroki, POZIOMY, czytelny. ----------- */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo button.easypack-open,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo a.easypack-open,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo button[id*="paczkomat"],
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo button[class*="paczkomat"],
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo [data-inpost-open],
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .easypack-widget button {
	display: block !important;
	width: 100% !important;
	min-height: 44px !important;
	padding: 10px 16px !important;
	writing-mode: horizontal-tb !important;
	white-space: normal !important;
	word-break: normal !important;
	letter-spacing: normal !important;
	text-orientation: mixed !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	border-radius: 10px !important;
	border: 1px solid var(--pb2b-primary, #7C3AED) !important;
	background: var(--pb2b-primary, #7C3AED) !important;
	color: #fff !important;
	cursor: pointer !important;
}
/* Nazwa wybranego paczkomatu pod przyciskiem — nie w pionie. */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .easypack-selected,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo [class*="selected-parcel"],
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo [class*="paczkomat-selected"] {
	display: block !important;
	width: 100% !important;
	writing-mode: horizontal-tb !important;
	white-space: normal !important;
	margin-top: 8px !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
}

/* --- Tabela produktów w podsumowaniu — nazwy się nie ściskają. ------------ */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table {
	table-layout: auto !important;
	width: 100% !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table td.product-name {
	min-width: 0 !important;
	width: auto !important;
	word-break: break-word !important;
	overflow-wrap: anywhere !important;
	padding-right: 10px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table td.product-total {
	white-space: nowrap !important;
	text-align: right !important;
}

/* --- Mobile: jedna kolumna, brak poziomego scrolla. ----------------------- */
@media (max-width: 999px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo form.checkout {
		display: block !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo,
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo form.checkout {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #customer_details,
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #order_review,
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #order_review_heading {
		width: 100% !important;
		float: none !important;
		position: static !important;
	}
	/* Podsumowanie pod formularzem — jako osobny blok/karta. */
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #order_review {
		margin-top: 18px !important;
		max-height: none !important;
		overflow: visible !important;
	}
	/* Metody dostawy — pełne karty, dotykowe. */
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo ul#shipping_method > li {
		padding: 14px !important;
	}
	/* Tabela podsumowania nie wypycha ekranu. */
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table {
		table-layout: fixed !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table td.product-name {
		width: 62% !important;
	}
	/* Pola formularza pełna szerokość. */
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .form-row,
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .form-row-first,
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .form-row-last {
		width: 100% !important;
		float: none !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #place_order {
		width: 100% !important;
	}
}

/* =========================================================================
 * §2 LISTY ZAKUPOWE — czytelne karty + responsywność + dark-mode kontrast.
 * ======================================================================= */

/* Karta listy — spójny wygląd, koniec „białych linii" (borders z tokenów). */
.phoenix-b2b-panel.pb2b-app .pb2b-list-card {
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .1)) !important;
	border-radius: 14px !important;
	background: var(--pb2b-bg-2, rgba(255, 255, 255, .03)) !important;
	overflow: hidden !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card * {
	border-color: var(--pb2b-border, rgba(255, 255, 255, .1));
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-head {
	gap: 12px !important;
	flex-wrap: wrap !important;
	align-items: center !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card .pb2b-card-title {
	color: var(--pb2b-text-strong, #fff) !important;
	font-weight: 700 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-summary,
.phoenix-b2b-panel.pb2b-app .pb2b-list-card .pb2b-muted {
	color: var(--pb2b-text-muted, #9aa3b2) !important;
}

/* Akcje karty — zawsze widoczne, spójne przyciski. */
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	align-items: center !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-shop-btn,
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link {
	visibility: visible !important;
	opacity: 1 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-rename,
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link {
	color: var(--pb2b-primary, #7C3AED) !important;
}

/* Tabela pozycji listy — nigdy poza ekran. */
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-body {
	max-width: 100% !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-rows table {
	width: 100% !important;
	max-width: 100% !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-rows td,
.phoenix-b2b-panel.pb2b-app .pb2b-list-rows th {
	word-break: break-word !important;
	overflow-wrap: anywhere !important;
}

/* Mobile: przyciski pod sobą lub 2 w rzędzie, pełna dotykowość. */
@media (max-width: 720px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions {
		width: 100% !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-shop-btn {
		flex: 1 1 calc(50% - 8px) !important;
		min-width: 130px !important;
		min-height: 40px !important;
		justify-content: center !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link {
		flex: 1 1 calc(50% - 8px) !important;
		text-align: center !important;
		padding: 9px 0 !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-lists-create {
		width: 100% !important;
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-lists-create input {
		flex: 1 1 100% !important;
	}
}

/* =========================================================================
 * §3 KONTENERY (panel klienta) — kafelki SPJTRADE, nieucięte przyciski.
 * ======================================================================= */

.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tiles {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)) !important;
	gap: 16px !important;
	align-items: stretch !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile {
	position: relative;
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 16px !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .1)) !important;
	border-radius: 16px !important;
	background: var(--pb2b-bg-2, rgba(255, 255, 255, .03)) !important;
	transition: border-color .15s, transform .15s;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile:hover {
	border-color: var(--pb2b-primary, #7C3AED) !important;
	transform: translateY(-2px);
}
/* Akcent fioletowy SPJTRADE na ilustracji kontenera. */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-illus {
	color: var(--pb2b-primary, #7C3AED) !important;
}
/* Nagłówek kafla: nazwa po lewej, status w prawym górnym rogu. */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-top {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 10px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-title {
	margin: 0 !important;
	min-width: 0 !important;
	font-size: 15.5px !important;
	font-weight: 700 !important;
	color: var(--pb2b-text-strong, #fff) !important;
	word-break: break-word !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-top .pb2b-ctr-status,
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-top [class*="status"] {
	flex: 0 0 auto !important;
	white-space: nowrap !important;
}
/* Meta (ETA, liczba produktów, obserwowanie) — zwarty opis, nie rozlazły box. */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-meta {
	margin: 10px 0 0 !important;
	display: grid !important;
	grid-template-columns: auto 1fr !important;
	gap: 4px 10px !important;
	font-size: 13px !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-meta dt { margin: 0 !important; font-weight: 600 !important; }
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-meta dd { margin: 0 !important; min-width: 0 !important; word-break: break-word !important; }
/* CTA: 2 przyciski w JEDNEJ linii, równe, nieucięte; dociśnięte do dołu kafla. */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta {
	margin-top: auto !important;
	padding-top: 14px !important;
	display: flex !important;
	gap: 8px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta .pb2b-shop-btn,
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta button {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	min-height: 40px !important;
	padding: 8px 10px !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	justify-content: center !important;
	text-align: center !important;
	line-height: 1.25 !important;
}
@media (max-width: 480px) {
	/* Mobile: przyciski mogą iść pod sobą, ale NIGDY ucięte. */
	.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta {
		flex-direction: column !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta .pb2b-shop-btn,
	.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta button {
		width: 100% !important;
	}
}