/* ============================================================
   CasaXpert — animations.css
   ============================================================ */

/* ── FADE-IN ON SCROLL (intersection observer) ─────────────── */
.cx-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .6s ease, transform .6s ease;
}
.cx-reveal.visible {
    opacity: 1;
    transform: none;
}
.cx-reveal-delay-1 { transition-delay: .1s; }
.cx-reveal-delay-2 { transition-delay: .2s; }
.cx-reveal-delay-3 { transition-delay: .3s; }
.cx-reveal-delay-4 { transition-delay: .4s; }

/* ── WHATSAPP FLOATING BUTTON ─────────────────────────────── */
.whatsapp-float {
    position: fixed;
    bottom: 32px;
    right: 24px;
    z-index: 900;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #FB5B11;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(251,91,17,.4);
    transition: transform .25s, box-shadow .25s;
}
.whatsapp-float:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 24px rgba(251,91,17,.6);
    background: #e04e0a;
}
.whatsapp-float svg { color: #fff; }

/* ── HERO ELEMENTS ───────────────────────────────────────── */
.hero-content { animation: heroFadeUp .8s ease both; }
.hero-image   { animation: heroFadeUp .8s .2s ease both; }
.hero-reviews { animation: heroFadeUp .8s .35s ease both; }

@keyframes heroFadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── SECTION TRANSITIONS ─────────────────────────────────── */
.section-label,
.section-title,
.portfolio-card,
.team-card,
.servizio-card,
.recensione-card {
    /* classes handled by .cx-reveal via JS */
}

/* ── HEADER SCROLL EFFECT ────────────────────────────────── */
.site-header { transition: box-shadow .3s ease, background .3s ease; }