/*
Theme Name: Dreamslab Child
Theme URI: https://dreamslab.bravisthemes.com/
Description: Child theme for Dreamslab
Author: Kloc
Template: dreamslab
Version: 1.0
*/

/* Import parent theme styles */
/*@import url("../dreamslab/style.css");*/

@media(min-width: 767px){
/* =========================
   BASE OPTIMIZATION
========================= */
.float-element {
    will-change: transform;
    transform: translate3d(0, 0, 0);
}


/* =========================
   AWARENESS: DOWN → HOLD → UP
========================= */
@keyframes awarenessFloat {
    0% {
        transform: translateY(0);
    }

    /* Move DOWN */
    40% {
        transform: translateY(50px);
    }

    /* HOLD at bottom (~1s in 4s total) */
    65% {
        transform: translateY(50px);
    }

    /* Move UP */
    100% {
        transform: translateY(0);
    }
}

.awareness-anim {
    animation: awarenessFloat 4s ease-in-out infinite;
}


/* =========================
   ACTION: UP → HOLD → DOWN
========================= */
@keyframes actionFloat {
    0% {
        transform: translateY(0);
    }

    /* Move UP */
    40% {
        transform: translateY(-50px);
    }

    /* HOLD at top (~1s) */
    65% {
        transform: translateY(-50px);
    }

    /* Move DOWN */
    100% {
        transform: translateY(0);
    }
}

.action-anim {
    animation: actionFloat 4s ease-in-out infinite;
}


/* =========================
   ACCESSIBILITY
========================= */
@media (prefers-reduced-motion: reduce) {
    .awareness-anim,
    .action-anim {
        animation: none;
    }
}


.awareness-anim,
.action-anim {
    animation: none;
}

.float-start.awareness-anim {
    animation: awarenessFloat 4s ease-in-out infinite;
}

.float-start.action-anim {
    animation: actionFloat 4s ease-in-out infinite;
}

}