/* Evocatio — media społecznościowe (12.10.2026): przyciski z logami przy odtwarzaczu muzyki, rząd w stopce, duże logo na Społeczności.
   Barwy serwisów: Discord #5865F2, Facebook #0866FF. Tekst na przyciskach z barwą wymuszony — jasny motyw przemalowuje odnośniki. */
.evo-socjale{position:fixed;right:6px;top:calc(50% + 34px);z-index:9;display:flex;flex-direction:column;gap:6px}
.evo-socjal{display:inline-flex;align-items:center;justify-content:center;width:42px;height:44px;border:1px solid #7c592c;background:#211a10;box-shadow:-6px 8px 24px #0008;transition:background .15s,border-color .15s}
.evo-socjal svg{width:24px;height:24px;transition:fill .15s}
.evo-s-discord svg{fill:#7b84ff}
.evo-s-facebook svg{fill:#3b8bff}
.evo-socjal:hover,.evo-socjal:focus-visible{border-color:#e3bd72}
.evo-socjal.evo-s-discord:hover,.evo-socjal.evo-s-discord:focus-visible{background:#5865f2}
.evo-socjal.evo-s-facebook:hover,.evo-socjal.evo-s-facebook:focus-visible{background:#0866ff}
.evo-socjal:hover svg,.evo-socjal:focus-visible svg{fill:#fff}
.evo-socjal:focus-visible,.evo-socjal-duzy:focus-visible,.przycisk-socjal:focus-visible{outline:2px solid #efd399;outline-offset:2px}

.evo-socjale-stopka{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding-top:18px;border-top:1px solid #a1722a40}
.evo-socjale-napis{font:15px Cinzel,serif;letter-spacing:.1em;text-transform:uppercase;color:#c9a864;margin-right:6px}
:root[data-motyw='jasny'] .evo-socjale-napis{color:#6a3f12}
.evo-socjal-duzy{display:inline-flex;align-items:center;gap:11px;padding:10px 20px 10px 14px;border:1px solid #7c592c;background:#211a10;color:#e9dcc0!important;text-decoration:none!important;font:15px Cinzel,serif;letter-spacing:.08em;transition:background .15s,border-color .15s}
.evo-socjal-duzy svg{width:28px;height:28px;flex:0 0 auto;transition:fill .15s}
.evo-socjal-duzy:hover,.evo-socjal-duzy:focus-visible{border-color:#e3bd72;color:#fff!important}
.evo-socjal-duzy.evo-s-discord:hover,.evo-socjal-duzy.evo-s-discord:focus-visible{background:#5865f2}
.evo-socjal-duzy.evo-s-facebook:hover,.evo-socjal-duzy.evo-s-facebook:focus-visible{background:#0866ff}
.evo-socjal-duzy:hover svg,.evo-socjal-duzy:focus-visible svg{fill:#fff}

/* Społeczność: karty z dużym logo */
.karta-socjal .logo-duzy{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:22px;margin:0 0 20px;box-shadow:0 8px 24px #0007}
.karta-socjal .logo-duzy svg{width:60px;height:60px;fill:#fff}
.karta-socjal.discord .logo-duzy{background:#5865f2}
.karta-socjal.facebook .logo-duzy{background:#0866ff}
.przycisk-socjal{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:13px 24px;border:1px solid #ffffff33;color:#fff!important;text-decoration:none!important;font:17px Cinzel,serif;letter-spacing:.06em;box-shadow:0 6px 18px #0006;transition:filter .15s}
.przycisk-socjal svg{width:24px;height:24px;fill:#fff}
.karta-socjal.discord .przycisk-socjal{background:#5865f2}
.karta-socjal.facebook .przycisk-socjal{background:#0866ff}
.przycisk-socjal:hover{filter:brightness(1.12)}
/* „Wróć na górę” odsunięte od prawej krawędzi — dotąd karteczka muzyki zasłaniała jego strzałkę (komputer i telefon) */
.back-to-top{right:58px}
/* Telefon miał silniejszą regułę right:12px z site-fixes.css — strzałka wchodziła pod Facebook. */
@media(max-width:700px){html body .back-to-top{right:64px!important}}
@media(max-width:700px){.back-to-top{right:52px}.evo-socjale-napis{flex:1 0 100%}.evo-socjale-stopka{padding-right:46px;padding-bottom:64px}.evo-socjal-duzy{flex:1 1 0;justify-content:center;padding:11px 12px}.evo-socjal{width:40px;height:42px}.karta-socjal .logo-duzy{width:80px;height:80px}.karta-socjal .logo-duzy svg{width:50px;height:50px}.przycisk-socjal{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.evo-socjal,.evo-socjal svg,.evo-socjal-duzy,.evo-socjal-duzy svg,.przycisk-socjal{transition:none}}