/**
 * scroll-nav — poziomo przewijany rząd (kafle/zakładki) z auto-strzałkami.
 * Dodaj klasę `scroll-nav` do kontenera flex. JS (scroll-nav.js) owija go
 * w `.scroll-nav-wrap` i dokłada strzałki tylko gdy zawartość się nie mieści.
 *
 * Zasady:
 *  - strzałki NIE nachodzą na kafle (siedzą w zarezerwowanym marginesie),
 *  - kafle zawsze widoczne w całości (scroll-snap na całe kafle),
 *  - kafel, który się nie mieści, jest ucięty na krawędzi (nie „pół + strzałka").
 */

.scroll-nav-wrap { position: relative; }

/* miejsce na strzałki dopiero gdy jest overflow (inaczej rząd wyśrodkowany bez zmian) */
.scroll-nav-wrap.has-overflow { padding-left: 44px; padding-right: 44px; }

/* kontener przewijania */
.scroll-nav {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;              /* Firefox */
    -ms-overflow-style: none;          /* IE/Edge */
    scroll-snap-type: x mandatory;     /* przyciąganie do całych kafli */
}
.scroll-nav::-webkit-scrollbar { display: none; }  /* Chrome/Safari */

/* każdy kafel przyciąga się początkiem → zawsze widoczny w całości */
.scroll-nav > * { scroll-snap-align: start; }

/* gdy zawartość wystaje — nie centruj (flex-center ucina początek przy scrollu) */
.wp-block-group.scroll-nav.has-overflow { justify-content: flex-start; }

/* strzałki — w zarezerwowanym marginesie, NIE na kaflach */
.scroll-nav__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    z-index: 5;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease;
}
.scroll-nav-wrap.has-overflow .scroll-nav__arrow { opacity: 1; visibility: visible; }

/* schowana na krańcu przewijania */
.scroll-nav__arrow.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }

.scroll-nav__arrow--prev {
    left: 6px;
    background-image: url("/wp-content/themes/lemmony/jt/assets/icons/nowa_strona_glowna/left-arrow.svg");
}
.scroll-nav__arrow--next {
    right: 6px;
    background-image: url("/wp-content/themes/lemmony/jt/assets/icons/nowa_strona_glowna/right-arrow.svg");
}
.scroll-nav__arrow--prev:hover {
    background-image: url("/wp-content/themes/lemmony/jt/assets/icons/nowa_strona_glowna/left-arrow-hover.svg");
}
.scroll-nav__arrow--next:hover {
    background-image: url("/wp-content/themes/lemmony/jt/assets/icons/nowa_strona_glowna/right-arrow-hover.svg");
}