/* =========================================================
   PRINTMANIA - GLOBAL RANDOM SCROLL REVEAL
   Theme1 + Theme2 / sve javne stranice
========================================================= */

.pm-reveal{
    opacity:0;
    will-change:transform, opacity, filter;
    transition:
        opacity .78s cubic-bezier(.2,.8,.2,1),
        transform .78s cubic-bezier(.2,.8,.2,1),
        filter .78s cubic-bezier(.2,.8,.2,1);
    transition-delay:var(--pm-delay, 0ms);
}

.pm-reveal.pm-fx-up{
    transform:translate3d(0,54px,0);
}

.pm-reveal.pm-fx-left{
    transform:translate3d(-64px,0,0);
}

.pm-reveal.pm-fx-right{
    transform:translate3d(64px,0,0);
}

.pm-reveal.pm-fx-zoom{
    transform:scale(.90);
    filter:blur(3px);
}

.pm-reveal.pm-fx-tilt-left{
    transform:
        perspective(1000px)
        rotateY(8deg)
        translate3d(-35px,20px,0)
        scale(.96);
}

.pm-reveal.pm-fx-tilt-right{
    transform:
        perspective(1000px)
        rotateY(-8deg)
        translate3d(35px,20px,0)
        scale(.96);
}

.pm-reveal.pm-fx-pop{
    transform:translate3d(0,24px,0) scale(.88);
    filter:blur(2px);
}

.pm-reveal.pm-visible{
    opacity:1;
    transform:translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0) rotateY(0);
    filter:none;
}

/* Theme1: malo izraženiji glow tokom ulaska */
body.theme1-site .pm-reveal.pm-visible{
    filter:none;
}

/* Theme2: ostaje čist i lagan */
body.theme2-site .pm-reveal{
    transition-duration:.72s;
}

/* Ne animiramo fiksni header/footer niti elemente koji mogu poremetiti kontrole */
header.pm-header,
footer,
.pm-scroll-no-effect,
script,
style{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
}

/* Telefon - kraće pomeranje da ne deluje napadno */
@media(max-width:768px){
    .pm-reveal{
        transition-duration:.62s;
    }

    .pm-reveal.pm-fx-up{
        transform:translate3d(0,34px,0);
    }

    .pm-reveal.pm-fx-left{
        transform:translate3d(-34px,0,0);
    }

    .pm-reveal.pm-fx-right{
        transform:translate3d(34px,0,0);
    }

    .pm-reveal.pm-fx-tilt-left{
        transform:translate3d(-24px,18px,0) scale(.97);
    }

    .pm-reveal.pm-fx-tilt-right{
        transform:translate3d(24px,18px,0) scale(.97);
    }
}

@media(prefers-reduced-motion:reduce){
    .pm-reveal,
    .pm-reveal.pm-visible{
        opacity:1 !important;
        transform:none !important;
        filter:none !important;
        transition:none !important;
    }
}
