/* ═══════════════════════════════════════════════════════════ fanway-ai-public.css Layout PUBLICZNYCH stron /zestawy-online/ i /zestaw-online/ — celowo OSOBNY plik od fanway-ai.css (który zawiera style SILNIKÓW zadań, wspólnych z backendem nauczyciela — te zostają tam, bo to jeden silnik z jednym stylem, nie "kod strony"). Tu tylko rzeczy które NIE ISTNIEJĄ nigdzie indziej: nagłówek publiczny, pigułki filtrów, poziome karty galerii. Kolory/rozmiary filtrów i odznak dopasowane 1:1 do fanway-ai-ebooks.css (dostarczony przez użytkownika) — te same zmienne wizualne co reszta fanway.tv (:root w tamtym pliku: --faie-accent-red/--faie-badge-*), przepisane tu jawnie (nie importujemy cudzego pliku, żeby zachować pełną niezależność — patrz zasada oddzielenia frontend/backend). Architektura dropdown zostaje WŁASNA (custom div, nie natywny , który nie jest tym dotknięty */ cursor: pointer; white-space: nowrap; min-width: 180px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; } .fai-filter-btn:hover { opacity: 0.9; } /* Stan otwartego dropdown — klasa dodawana/usuwana przez JS (patrz faiFilterSyncActiveClass w fanway-ai-zestawy-online.js), NIE :focus (rozjeżdżał się: kliknięcie poza dropdown chowa listę, ale nie usuwa fokusu z przycisku, więc kolor zostawałby "przyklejony" po zamknięciu). */ .fai-filter-btn-active { background-color: #010001 !important; } .fai-filter-current { font-weight: 600; font-family: inherit !important; text-transform: none !important; } /* Ciemne tło / biały tekst — zgodnie z rzeczywistym wyglądem .faie-filter select na fanway.tv/e-ksiazki/ (zweryfikowane na zrzutach ekranu, nie na samym pliku CSS — mechanizm tam prawdopodobnie color-scheme:dark w głównym pliku motywu, którego nie mamy; tu po prostu odtwarzamy identyczny efekt wizualny jawnie, niezależnie od przyczyny). */ .fai-filter-dropdown { display: none; position: absolute; left: 0; top: 46px; z-index: 30; background: #2b2a33; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.5); min-width: 180px; max-height: 320px; overflow-y: auto; padding: 4px 0; } .fai-filter-opt { display: block; width: 100%; text-align: left; padding: 6px 16px; line-height: 1.3; background: none; border: none; color: #ffffff; font-size: 14px; font-weight: 400 !important; /* wymusza normalną wagę — motyw prawdopodobnie narzuca bold na wszystkie