/* =========================================================
   ZWIERZAK 5.6.7 — twarda matryca atlasów
   Naprawia martwe warstwy i podwójną numerację.
   ========================================================= */

/* Jedno źródło numeru: tekst w .zw-atlas__tab-index aktualizowany przez JS. */
.zw-atlas .zw-atlas__tab::before,
.zw-atlas .zw-atlas__tab-index::before{
    content:none !important;
    display:none !important;
    counter-increment:none !important;
}
.zw-atlas .zw-atlas__tabs{counter-reset:none !important}
.zw-atlas .zw-atlas__tab{counter-increment:none !important}
.zw-atlas .zw-atlas__tab-index{
    font-size:12px !important;
    line-height:1 !important;
}

/* Standardowe ukrycie warstwy nieobsługiwanej przez aktywny gatunek. */
.zw-atlas__tab[hidden],
.zw-atlas__tab.is-unavailable,
.zw-atlas__tab[aria-disabled="true"]{
    display:none !important;
    pointer-events:none !important;
}

/* Widoczność warstw i plansz jest sterowana konfiguracją PHP/panelu WP. */
.zw-atlas__board-trigger[hidden],
.zw-atlas-board-modal[hidden]{display:none !important}

/* Zachowanie i wygląd modala z 5.6.6. */
.zw-atlas__board-trigger{
    position:relative;z-index:16;align-self:flex-end;margin:3px 12px -40px 0;
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    min-height:38px;padding:8px 12px;border:1px solid rgba(7,139,73,.26);
    border-radius:12px;background:rgba(255,255,255,.96);color:#0b6f3a;
    font:inherit;font-size:10px;font-weight:850;line-height:1.15;cursor:pointer;
    box-shadow:0 10px 26px rgba(13,82,45,.10);backdrop-filter:blur(8px);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.zw-atlas__board-trigger:hover,.zw-atlas__board-trigger:focus-visible{
    outline:0;transform:translateY(-1px);border-color:#12a45a;
    box-shadow:0 13px 30px rgba(13,112,59,.16);
}
.zw-atlas__board-trigger svg{width:16px;height:16px;flex:0 0 auto}
.zw-atlas--full .zw-atlas__board-trigger{
    border-color:#3f6557;background:rgba(15,31,28,.92);color:#e9fff3;
    box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.zw-atlas-board-modal{
    position:fixed;z-index:100120;inset:0;display:grid;place-items:center;padding:16px;
}
.zw-atlas-board-modal__backdrop{
    position:absolute;inset:0;width:100%;height:100%;border:0;
    background:rgba(3,13,9,.9);backdrop-filter:blur(12px);cursor:zoom-out;
}
.zw-atlas-board-modal__dialog{
    position:relative;z-index:2;display:flex;flex-direction:column;
    width:min(1700px,calc(100vw - 32px));height:min(94vh,1120px);max-height:94vh;
    padding:18px;overflow:hidden;border:1px solid rgba(255,255,255,.18);
    border-radius:22px;background:#fff;color:#112f22;box-shadow:0 32px 100px rgba(0,0,0,.46);
}
.zw-atlas-board-modal__dialog:fullscreen,
.zw-atlas-board-modal__dialog.is-native-fullscreen{
    width:100vw;height:100vh;max-width:none;max-height:none;padding:18px;border:0;border-radius:0;
}
.zw-atlas-board-modal__close{
    position:absolute;z-index:4;top:12px;right:12px;display:grid;width:42px;height:42px;
    place-items:center;border:1px solid #d6e5dc;border-radius:50%;background:#fff;
    color:#15382a;font:inherit;font-size:28px;line-height:1;cursor:pointer;
    box-shadow:0 8px 24px rgba(11,67,38,.13);
}
.zw-atlas-board-modal__close:hover,.zw-atlas-board-modal__close:focus-visible{
    outline:2px solid #19a45c;outline-offset:2px;
}
.zw-atlas-board-modal__eyebrow{
    margin:0 54px 3px 0;color:#0b8b49;font-size:10px;font-weight:900;
    letter-spacing:.08em;text-transform:uppercase;
}
.zw-atlas-board-modal__dialog h3{
    margin:0 54px 12px 0;font-size:clamp(20px,2.4vw,34px);line-height:1.08;
}
.zw-atlas-board-modal__media{
    min-height:0;flex:1 1 auto;display:grid;place-items:center;overflow:auto;
    border:1px solid #dfeae4;border-radius:15px;background:#f7faf8;overscroll-behavior:contain;
}
.zw-atlas-board-modal__media img{
    display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;
    margin:auto;object-fit:contain;background:#fff;
}
.zw-atlas-board-modal__note{margin:10px 0 0;color:#536a5e;font-size:12px;line-height:1.45}
.zw-atlas-board-modal__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.zw-atlas-board-modal__actions .btn{margin:0}
.zw-atlas-board-modal__fullscreen{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.zw-atlas-board-modal__fullscreen svg{width:16px;height:16px}
body.zw-atlas-board-open{overflow:hidden}

@media(max-width:1050px){
    .zw-atlas__board-trigger{align-self:center;margin:3px auto 0}
    .zw-atlas--full .zw-atlas__board-trigger{margin-bottom:2px}
}
@media(max-width:640px){
    .zw-atlas__board-trigger{min-height:34px;padding:7px 10px;font-size:9px}
    .zw-atlas-board-modal{padding:6px}
    .zw-atlas-board-modal__dialog{
        width:100%;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);
        padding:12px;border-radius:15px;
    }
    .zw-atlas-board-modal__close{top:7px;right:7px;width:38px;height:38px}
    .zw-atlas-board-modal__dialog h3{margin-right:45px;font-size:18px}
    .zw-atlas-board-modal__note{font-size:10px}
    .zw-atlas-board-modal__actions{gap:7px}
    .zw-atlas-board-modal__actions .btn{min-height:38px;padding:8px 10px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.zw-atlas__board-trigger{transition:none}}
