/* =============================================================================
 * PhoenixB2B / SPJTRADE B2B — PANEL V3.10 (v2.10.0)
 * Warstwa FINAL POLISH. Laduje sie JAKO OSTATNIA (po panel-v3-9) i wygrywa w
 * kaskadzie. Zakres SCISLE `.phoenix-b2b-panel` (wyjatek: ukrycie obcej strzalki
 * „do gory" motywu, gateowane na `body.phoenix-b2b-app-page`). Kolory WYLACZNIE
 * z tokenow (panel-v3-tokens.css) -> light/dark dziala automatycznie.
 *
 * NIE rusza logiki WooCommerce/koszyka/AJAX. Zachowane hooki JS:
 * data-pb2b-cart-count / data-pb2b-cart-total / is-empty / has-items /
 * data-section / pb2b-sidebar-open. Zmiany czysto wizualne i ukladowe.
 * Desktop (>=1200) celowo nietkniety poza kosmetyka checkoutu i audytem light/dark.
 *
 * Spis:
 *   1)  SIDEBAR MOBILE — likwidacja martwego pola NAD karta konta.
 *   2)  KRZYZYK (X) — lekko mniejszy, bardziej wtopiony, lepiej osadzony.
 *   3)  KARTA KONTA — pelniejszy, bardziej „premium" baner (tozsamosc + kafelki).
 *   4)  SIDEBAR — rytm sekcji + lepsze wykorzystanie wysokosci, subtelny dol.
 *   5)  ZAMOWIENIE (mobile) — produkty „Twojego zamowienia" jako czytelne karty.
 *   6)  ZAMOWIENIE — podsumowanie (subtotal/dostawa/suma) jako czyste wiersze.
 *   7)  LOGISTYKA B2B — ukrycie wewnetrznych/diagnostycznych tresci u klienta.
 *   8)  ODWOOOCOMMERCE-OWANIE — kupon/logowanie/notice/regulamin/linki = styl B2B.
 *   9)  „Kupuje i place" — spojny, premium, czytelny w obu trybach + focus.
 *   10) LIGHT/DARK — ostateczny audyt kontrastu w zakladce Zamowienie.
 *   11) STRZALKA „DO GORY" + obce nakladki motywu — usuniete na stronach panelu.
 *   12) BEZPIECZNIK — zero poziomego scrolla.
 * ========================================================================== */

/* =============================================================================
 * 1) SIDEBAR MOBILE — likwidacja martwego pola NAD karta konta.
 *    v3-9 rezerwowal ~44px gornego paddingu w banerze + 18px paddingu sidebaru
 *    => nad avatarem zostawalo duzo pustego gradientu. Zerujemy gorny padding
 *    sidebaru i mocno skracamy gorny padding banera: tresc startuje tuz pod
 *    safe-area, a krzyzyk (prawy gorny rog) i tak nie koliduje z avatarem
 *    (avatar = lewa strona, X = prawa). Boki dalej flush (gutter 0 z v3-9).
 * ========================================================================== */
