/* 
Theme Name: S99 Child
Theme URI: https://studio99.sm
Description: S99 Child is a child theme of S99, created by Studio99 team
Author: Studio99 Team
Author URI: https://studio99.sm
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* =========================================
   S99 - ANIMAZIONE GLOBALE
   Movimento leggero, elegante e performante
   ========================================= */

.s99-animate { opacity: 1; transform: none; }

/* Attiviamo lo stato iniziale solo sul frontend dopo che JavaScript ha preparato la pagina */
html.s99-motion-ready .s99-animate { opacity: 0; transform: translate3d(0, 22px, 0) scale(0.985); transition: opacity 1000ms cubic-bezier(0.22, 1, 0.36, 1), transform 1000ms cubic-bezier(0.22, 1, 0.36, 1); }

/* Stato finale dell'animazione */
html.s99-motion-ready .s99-animate.s99-visible { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }

/* Evitiamo movimenti troppo visibili sui dispositivi piccoli */
@media (max-width: 767px) {
    html.s99-motion-ready .s99-animate { transform: translate3d(0, 14px, 0) scale(0.99); transition-duration: 650ms; }
}

/* Rispettiamo la preferenza dell'utente per ridurre il movimento */
@media (prefers-reduced-motion: reduce) {
    html.s99-motion-ready .s99-animate, html.s99-motion-ready .s99-animate.s99-visible { opacity: 1; transform: none; transition: none; }
}

/* Protezione aggiuntiva per l'editor Elementor */
body.elementor-editor-active .s99-animate, body.elementor-editor-preview .s99-animate { opacity: 1 !important; transform: none !important; transition: none !important; }