/* =========================================================
   animations.css — الحركات والانتقالات
   ========================================================= */

/* ظهور عناصر عندما تصل عندها عند التمرير */
.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s ease, transform .7s ease;
    will-change: opacity, transform;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.reveal-left { transform: translateX(-40px); }
.reveal-right { transform: translateX(40px); }
.reveal-zoom { transform: scale(.92); }

.reveal-left.visible,
.reveal-right.visible,
.reveal-zoom.visible { transform: translateX(0) scale(1); }

/* فاصل الأقسام */
.divider {
    width: 64px;
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--primary), var(--accent));
    margin: 10px 0 0;
}

/* نبض خفيف لأيقونة الشرقية */
.pulse i { animation: pulse 2.4s ease infinite; }

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}

/* ظهور بطاقة البيانات */
.data-card { opacity: 0; transform: translateY(24px); }

.data-card.reveal-visible,
.data-card.visible { opacity: 1; transform: translateY(0); transition: opacity .5s ease, transform .5s ease; }

/* أرقام عائمة في الهيدر */
.hero-inner { animation: fadeUp .9s ease both; }

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

/* تلميح قاع الأزرار */
.btn { position: relative; overflow: hidden; }
.btn::after {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent);
    transition: right .5s ease;
}
.btn:hover::after { right: 130%; }

/* هيدر يصبح مدمجاً عند التمرير */
.site-header { transition: all .35s ease; }

/* توافق مع الحركة المختصرة */
@media (prefers-reduced-motion: reduce) {
    * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    html { scroll-behavior: auto; }
    .reveal, .data-card { opacity: 1 !important; transform: none !important; }
}