/* =====================================================
   SIMPLE & STABLE ANIMATION SYSTEM
===================================================== */


/* =========================
   BASE
========================= */

.fx,
.fx-left-slow,
.fx-right-slow,
.fx-text {
    opacity: 0;
    transition: opacity 0.8s ease, transform 1s cubic-bezier(0.22,1,0.36,1);
}


/* =========================
   STANDARD (BOTTOM)
========================= */

.fx {
    transform: translateY(30px);
}

    .fx.show {
        opacity: 1;
        transform: translateY(0);
    }


/* =========================
   LEFT
========================= */

.fx-left-slow {
    transform: translateX(-60px);
}

    .fx-left-slow.show {
        opacity: 1;
        transform: translateX(0);
    }


/* =========================
   RIGHT
========================= */

.fx-right-slow {
    transform: translateX(60px);
}

    .fx-right-slow.show {
        opacity: 1;
        transform: translateX(0);
    }


/* =========================
   TEXT (READING CLASS KEEPS NAME)
========================= */

.fx-text {
    transform: translateY(20px);
}

    .fx-text.show {
        opacity: 1;
        transform: translateY(0);
    }

/* reading sada služi samo za tipografiju */
.reading {
    line-height: 1.7;
}


/* =========================
   CHECKLIST
========================= */

.checklist li {
    list-style: none;
    margin-bottom: 10px;
}


/* =========================
   NAVBAR
========================= */

.navbar {
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

    .navbar.scrolled {
        background: rgba(255,255,255,0.9);
        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    }


/* =========================
   SMOOTH SCROLL
========================= */

html {
    scroll-behavior: smooth;
}