/* =========================================================
   Abu Rashid Cars — animations.css (Phase 03)
   Subtle premium transitions only.
   ========================================================= */

@keyframes arc-fade-up {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes arc-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes arc-pulse {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.04); }
}

.fade-up { animation: arc-fade-up 0.5s ease both; }
.fade-in { animation: arc-fade-in 0.4s ease both; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ظهور تدريجي عند التمرير — مُفعّل فقط عند توفّر JS (html.js) كي لا يختفي المحتوى بلا JS.
   الكتلة العامة لتقليل الحركة أعلاه تجعل الانتقال فوريًّا (يظهر بلا حركة) لمن يطلب ذلك. */
.js .reveal-up { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.js .reveal-up.is-in { opacity: 1; transform: none; }