/* ============================================================
   SPIRO PILATES — animations.css
   ============================================================ */

:root {
    --anim-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── HOVER karty zajęć ─────────────────────────────────────── */
.sz-card {
    transition: transform 0.4s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s ease, background 0.3s ease;
}
.sz-card:hover {
    transform: translateY(-8px) scale(1.01);
    box-shadow: 0 20px 50px rgba(16,34,27,0.14);
}
.sz-card__logo-img {
    transition: transform 0.5s cubic-bezier(0.22,1,0.36,1);
}
.sz-card:hover .sz-card__logo-img {
    transform: scale(1.06);
}

/* ── HOVER karty cennika ───────────────────────────────────── */
.sc-card {
    transition: transform 0.4s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s ease;
}
.sc-card:hover {
    transform: translateY(-8px) scale(1.01);
    box-shadow: 0 20px 50px rgba(16,34,27,0.14);
}
.sc-card__price {
    transition: transform 0.35s cubic-bezier(0.22,1,0.36,1);
    display: inline-block;
}
.sc-card:hover .sc-card__price {
    transform: scale(1.08);
}

/* ── HOVER przyciski ───────────────────────────────────────── */
.btn {
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
                transform 0.25s cubic-bezier(0.22,1,0.36,1), box-shadow 0.25s ease;
}
.btn:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 28px rgba(16,34,27,0.2);
}
.btn:active {
    transform: translateY(0) scale(0.98);
    box-shadow: none;
}

/* ── HOVER social ikony ────────────────────────────────────── */
.wix-icon {
    transition: background 0.25s ease, color 0.25s ease, transform 0.2s var(--anim-ease);
}
.wix-icon:hover {
    transform: scale(1.1);
}

/* ── Menu mobile — linki wchodzą kaskadowo ─────────────────── */
.wix-nav.is-open .wix-nav__list li {
    opacity: 0;
    transform: translateX(20px);
    animation: spiro-fade-left 0.4s var(--anim-ease) forwards;
}
.wix-nav.is-open .wix-nav__list li:nth-child(1) { animation-delay: 0.15s; }
.wix-nav.is-open .wix-nav__list li:nth-child(2) { animation-delay: 0.22s; }
.wix-nav.is-open .wix-nav__list li:nth-child(3) { animation-delay: 0.29s; }
.wix-nav.is-open .wix-nav__list li:nth-child(4) { animation-delay: 0.36s; }
.wix-nav.is-open .wix-nav__list li:nth-child(5) { animation-delay: 0.43s; }
.wix-nav.is-open .wix-nav__list li:nth-child(6) { animation-delay: 0.50s; }

.wix-nav.is-open .wix-nav__cta {
    opacity: 0;
    animation: spiro-fade-left 0.4s var(--anim-ease) 0.56s forwards;
}

/* ── KEYFRAMES ─────────────────────────────────────────────── */
@keyframes spiro-fade-left {
    from { opacity: 0; transform: translateX(20px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes spiro-fade-up {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Respektuj preferencje systemowe ──────────────────────── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}