/* =============================================================================
 * Phoenix B2B — 2.13.03-ui: ZWIJANE MENU BOCZNE (wspólne: klient + admin).
 * -----------------------------------------------------------------------------
 * Ładowane PO pb2b-sidebar-2.12.98.css → OSTATNIA warstwa sidebara, wygrywa
 * kaskadę. CSS-only, SCOPED `.phoenix-b2b-panel.pb2b-app-shell`. Brief §5:
 *  • na PC NIGDY nie widać przycisku „X” (to element mobilnego drawera) ani
 *    pustego burgera — zostaje wyłącznie czytelny przycisk zwijania (chevron
 *    z tooltipem „Zwiń menu” / „Rozwiń menu” z JS collapse),
 *  • po zwinięciu: tylko ikony w jednej kolumnie, zero pionowych napisów,
 *    zero widocznego scrollbara (pion scrolluje „niewidzialnie”),
 *  • BADGE LICZNIKÓW dalej widoczne po zwinięciu — jako mała pigułka z liczbą
 *    nad ikoną (naprawa 2.12.98, które chowało liczniki całkiem),
 *  • aktywna zakładka podświetlona (pełna pigułka), footer „Wyloguj się”
 *    czytelny w obu stanach,
 *  • content rozszerza się po zwinięciu (siatka shella) — bez pustych dziur.
 * Mobile (<1200px): drawer/overlay/bottom-nav NIETKNIĘTE (poza gwarancją,
 * że X jest widoczny w drawerze). Stan zwinięcia trzyma istniejący JS
 * pb2b-sidebar-collapse (osobne klucze localStorage: klient / admin).
 * ========================================================================== */

@media (min-width: 1200px) {

	/* „X” zamykania drawera — element WYŁĄCZNIE mobilny. Na PC znika. */
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-sidebar .pb2b-sidebar-close,
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-sidebar-close {
		display: none !important;
	}
	/* Burger mobilny na PC — nadal ukryty (asekuracja po 2.12.98). */
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-topbar .pb2b-burger {
		display: none !important;
	}

	/* Sidebar (rozwinięty i zwinięty): pion scrolluje bez widocznego
	 * scrollbara, poziomo nic się nie przewija. */
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-sidebar {
		overflow-x: hidden !important;
		overflow-y: auto !important;
		scrollbar-width: none !important;      /* Firefox */
		-ms-overflow-style: none !important;   /* stary Edge */
	}
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-sidebar::-webkit-scrollbar {
		width: 0 !important;
		height: 0 !important;
		display: none !important;              /* Chrome/Safari */
	}

	/* Po zwinięciu content dostaje całą resztę szerokości (asekuracja siatki). */
	.phoenix-b2b-panel.pb2b-sidebar-collapsed.pb2b-app {
		grid-template-columns: 78px minmax(0, 1fr) !important;
	}

	/* Zwinięte: ikony w JEDNEJ kolumnie, wyśrodkowane; teksty twardo ukryte
	 * (żadnych „D a n e”) — asekuracja po 2.12.98. */
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-nav-label,
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-nav-group-title,
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-brand-title,
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-sidebar-logout-label,
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-sidebar-foot-link-label,
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-sidebar-foot-brand {
		display: none !important;
	}
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-nav-item,
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-sidebar-logout,
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-sidebar-foot-link {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 48px !important;
		margin-inline: auto !important;
		padding: 11px 0 !important;
		border-radius: 12px !important;
		overflow: visible !important; /* badge licznika może wystawać poza hit-box */
		white-space: nowrap !important;
	}

	/* BADGE LICZNIKÓW: po zwinięciu widoczna mała pigułka Z LICZBĄ nad ikoną
	 * (2.12.98 chował je display:none — przywracamy zgodnie z briefem §5). */
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-nav-item { position: relative !important; }
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-nav-badge {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: absolute !important;
		top: 3px !important;
		right: 3px !important;
		min-width: 17px !important;
		height: 17px !important;
		padding: 0 5px !important;
		margin: 0 !important;
		border-radius: 999px !important;
		font-size: 10px !important;
		font-weight: 800 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		background: var(--pb2b-primary, #7C3AED) !important;
		color: #fff !important;
		border: 2px solid var(--pb2b-bg-1, #0B0F1A) !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		z-index: 2 !important;
		pointer-events: none !important;
	}
	.phoenix-b2b-panel[data-pb2b-theme="light"].pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-nav-badge {
		border-color: var(--pb2b-bg-1, #FFFFFF) !important;
	}

	/* Aktywna zakładka po zwinięciu: pełna, czytelna pigułka. */
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-nav-item.is-active,
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-nav-item[aria-current="page"] {
		background: color-mix(in srgb, var(--pb2b-primary, #7C3AED) 18%, transparent) !important;
		color: var(--pb2b-primary-2, #A855F7) !important;
	}

	/* Footer „Wyloguj się”: czytelny w obu stanach. */
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-sidebar .pb2b-sidebar-logout {
		color: var(--pb2b-text, #E7E9EE);
	}
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-sidebar .pb2b-sidebar-logout:hover {
		color: #F87171;
	}
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-sidebar-logout svg {
		margin: 0 !important;
	}

	/* Przycisk zwijania: chevron (nie X), spójny akcent na hover. */
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-collapse-toggle {
		display: inline-flex !important;
	}
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-collapse-toggle:focus-visible {
		outline: 2px solid var(--pb2b-primary-2, #A855F7) !important;
		outline-offset: 2px !important;
	}
}

/* --- Mobile / tablet (<1200px): drawer bez zmian mechaniki; gwarancje: --- */
@media (max-width: 1199.98px) {
	/* Przycisk zwijania NIE istnieje na mobile (drawer ma własne X/overlay). */
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-collapse-toggle {
		display: none !important;
	}
	/* Stan „zwinięty” z PC nie może zwężać drawera na mobile. */
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-nav-label,
	.phoenix-b2b-panel.pb2b-sidebar-collapsed .pb2b-sidebar .pb2b-sidebar-logout-label {
		display: inline !important;
	}
	/* X w drawerze: czytelny i dotykalny. */
	.phoenix-b2b-panel.pb2b-app-shell .pb2b-sidebar .pb2b-sidebar-close {
		min-width: 40px;
		min-height: 40px;
	}
}