/* Pesto — Mobilny App Bar: wygląd. REBRANDING: tokeny w bloku .pesto-mab poniżej (dziedziczą markę z motywu).
   Geometria (wysokość paska, punkt przełączenia, rezerwa miejsca na dole, koordynacja z innymi dolnymi
   elementami, chowanie przy nakładkach) generuje PHP: Mobile_App_Bar_Module::responsive_css() — zależy od
   ustawienia „Pokazuj poniżej szerokości". Bez niego pasek jest niewidoczny (display:none). */
.pesto-mab{
	/* === TOKENY MARKI ============================== */
	--pmab-fg:var(--pesto-muted,#6f6e6a);
	--pmab-active:var(--pesto-ink,#121316);
	--pmab-accent:var(--pesto-accent,#c8a24a);
	--pmab-accent-ink:var(--pesto-accent-ink,#1a1a17);
	--pmab-bg:var(--pesto-base,#fff);
	--pmab-line:var(--pesto-line,#e7e3da);
	--pmab-focus:var(--pesto-focus,var(--pesto-ink,#121316));
	--pmab-label-size:12px;
	--pmab-badge-size:18px;
	--pmab-z:999999;
	/* =============================================== */
	display:none;position:fixed;bottom:0;left:0;right:0;
	background:var(--pmab-bg);
	background:color-mix(in srgb,var(--pmab-bg) 92%,transparent);
	backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);
	z-index:var(--pmab-z);
	border-top:1px solid var(--pmab-line);
	justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);
}
.pesto-mab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--pmab-fg);text-decoration:none!important;width:100%;height:100%;position:relative}
.pesto-mab-icon{stroke:currentColor;stroke-width:1.8;margin-bottom:2px}
.pesto-mab-item .pesto-mab-label{font-size:var(--pmab-label-size);font-weight:600;letter-spacing:.2px;line-height:1.2}
.pesto-mab-item:hover,.pesto-mab-item:active,.pesto-mab-item:focus-visible,.pesto-mab-item[aria-current="page"]{color:var(--pmab-active)}
.pesto-mab-item[aria-current="page"] .pesto-mab-label{font-weight:700}
.pesto-mab-item[aria-current="page"] .pesto-mab-icon{stroke-width:2.2}
.pesto-mab-item:focus-visible{outline:2px solid var(--pmab-focus);outline-offset:-4px;border-radius:8px}
.pesto-mab-badge{position:absolute;top:6px;right:calc(50% - 22px);min-width:var(--pmab-badge-size);height:var(--pmab-badge-size);line-height:var(--pmab-badge-size);padding:0 4px;box-sizing:border-box;background:var(--pmab-accent);color:var(--pmab-accent-ink);border-radius:999px;font-size:11px;font-weight:700;text-align:center}
.pesto-mab-badge[data-count="0"]{display:none}
