/* Pasek przełącznika podglądu (tylko mock — NIE przenosić do CMS). */
.mock-bar {
    position: fixed; right: 1rem; bottom: 1rem; z-index: 2000;
    display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap;
    padding: 0.4rem 0.6rem;
    background: #111827; color: #e5e7eb;
    border-radius: 999px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    font: 600 13px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.mock-bar-label { padding: 0 0.3rem; color: #9ca3af; }
.mock-bar-sep { color: #4b5563; }
.mock-bar a { color: #e5e7eb; padding: 0.3rem 0.65rem; border-radius: 999px; text-decoration: none; }
.mock-bar a:hover { background: #374151; text-decoration: none; }
.mock-bar a[aria-current="true"] { background: #fff; color: #111827; }
.mock-bar a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 640px) {
    .mock-bar { left: 0.5rem; right: 0.5rem; bottom: 0.5rem; border-radius: 12px; justify-content: center; }
}