/* ============================================================
   OMC Motion v1 — «همس»: 16px · 450ms · مرة واحدة.
   حالة الإخفاء تُطبَّق فقط تحت html.omc-motion (يضيفها motion.js)،
   فإذا تعطل السكربت يظهر المحتوى كاملًا بلا أي حركة.
   prefers-reduced-motion يلغي كل شيء.
   transform/opacity فقط — لا يعاد رسم التخطيط.
   ============================================================ */

/* ---------- Scroll reveal ---------- */
html.omc-motion .omc-anim,
html.omc-motion .omc-anim-group > *{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .45s ease-out,transform .45s ease-out;
  will-change:opacity,transform;
}
html.omc-motion .omc-anim--start,
html.omc-motion .omc-anim-group--start > *{transform:translateX(16px)}   /* من اليمين في RTL */
html.omc-motion .omc-anim--end,
html.omc-motion .omc-anim-group--end > *{transform:translateX(-16px)}
html.omc-motion .omc-anim--zoom{transform:scale(.97)}
html.omc-motion .omc-anim.is-inview,
html.omc-motion .omc-anim-group > .is-inview{
  opacity:1;transform:none;will-change:auto;
}
/* stagger: تأخير 80ms لكل ابن حتى العاشر */
html.omc-motion .omc-anim-group > :nth-child(2){transition-delay:.08s}
html.omc-motion .omc-anim-group > :nth-child(3){transition-delay:.16s}
html.omc-motion .omc-anim-group > :nth-child(4){transition-delay:.24s}
html.omc-motion .omc-anim-group > :nth-child(5){transition-delay:.32s}
html.omc-motion .omc-anim-group > :nth-child(6){transition-delay:.4s}
html.omc-motion .omc-anim-group > :nth-child(7){transition-delay:.48s}
html.omc-motion .omc-anim-group > :nth-child(8){transition-delay:.56s}
html.omc-motion .omc-anim-group > :nth-child(9){transition-delay:.64s}
html.omc-motion .omc-anim-group > :nth-child(n+10){transition-delay:.72s}

/* ---------- Hover lift ---------- */
.omc-hover-lift{transition:transform .22s ease,box-shadow .22s ease}
.omc-hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(14,68,52,.12)}

/* ---------- Marquee (شعارات التأمين/الشركاء) ---------- */
.omc-marquee{overflow:hidden;position:relative}
.omc-marquee__track{
  display:flex;align-items:center;gap:56px;width:max-content;
  animation:omc-marquee 30s linear infinite;
}
.omc-marquee:hover .omc-marquee__track{animation-play-state:paused}
.omc-marquee img{height:52px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s ease,opacity .2s ease}
.omc-marquee img:hover{filter:none;opacity:1}
@keyframes omc-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}} /* RTL: يتحرك ناحية اليسار */

/* ---------- Counters ---------- */
.omc-count{font-variant-numeric:tabular-nums}

/* ---------- إيقاف كامل عند تفضيل تقليل الحركة ---------- */
@media (prefers-reduced-motion: reduce){
  html.omc-motion .omc-anim,
  html.omc-motion .omc-anim-group > *{opacity:1!important;transform:none!important;transition:none!important}
  .omc-marquee__track{animation:none!important}
  .omc-hover-lift,.omc-hover-lift:hover{transform:none!important;transition:none!important}
}