@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-sidebar {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

/* =============================================================================
 * 2) KRZYZYK (X) — lekko mniejszy, elegancki, bardziej „wtopiony" w gorny pas
 *    banera. Wyrownany do gornej strefy karty konta (ta sama wysokosc co avatar).
 * ========================================================================== */
@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-sidebar-topbar {
		top: calc(env(safe-area-inset-top, 0px) + 16px) !important;
		right: 14px !important;
	}
	.phoenix-b2b-panel .pb2b-sidebar-close {
		width: 28px !important; height: 28px !important; flex: 0 0 28px !important;
		border-radius: 8px !important;
		background: color-mix(in srgb, var(--pb2b-bg-1) 55%, transparent) !important;
		border: 1px solid color-mix(in srgb, var(--pb2b-text) 12%, transparent) !important;
		color: var(--pb2b-text-soft) !important;
		box-shadow: none !important;
		transition: background .15s ease, color .15s ease, border-color .15s ease !important;
	}
	.phoenix-b2b-panel .pb2b-sidebar-close:hover {
		background: color-mix(in srgb, var(--pb2b-bg-2) 90%, transparent) !important;
		color: var(--pb2b-text-strong) !important;
		border-color: var(--pb2b-border-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-sidebar-close svg { width: 14px !important; height: 14px !important; }
}

/* =============================================================================
 * 3) KARTA KONTA — pelniejszy, dominujacy baner u gory menu. Mniej pustego
 *    gornego pola, troche wieksza tozsamosc, kafelki z wieksza obecnoscia
 *    (siegaja krawedzi menu, sa „naglowkiem konta", a nie pudelkiem w srodku).
 * ========================================================================== */
@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-side-account-hero {
		/* Gora: tylko safe-area + 18px (X miesci sie obok avatara po prawej). */
		padding: calc(env(safe-area-inset-top, 0px) + 18px) 16px 18px !important;
		margin: 0 0 10px !important;
		border-radius: 0 0 22px 22px !important;
	}

	/* Tozsamosc — wieksza obecnosc avatara i imienia. */
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-top {
		gap: 14px !important; align-items: center !important;
		padding-right: 36px !important; /* nie wchodzi pod krzyzyk w prawym rogu */
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-avatar {
		width: 54px !important; height: 54px !important; flex: 0 0 54px !important;
		font-size: 21px !important; font-weight: 800 !important;
		border-radius: 16px !important;
		box-shadow: 0 10px 22px -6px color-mix(in srgb, var(--pb2b-primary) 55%, transparent) !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-name {
		font-size: 17.5px !important; font-weight: 800 !important; line-height: 1.12 !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-company {
		font-size: 12px !important; line-height: 1.2 !important;
	}

	/* Kafelki 2x2 — minimalnie wyzsze i bardziej „dotykalne", pelne wypelnienie. */
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-actions {
		gap: 10px !important; margin-top: 16px !important; padding-top: 16px !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link {
		min-height: 68px !important; padding: 12px 8px !important;
		border-radius: 14px !important;
		font-size: 12px !important; font-weight: 600 !important;
		box-shadow: var(--pb2b-shadow-sm) !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico {
		width: 20px !important; height: 20px !important; flex: 0 0 20px !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico svg { width: 20px !important; height: 20px !important; }
	/* „Wyloguj sie" — pelna szerokosc, czytelny, subtelny ton danger. */
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-logout {
		margin-top: 2px !important; min-height: 44px !important; padding: 11px 12px !important;
		border-radius: 12px !important; box-shadow: none !important;
	}
}

/* =============================================================================
 * 4) SIDEBAR — rytm sekcji + lepsze wykorzystanie wysokosci. Nawigacja dostaje
 *    troche oddechu na gorze, footer-brand zostaje subtelnie przyklejony do dolu
 *    (zero martwego obszaru: nav rosnie, brand siedzi na samym dole pod safe-area).
 * ========================================================================== */
@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-nav-grouped {
		padding: 4px 12px 14px !important;
	}
	/* Footer: brand wysrodkowany, drobny, przyklejony do dolu (bez wersji w PHP). */
	.phoenix-b2b-panel .pb2b-sidebar-footer {
		padding: 6px 12px calc(env(safe-area-inset-bottom, 0px) + 14px) !important;
	}
}

/* =============================================================================
 * 5) ZAMOWIENIE (mobile <=767px) — produkty „Twojego zamowienia" przestaja byc
 *    surowa, dluga tabela WooCommerce. Kazda pozycja = czytelna karta:
 *    nazwa (zawijana) + ilosc (pigulka) + cena (wyrazna, po prawej). Dlugie
 *    nazwy lamia sie poprawnie. Wariant/meta (dl.variation) — drobny, wyciszony.
 *    Nadpisujemy wczesniejszy wyjatek z panel-v3.css
 *    (`:not(.woocommerce-checkout-review-order-table)`).
 * ========================================================================== */
@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table {
		display: block !important; width: 100% !important; border: 0 !important;
		font-size: 14px !important;
	}
	/* Naglowek kolumn (Produkt | Suma) — zbedny przy kartach. */
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table thead { display: none !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody { display: block !important; width: 100% !important; }

	/* Wiersz pozycji = karta. */
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item {
		display: flex !important; align-items: flex-start !important; justify-content: space-between !important;
		gap: 12px !important; width: 100% !important;
		padding: 13px 14px !important; margin: 0 0 10px !important;
		background: var(--pb2b-bg-2) !important;
		border: 1px solid var(--pb2b-border) !important;
		border-radius: var(--pb2b-radius-sm) !important;
	}
	/* Lewa kolumna: nazwa (zawijana) + ilosc pod spodem. */
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name {
		display: block !important; flex: 1 1 auto !important; min-width: 0 !important;
		padding: 0 !important; border: 0 !important; text-align: left !important;
		font-weight: 700 !important; line-height: 1.34 !important;
		color: var(--pb2b-text-strong) !important;
		overflow-wrap: anywhere !important; word-break: break-word !important;
	}
	/* Ilosc — pigulka na osobnej linii pod nazwa. */
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name .product-quantity {
		display: flex !important;
		width: -moz-fit-content !important; width: fit-content !important; max-width: 100% !important;
		align-items: center !important;
		margin: 8px 0 0 !important; padding: 2px 9px !important;
		background: color-mix(in srgb, var(--pb2b-primary) 12%, transparent) !important;
		color: var(--pb2b-primary-strong) !important;
		border-radius: 999px !important;
		font-size: 12px !important; font-weight: 700 !important; line-height: 1.5 !important;
		white-space: nowrap !important;
	}
	.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name .product-quantity {
		color: var(--pb2b-primary-2) !important;
	}
	/* Wariant / meta produktu (rozmiar, kolor itp.) — drobny, wyciszony. */
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation {
		margin: 7px 0 0 !important; font-size: 11.5px !important; color: var(--pb2b-text-muted) !important;
		display: flex !important; flex-wrap: wrap !important; gap: 2px 6px !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dt,
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dd {
		margin: 0 !important; padding: 0 !important; font-weight: 600 !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dd p { margin: 0 !important; }
	/* Prawa kolumna: cena pozycji — wyrazna, nie zawijana, dosunieta do gory. */
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-total {
		display: block !important; flex: 0 0 auto !important;
		padding: 0 !important; border: 0 !important; text-align: right !important;
		white-space: nowrap !important;
		font-size: 14.5px !important; font-weight: 800 !important; letter-spacing: -.01em !important;
		color: var(--pb2b-text-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-total .amount,
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-total bdi { color: inherit !important; }
}

/* =============================================================================
 * 6) ZAMOWIENIE — podsumowanie (tfoot): subtotal / dostawa / suma jako czyste,
 *    czytelne wiersze (label po lewej, wartosc po prawej). „Suma" wyrozniona.
 *    Wiersz dostawy moze miec liste metod -> uklad blokowy (label nad lista).
 * ========================================================================== */
@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot { display: block !important; width: 100% !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr {
		display: flex !important; align-items: baseline !important; justify-content: space-between !important;
		gap: 12px !important; width: 100% !important;
		padding: 10px 2px !important; border: 0 !important;
		border-top: 1px solid var(--pb2b-border) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr th {
		padding: 0 !important; border: 0 !important; text-align: left !important;
		font-weight: 600 !important; color: var(--pb2b-text-muted) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr td {
		padding: 0 !important; border: 0 !important; text-align: right !important;
		font-weight: 700 !important; color: var(--pb2b-text-strong) !important;
	}
	/* Dostawa: label nad lista metod (metody moga byc dlugie). */
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals {
		display: block !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th { display: block !important; margin-bottom: 6px !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td { display: block !important; text-align: left !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals #shipping_method { margin: 0 !important; padding: 0 !important; list-style: none !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals #shipping_method li { margin: 0 0 4px !important; display: flex !important; align-items: center !important; gap: 8px !important; }
	/* Suma — mocny akcent, czytelny w obu trybach. */
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total {
		margin-top: 2px !important; padding-top: 13px !important;
		border-top: 2px solid color-mix(in srgb, var(--pb2b-primary) 30%, var(--pb2b-border)) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total th {
		font-size: 15px !important; font-weight: 800 !important; color: var(--pb2b-text-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total td {
		font-size: 18px !important; font-weight: 900 !important; letter-spacing: -.01em !important;
		color: var(--pb2b-primary-strong) !important;
	}
	.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total td {
		color: var(--pb2b-primary-2) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total td .amount,
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total td bdi { color: inherit !important; }
}

/* Tablet (768-991): tabela podsumowania zostaje, ale czytelniejsza (kontrast). */
@media (min-width: 768px) and (max-width: 991px) {
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name { font-weight: 600; color: var(--pb2b-text-strong); }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-total { font-weight: 700; color: var(--pb2b-text-strong); white-space: nowrap; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total th,
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total td { font-weight: 800; color: var(--pb2b-text-strong); }
}

/* =============================================================================
 * 7) LOGISTYKA B2B — wewnetrzne/diagnostyczne tresci (sztuki, kartony, paczki,
 *    waga, „osobne paczki", notice) NIE sa dla klienta w tym widoku. Dane i tak
 *    zapisuja sie w meta zamowienia (admin/logistyka) — ukrywamy tylko render
 *    w panelu klienta. Czysty, kliencki widok zamowienia (bez „panelu z debugiem").
 *    Ukrywamy zarowno w checkout (review-order), jak i wszedzie w panelu.
 * ========================================================================== */
.phoenix-b2b-panel .phoenix-b2b-logistics-summary,
.phoenix-b2b-panel .pb2b-checkout-woo .phoenix-b2b-logistics-summary,
.phoenix-b2b-panel .woocommerce-checkout-review-order .phoenix-b2b-logistics-summary,
.phoenix-b2b-panel tr.phoenix-b2b-logistics-summary,
/* wysoka specyficznosc — bije regule `tfoot tr` z sekcji 6 (mobile) */
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.phoenix-b2b-logistics-summary {
	display: none !important;
}

/* =============================================================================
 * 8) ODWOOCOMMERCE-OWANIE — domyslne elementy WooCommerce w checkout dostaja
 *    styl aplikacji B2B: przelaczniki „Masz kupon?" / „Zaloguj sie", formularze
 *    kuponu/logowania, regulamin + zgody, linki powrotu. Zakres: .pb2b-checkout-woo.
 * ========================================================================== */
/* Toggle „Masz kupon?" / „Zaloguj sie" — jak subtelny chip-info, nie surowy notice. */
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form-login-toggle,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form-coupon-toggle {
	margin: 0 0 14px !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form-login-toggle .woocommerce-info,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form-coupon-toggle .woocommerce-info {
	margin: 0 !important;
	background: color-mix(in srgb, var(--pb2b-primary) 7%, var(--pb2b-bg-2)) !important;
	border: 1px solid color-mix(in srgb, var(--pb2b-primary) 22%, var(--pb2b-border)) !important;
	color: var(--pb2b-text) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-info a,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form-coupon .showcoupon,
.phoenix-b2b-panel .pb2b-checkout-woo a.showlogin,
.phoenix-b2b-panel .pb2b-checkout-woo a.showcoupon {
	color: var(--pb2b-primary-strong) !important; font-weight: 700 !important;
}
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .woocommerce-info a,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .showcoupon,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo a.showlogin { color: var(--pb2b-primary-2) !important; }

/* Rozwijane formularze kupon/logowanie — karta spojna z panelem. */
.phoenix-b2b-panel .pb2b-checkout-woo form.checkout_coupon,
.phoenix-b2b-panel .pb2b-checkout-woo form.woocommerce-form-login {
	background: var(--pb2b-bg-2) !important;
	border: 1px solid var(--pb2b-border) !important;
	border-radius: var(--pb2b-radius-sm) !important;
	padding: 16px !important; margin: 0 0 16px !important;
	box-shadow: none !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo form.checkout_coupon .button,
.phoenix-b2b-panel .pb2b-checkout-woo form.woocommerce-form-login .button {
	border-radius: 10px !important; min-height: 44px !important;
	background: var(--pb2b-primary) !important; border: 1px solid var(--pb2b-primary) !important;
	color: var(--pb2b-primary-contrast) !important; font-weight: 700 !important;
	box-shadow: none !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo form.checkout_coupon .button:hover,
.phoenix-b2b-panel .pb2b-checkout-woo form.woocommerce-form-login .button:hover {
	background: var(--pb2b-primary-hover) !important; border-color: var(--pb2b-primary-hover) !important;
	transform: none !important;
}

/* Regulamin + zgody (terms) — czytelne, oddech, checkbox dopasowany. */
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-terms-and-conditions-wrapper {
	margin: 6px 0 16px !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-privacy-policy-text,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-terms-and-conditions-wrapper p { color: var(--pb2b-text-muted) !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .validate-required label,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form__label-for-checkbox { color: var(--pb2b-text) !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-terms-and-conditions-link,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-privacy-policy-link { color: var(--pb2b-primary-strong) !important; font-weight: 600 !important; }
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .woocommerce-terms-and-conditions-link,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .woocommerce-privacy-policy-link { color: var(--pb2b-primary-2) !important; }

/* Metody platnosci — czytelne etykiety, opis w wyciszonym boxie (nie „raw"). */
.phoenix-b2b-panel .pb2b-checkout-woo ul.payment_methods { margin: 0 0 14px !important; padding: 0 !important; list-style: none !important; }
.phoenix-b2b-panel .pb2b-checkout-woo ul.payment_methods li { margin: 0 0 8px !important; }
.phoenix-b2b-panel .pb2b-checkout-woo ul.payment_methods label { color: var(--pb2b-text) !important; font-weight: 600 !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .payment_box {
	background: var(--pb2b-bg-3) !important; border-radius: 10px !important;
	color: var(--pb2b-text-soft) !important; font-size: 13px !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .payment_box::before { display: none !important; }

/* Linki w sekcji zamowienia (np. powrot do koszyka) — bez „golego" niebieskiego. */
.phoenix-b2b-panel .pb2b-checkout-woo .wc-backward,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-message a.button {
	background: var(--pb2b-bg-2) !important; border: 1px solid var(--pb2b-border) !important;
	color: var(--pb2b-text) !important; border-radius: 999px !important; box-shadow: none !important;
}

/* =============================================================================
 * 9) „Kupuje i place" (#place_order) — spojny, premium, czytelny w OBU trybach.
 *    Zostaje fioletowy (akcent marki) z bialym tekstem; dorzucamy token-spojny
 *    gradient, dostepny focus i lekki hover. (Light/dark = ten sam, czytelny.)
 * ========================================================================== */
.phoenix-b2b-panel .pb2b-checkout-woo #place_order {
	background: var(--pb2b-accent-grad) !important;
	color: var(--pb2b-primary-contrast) !important;
	box-shadow: 0 10px 24px -8px color-mix(in srgb, var(--pb2b-primary) 60%, transparent) !important;
	letter-spacing: .01em !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #place_order:hover { filter: brightness(1.05) !important; transform: translateY(-1px) !important; }
.phoenix-b2b-panel .pb2b-checkout-woo #place_order:focus-visible {
	outline: none !important;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--pb2b-primary) 28%, transparent) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #place_order:disabled,
.phoenix-b2b-panel .pb2b-checkout-woo #place_order.disabled { opacity: .6 !important; filter: none !important; transform: none !important; cursor: not-allowed !important; }

/* =============================================================================
 * 10) LIGHT/DARK — ostateczny audyt kontrastu w zakladce Zamowienie. Pola, tytuly,
 *     etykiety, ceny, notice — poprawne tlo i tekst w obu trybach (z tokenow).
 * ========================================================================== */
/* Naglowki sekcji checkoutu. */
.phoenix-b2b-panel .pb2b-checkout-woo h3,
.phoenix-b2b-panel .pb2b-checkout-woo #order_review_heading,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-billing-fields > h3,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-shipping-fields > h3,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-additional-fields h3 { color: var(--pb2b-text-strong) !important; }

/* Etykiety pol + gwiazdka required. */
.phoenix-b2b-panel .pb2b-checkout-woo .form-row label,
.phoenix-b2b-panel .pb2b-checkout-woo label { color: var(--pb2b-text-soft) !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .required { color: var(--pb2b-danger) !important; border: 0 !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .optional { color: var(--pb2b-text-dim) !important; }

/* Pola: tlo/tekst/ramka z tokenow (zamiast twardego #fff w panel-v3.css), aby
 * dark mode mial spojne ciemne pola, a light — jasne. Focus = akcent marki. */
.phoenix-b2b-panel .pb2b-checkout-woo .input-text,
.phoenix-b2b-panel .pb2b-checkout-woo input.input-text,
.phoenix-b2b-panel .pb2b-checkout-woo select,
.phoenix-b2b-panel .pb2b-checkout-woo .select2-selection,
.phoenix-b2b-panel .pb2b-checkout-woo textarea {
	background: var(--pb2b-bg-3) !important;
	color: var(--pb2b-text-strong) !important;
	border: 1px solid var(--pb2b-border) !important;
	border-radius: 10px !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .input-text::placeholder,
.phoenix-b2b-panel .pb2b-checkout-woo textarea::placeholder { color: var(--pb2b-text-dim) !important; opacity: 1 !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .input-text:focus,
.phoenix-b2b-panel .pb2b-checkout-woo select:focus,
.phoenix-b2b-panel .pb2b-checkout-woo textarea:focus {
	outline: none !important;
	border-color: color-mix(in srgb, var(--pb2b-primary) 55%, var(--pb2b-border)) !important;
	box-shadow: var(--pb2b-shadow-focus) !important;
}
/* Select2 (jesli motyw/WC go uzywa do kraju/wojewodztwa) — spojny z polami. */
.phoenix-b2b-panel .pb2b-checkout-woo .select2-container--default .select2-selection--single { height: 46px !important; display: flex !important; align-items: center !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--pb2b-text-strong) !important; line-height: 1.4 !important; }

/* Karty sekcji checkoutu czytaja tokeny (dane klienta / podsumowanie / platnosc). */
.phoenix-b2b-panel .pb2b-checkout-woo #customer_details,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order,
.phoenix-b2b-panel .pb2b-checkout-woo #payment {
	background: var(--pb2b-bg-2) !important; border: 1px solid var(--pb2b-border) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #payment { background: var(--pb2b-bg-1) !important; }

/* Tabela podsumowania (PC) — kolor tekstu z tokenow. */
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table { color: var(--pb2b-text) !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table th,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table td { border-color: var(--pb2b-border) !important; }

/* Notice WooCommerce — tinty z tokenow (czytelne w obu trybach). */
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-error,
.phoenix-b2b-panel .pb2b-checkout-woo ul.woocommerce-error {
	background: var(--pb2b-danger-soft) !important; border: 1px solid color-mix(in srgb, var(--pb2b-danger) 34%, var(--pb2b-border)) !important;
	color: var(--pb2b-danger-ink) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-message {
	background: var(--pb2b-success-soft) !important; border: 1px solid color-mix(in srgb, var(--pb2b-success) 34%, var(--pb2b-border)) !important;
	color: var(--pb2b-success-ink) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-info {
	background: var(--pb2b-info-soft) !important; border: 1px solid color-mix(in srgb, var(--pb2b-info) 34%, var(--pb2b-border)) !important;
	color: var(--pb2b-text) !important;
}

/* =============================================================================
 * 11) STRZALKA „DO GORY" + obce nakladki motywu — usuniete na stronach panelu.
 *     Gateowane na `body.phoenix-b2b-app-page` (dodawane przez app-mode) =>
 *     dziala wylacznie na ekranach panelu B2B, nigdy poza nim. Pokrywa popularne
 *     motywy (Astra, OceanWP, GeneratePress, Kadence, Blocksy, Flatsome, Avada,
 *     Divi, WoodMart...) oraz warianty generyczne. Element panelu (PWA prompt,
 *     bottom-nav) nie pasuje do tych selektorow — zostaje nietkniety.
 * ========================================================================== */
body.phoenix-b2b-app-page #scroll-to-top,
body.phoenix-b2b-app-page .scroll-to-top,
body.phoenix-b2b-app-page #back-to-top,
body.phoenix-b2b-app-page .back-to-top,
body.phoenix-b2b-app-page .back_to_top,
body.phoenix-b2b-app-page .backtotop,
body.phoenix-b2b-app-page #scrollup,
body.phoenix-b2b-app-page .scrollup,
body.phoenix-b2b-app-page #scroll-top,
body.phoenix-b2b-app-page .scroll-top,
body.phoenix-b2b-app-page .scrolltop,
body.phoenix-b2b-app-page .scrollToTop,
body.phoenix-b2b-app-page #toTop,
body.phoenix-b2b-app-page #totop,
body.phoenix-b2b-app-page .to-top,
body.phoenix-b2b-app-page #ast-scroll-top,
body.phoenix-b2b-app-page .ast-scroll-top,
body.phoenix-b2b-app-page .generate-back-to-top,
body.phoenix-b2b-app-page #generate-back-to-top,
body.phoenix-b2b-app-page .kadence-scroll-to-top,
body.phoenix-b2b-app-page #kt-scroll-up-reader,
body.phoenix-b2b-app-page .ct-back-to-top,
body.phoenix-b2b-app-page #ct-back-to-top,
body.phoenix-b2b-app-page .fusion-back-to-top,
body.phoenix-b2b-app-page #et_pb_back_to_top,
body.phoenix-b2b-app-page .et_pb_scroll_top,
body.phoenix-b2b-app-page [class*="back-to-top"],
body.phoenix-b2b-app-page [class*="backtotop"],
body.phoenix-b2b-app-page [class*="scroll-to-top"],
body.phoenix-b2b-app-page [class*="scrolltotop"],
body.phoenix-b2b-app-page [id*="back-to-top"],
body.phoenix-b2b-app-page [id*="scroll-to-top"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* =============================================================================
 * 12) BEZPIECZNIK — zero poziomego scrolla na zadnej testowanej szerokosci.
 * ========================================================================== */
.phoenix-b2b-panel .pb2b-checkout-woo,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table { max-width: 100% !important; overflow-x: clip !important; }