/* =====================================================================
   fullPage Homepage — style
   ===================================================================== */

/* Zablokuj domyślny scroll tylko na homepage */
body.fullpage-homepage {
    overflow: hidden;
}

/* Sekcja fullpage */
body.fullpage-homepage .fp-section {
    transition: background-color 0.7s ease;
}

/* Animacja wejścia zawartości aktywnej sekcji */
body.fullpage-homepage .fp-section--active .elementor-container,
body.fullpage-homepage .fp-section--active .elementor-widget-wrap {
    animation: fph-fade-in 0.65s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

@keyframes fph-fade-in {
    from {
        opacity: 0;
        transform: translateY(28px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =====================================================================
   Boczna nawigacja z miniaturami (prawa strona — jak na screenie)
   ===================================================================== */

#fp-thumbnail-nav {
    position: fixed;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 14px;
    pointer-events: all;
}

.fp-thumb-dot {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
    border: 2px solid rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    background-size: cover;
    background-position: center;
    backdrop-filter: blur(4px);
}

.fp-thumb-dot:hover {
    transform: scale(1.18);
    border-color: rgba(255, 255, 255, 0.9);
}

.fp-thumb-dot.active {
    border-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
    transform: scale(1.25);
}

/* Ukryj domyślną nawigację fullPage.js */
#fp-nav {
    display: none !important;
}

/* =====================================================================
   Responsywność
   ===================================================================== */

@media (max-width: 768px) {
    body.fullpage-homepage {
        overflow: auto;
    }

    #fp-thumbnail-nav {
        display: none;
    }
}