/**
 * PhoenixB2B — warstwa naprawcza panelu klienta 2.12.81.
 *
 * Ładowana PO pb2b-client-ui-2.12.63.css (ostatnia w kaskadzie panelu), więc
 * przy równej specyficzności wygrywa deterministycznie. Zakres: WYŁĄCZNIE panel
 * klienta (`.phoenix-b2b-panel.pb2b-app`). Nie dotyka panelu admina, sklepu ani
 * widoku gościa.
 *
 * Zawiera:
 *   §1 — KOSZYK W NAGŁÓWKU: czytelny badge ilości (na rogu IKONY, nie na kwocie),
 *        kontrastowy fiolet + biały tekst + obwódka/cień; kwota zawsze czytelna,
 *        nigdy nachodząca; spójnie light/dark, PC i mobile.
 *   §5 — ZAKŁADKA ZAMÓWIENIE / CHECKOUT: szersza prawa kolumna, oddech w kartach,
 *        czytelne metody dostawy, ładny przycisk wyboru paczkomatu + karta
 *        wybranego punktu. Bez ruszania hooków WooCommerce (sam wygląd).
 */

/* =====================================================================
 * §1 — KOSZYK W NAGŁÓWKU (badge ilości na rogu ikony).
 * Markup: <a.pb2b-topbar-cart> = ikona + badge(liczba) + meta(count + total).
 * Cel: ikona [badge] | kwota — bez nachodzenia, kwota nigdy ucinana.
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-shrink: 0 !important;
	min-width: 0 !important;
	white-space: nowrap !important;
	overflow: visible !important;
}
/* Ikona = kotwica badge'a. */
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-ico {
	position: relative !important;
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
}
/* Badge ILOŚCI — mały, kontrastowy, na rogu ikony (PC i mobile tak samo). */
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-badge {
	display: inline-flex !important;
	position: absolute !important;
	top: -7px !important;
	right: -9px !important;
	left: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	transform: none !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 18px !important;
	height: 18px !important;
	padding: 0 5px !important;
	box-sizing: border-box !important;
	border-radius: 999px !important;
	background: #7c3aed !important;            /* fiolet — czytelny w light i dark */
	color: #ffffff !important;
	border: 2px solid var(--pb2b-bg-1, #ffffff) !important;
	box-shadow: 0 2px 6px rgba(124, 58, 237, .45) !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: -.01em !important;
	z-index: 3 !important;
}
/* Tryb ciemny: obwódka w kolorze tła nagłówka (efekt „wycięcia"). */
.phoenix-b2b-panel.pb2b-app[data-pb2b-theme="dark"] .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-badge {
	border-color: var(--pb2b-bg-2, #1c1f27) !important;
}
/* Inline „X poz." jest zbędne (liczbę pokazuje badge) — chowamy na każdym ekranie,
 * dzięki czemu kwota nigdy nie nachodzi na liczbę. */
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-count { display: none !important; }
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-count::after { content: none !important; }
/* Meta = sama KWOTA: czytelna, nigdy ucinana. */
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-meta {
	display: inline-flex !important;
	align-items: center !important;
	min-width: 0 !important;
	max-width: none !important;
	overflow: visible !important;
	white-space: nowrap !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-total {
	display: inline-block !important;
	white-space: nowrap !important;
	overflow: visible !important;
	max-width: none !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: -.01em !important;
	color: var(--pb2b-text-strong) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-total * {
	color: inherit !important; font-size: inherit !important; font-weight: inherit !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-total::before { content: none !important; margin: 0 !important; }
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-total:empty { display: none !important; }
/* Pusty koszyk — bez badge'a i kwoty. */
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-badge,
.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-meta { display: none !important; }
/* Mobile — koszyk nie rozpycha headera i nie nachodzi na sąsiadów (avatar jest
 * poza headerem na <1200, ale pilnujemy też wąskich ekranów). */
@media (max-width: 480px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart { gap: 7px !important; max-width: 44vw !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-total { font-size: 13px !important; }
}

/* =====================================================================
 * §5 — ZAKŁADKA ZAMÓWIENIE / CHECKOUT PANELOWY.
 * Źródłem logiki pozostaje [woocommerce_checkout] — tu wyłącznie wygląd.
 * ===================================================================== */

/* Szersza, czytelna prawa kolumna „Twoje zamówienie" (PC). Było 380 px → 420 px,
 * z większym odstępem między kolumnami. Mobile: jedna kolumna (bez zmian). */
@media (min-width: 992px) {
	.phoenix-b2b-panel .pb2b-checkout-woo form.checkout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 420px !important;
		gap: 28px !important;
		align-items: start !important;
	}
}
@media (min-width: 1280px) {
	.phoenix-b2b-panel .pb2b-checkout-woo form.checkout {
		grid-template-columns: minmax(0, 1fr) 440px !important;
	}
}

/* Karty sekcji — wyraźniejszy oddech (dane firmy / podsumowanie / płatność). */
.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 {
	padding: 22px !important;
	border-radius: 16px !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order {
	background: var(--pb2b-bg-2) !important;
	border: 1px solid var(--pb2b-border) !important;
}
@media (min-width: 992px) {
	/* Prawa kolumna „lepka" — podsumowanie zostaje w polu widzenia przy przewijaniu. */
	.phoenix-b2b-panel .pb2b-checkout-woo #order_review {
		position: sticky !important;
		top: calc(var(--pb2b-app-header-h, 64px) + 14px) !important;
	}
}

/* Metody dostawy — czytelne wiersze, wygodne pod palec, równe radia. */
.phoenix-b2b-panel .pb2b-checkout-woo #shipping_method {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #shipping_method li {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--pb2b-border) !important;
	border-radius: 12px !important;
	background: var(--pb2b-bg-1) !important;
	line-height: 1.35 !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #shipping_method li:hover {
	border-color: var(--pb2b-border-strong, var(--pb2b-primary)) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #shipping_method li input[type="radio"] {
	flex: 0 0 auto !important;
	margin: 0 !important;
	width: 18px !important;
	height: 18px !important;
	accent-color: var(--pb2b-primary, #7c3aed) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #shipping_method li label {
	margin: 0 !important;
	display: flex !important;
	width: 100% !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 10px !important;
	cursor: pointer !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #shipping_method li label .amount,
.phoenix-b2b-panel .pb2b-checkout-woo #shipping_method li label bdi {
	font-weight: 800 !important;
	color: var(--pb2b-text-strong) !important;
	white-space: nowrap !important;
}

/* Przycisk wyboru paczkomatu / mapy punktów (InPost/Furgonetka i podobne).
 * Defensywnie obejmujemy najczęstsze klasy/id przycisku 3rd-party + przyciski
 * w obrębie wierszy dostawy. Pełny, czytelny, z ikoną pinezki (::before). */
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-shipping-totals a.button,
.phoenix-b2b-panel .pb2b-checkout-woo #shipping_method ~ * a.button,
.phoenix-b2b-panel .pb2b-checkout-woo a.show_map,
.phoenix-b2b-panel .pb2b-checkout-woo button.show_map,
.phoenix-b2b-panel .pb2b-checkout-woo .inpost-show-map,
.phoenix-b2b-panel .pb2b-checkout-woo .easypack-open-modal,
.phoenix-b2b-panel .pb2b-checkout-woo #easypack_modal_show,
.phoenix-b2b-panel .pb2b-checkout-woo .inpost_widget_button,
.phoenix-b2b-panel .pb2b-checkout-woo .furgonetka-point-select,
.phoenix-b2b-panel .pb2b-checkout-woo [data-pb2b-pickup-btn] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !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, #ffffff) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor: pointer !important;
	box-shadow: 0 6px 18px rgba(124, 58, 237, .28) !important;
	transition: filter .15s ease, box-shadow .15s ease !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo a.show_map::before,
.phoenix-b2b-panel .pb2b-checkout-woo button.show_map::before,
.phoenix-b2b-panel .pb2b-checkout-woo .inpost-show-map::before,
.phoenix-b2b-panel .pb2b-checkout-woo .easypack-open-modal::before,
.phoenix-b2b-panel .pb2b-checkout-woo #easypack_modal_show::before,
.phoenix-b2b-panel .pb2b-checkout-woo .inpost_widget_button::before,
.phoenix-b2b-panel .pb2b-checkout-woo .furgonetka-point-select::before,
.phoenix-b2b-panel .pb2b-checkout-woo [data-pb2b-pickup-btn]::before {
	content: "📍" !important;
	font-size: 16px !important;
	line-height: 1 !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo a.show_map:hover,
.phoenix-b2b-panel .pb2b-checkout-woo button.show_map:hover,
.phoenix-b2b-panel .pb2b-checkout-woo .inpost-show-map:hover,
.phoenix-b2b-panel .pb2b-checkout-woo .easypack-open-modal:hover,
.phoenix-b2b-panel .pb2b-checkout-woo #easypack_modal_show:hover,
.phoenix-b2b-panel .pb2b-checkout-woo .inpost_widget_button:hover,
.phoenix-b2b-panel .pb2b-checkout-woo .furgonetka-point-select:hover {
	filter: brightness(1.05) !important;
	box-shadow: 0 8px 22px rgba(124, 58, 237, .36) !important;
}

/* Karta WYBRANEGO punktu (potwierdzenie z 3rd-party). Defensywny zestaw klas. */
.phoenix-b2b-panel .pb2b-checkout-woo .inpost-confirmed,
.phoenix-b2b-panel .pb2b-checkout-woo #inpost_chosen_point,
.phoenix-b2b-panel .pb2b-checkout-woo .easypack-confirmed-point,
.phoenix-b2b-panel .pb2b-checkout-woo .selected-point,
.phoenix-b2b-panel .pb2b-checkout-woo [data-pb2b-pickup-point] {
	display: block !important;
	margin: 10px 0 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--pb2b-border) !important;
	border-left: 3px solid var(--pb2b-primary, #7c3aed) !important;
	border-radius: 12px !important;
	background: var(--pb2b-bg-1) !important;
	font-size: 13.5px !important;
	line-height: 1.4 !important;
	color: var(--pb2b-text) !important;
}

/* InPost geowidget / mapa w modalu — niech ma sensowną wysokość i nie wypada
 * poza kontener panelu (modal pozostaje funkcjonalny — nie ukrywamy go). */
.phoenix-b2b-panel .pb2b-checkout-woo .inpost-geowidget,
.phoenix-b2b-panel .pb2b-checkout-woo #inpost-geowidget,
.phoenix-b2b-panel .pb2b-checkout-woo iframe[src*="geowidget"] {
	width: 100% !important;
	min-height: 360px !important;
	border: 0 !important;
	border-radius: 12px !important;
}