/* Crypto News 11 — حركات الأسعار والبطاقات (motion.css). لحذفها: أزل سطر هذا الملف وسطر motion.js من الصفحات */
@keyframes moIn{from{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:none}}
.mo-in{animation:moIn .65s cubic-bezier(.2,.8,.2,1) both}

/* وميض عند تغيّر السعر: أخضر للصعود وأحمر للهبوط مع انزلاق خفيف */
@keyframes moUp{0%{color:#34d399;text-shadow:0 0 16px rgba(52,211,153,.85);transform:translateY(5px);opacity:.5}35%{transform:translateY(-2px);opacity:1}100%{text-shadow:0 0 0 transparent;transform:none}}
@keyframes moDown{0%{color:#f87171;text-shadow:0 0 16px rgba(248,113,113,.85);transform:translateY(-5px);opacity:.5}35%{transform:translateY(2px);opacity:1}100%{text-shadow:0 0 0 transparent;transform:none}}
.mo-up{animation:moUp 1.5s ease-out}
.mo-down{animation:moDown 1.5s ease-out}
.coin .price,.ticker-item,#hxPrice{display:inline-block;font-variant-numeric:tabular-nums}
.coin .price{display:block}

/* بطاقة البيتكوين تطفو بهدوء، ونبضة خفيفة لنقطة التحديث المباشر */
@keyframes moFloat{50%{transform:translateY(-5px)}}
.hx-live{animation:moFloat 8s ease-in-out infinite;will-change:transform}
@keyframes moBadge{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,.0)}50%{box-shadow:0 0 18px 0 rgba(34,211,238,.28)}}
.hero-badge{animation:moBadge 3.2s ease-in-out infinite}

/* ضغط الأزرار والبطاقات عند اللمس */
.coin,.card,.btn,.btn-primary,.sec-card,.tool{transition:transform .18s ease,box-shadow .25s ease}
.coin:active,.card:active,.btn:active,.btn-primary:active,.sec-card:active,.tool:active{transform:scale(.97)}

/* ظهور تدريجي لخطوط جدول الأسواق */
@keyframes moRow{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
table.coins tr.row.mo-row{animation:moRow .5s ease both}

@media(prefers-reduced-motion:reduce){.mo-in,.mo-up,.mo-down,.hx-live,.hero-badge,table.coins tr.row.mo-row{animation:none!important}}