/* v2.9.6 PANEL V3.6 FINAL QA BUGFIX */
/**
 * PhoenixB2B / SPJTRADE B2B — PANEL KLIENTA V3.6 — FINAL QA BUGFIX.
 *
 * Warstwa domykająca błędy znalezione w finalnym przejściu testera (2.9.5 → 2.9.6).
 * Ładowana JAKO OSTATNIA, PO panel-v3-5.css → przy równej specyficzności wygrywa
 * w kaskadzie (bez wojny !important). Zakres ŚCIŚLE `.phoenix-b2b-panel`. Wszystkie
 * kolory/tła pochodzą z tokenów (panel-v3-tokens.css) → light i dark „za darmo".
 *
 * Co poprawia (brief 2.9.6):
 *   A  IKONY DASHBOARDU — kafle/baner/empty przeszły z emoji na inline SVG
 *      (PHP: section-dashboard.php). Tu nadajemy SVG właściwy rozmiar/kolor, żeby
 *      wyglądały spójnie z resztą panelu (bottom nav, sidebar, pozostałe sekcje).
 *   B  SELECTY SKLEPU (sort/filtry) — appearance:none + własny karet, więc na
 *      mobile nie pokazują natywnej chromy systemowej (spójne z resztą pól).
 *   C  KATALOG / SZYBKIE ZAMÓWIENIE — chowamy zdublowany, sztywno biały (więc
 *      łamiący dark mode) pasek `.phoenix-b2b-qo-sticky` z osadzonego shortcode'u.
 *      Sekcja ma własny, otokenowany flowbar „Dodaj wybrane" (data-pb2b-add-selected).
 *   D  CHECKOUT (osadzony WooCommerce) — linki bez „wordpressowego" podkreślenia
 *      w stanie spoczynku (podkreślenie tylko na hover, jak reszta linków panelu).
 */

/* =========================================================================
 * A) DASHBOARD — ikony SVG (po migracji z emoji w section-dashboard.php).
 *    Kafle szybkich akcji, baner i empty-state mają teraz <svg> zamiast emoji.
 * ========================================================================= */
.phoenix-b2b-panel .pb2b-quick-tile-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--pb2b-primary);          /* akcent marki — czytelny w light i dark */
}
.phoenix-b2b-panel .pb2b-quick-tile-icon svg {
	width: 26px;
	height: 26px;
	display: block;
}
/* Baner dashboardu — ten sam wygląd ikony co w sekcji „Promocje". */
.phoenix-b2b-panel .pb2b-banner-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.phoenix-b2b-panel .pb2b-banner-icon svg { width: 22px; height: 22px; display: block; }
/* Empty-state (dashboard używa wariantu .pb2b-empty) — SVG zamiast emoji. */
.phoenix-b2b-panel .pb2b-empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--pb2b-text-dim);
}
.phoenix-b2b-panel .pb2b-empty-icon svg { width: 40px; height: 40px; display: block; }

/* =========================================================================
 * B) SELECTY SKLEPU — własny wygląd zamiast natywnego (zwłaszcza mobile).
 *    Karet jako tło (neutralny ton czytelny na obu motywach). Pełne pole jest
 *    klikalne, behawior natywnego <select> bez zmian.
 * ========================================================================= */
.phoenix-b2b-panel .pb2b-shop-orderby,
.phoenix-b2b-panel .pb2b-shop-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237C8598' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 16px;
	padding-right: 34px;
	cursor: pointer;
}
/* Edge/IE — schowaj natywną strzałkę (gdyby się pojawiła). */
.phoenix-b2b-panel .pb2b-shop-orderby::-ms-expand,
.phoenix-b2b-panel .pb2b-shop-select::-ms-expand { display: none; }
/* Opcje rozwijane — czytelne tło w obu motywach (już jest dla light w v3;
 * dokładamy dark dla pewności, bo natywna lista bierze kolory systemowe). */
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-shop-orderby option,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-shop-select option {
	background: #111827;
	color: #F8FAFC;
}

/* =========================================================================
 * C) KATALOG / SZYBKIE ZAMÓWIENIE — usuń zdublowany sticky bar shortcode'u.
 *    `.phoenix-b2b-qo-sticky` (frontend.css) jest sztywno biały z zielonym
 *    przyciskiem → w dark mode wygląda obco, a dodatkowo dubluje panelowy
 *    flowbar „Dodaj wybrane" (data-pb2b-add-selected). W panelu go chowamy.
 *    Specyficzność (.phoenix-b2b-panel + klasa) wygrywa bez !important.
 * ========================================================================= */
.phoenix-b2b-panel .phoenix-b2b-qo-sticky { display: none; }

/* =========================================================================
 * D) CHECKOUT (osadzony WooCommerce) — linki bez podkreślenia w spoczynku.
 *    Motyw rodzica potrafi narzucać text-decoration:underline na <a>; tu
 *    wygaszamy to dla linków w checkoutcie (np. „Masz kupon?", regulaminy),
 *    zostawiając podkreślenie tylko na hover — spójnie z .pb2b-link.
 * ========================================================================= */
.phoenix-b2b-panel .pb2b-checkout-woo a { text-decoration: none; }
.phoenix-b2b-panel .pb2b-checkout-woo a:hover,
.phoenix-b2b-panel .pb2b-checkout-woo a:focus { text-decoration: underline; }

/* =========================================================================
 * E) BEZPIECZEŃSTWO — nowe elementy nie wychodzą poza szerokość (zero scrolla X).
 * ========================================================================= */
.phoenix-b2b-panel .pb2b-shop-orderby,
.phoenix-b2b-panel .pb2b-shop-select { max-width: 100%; }