/* ============================================================
   WOW — محرك ظهور احترافي على الموقع كله (Scroll Reveal)
   أنواع: fade-up / fade-down / fade-right / fade-left
          zoom-in / zoom-up / zoom-down
   العناصر تظهر عنصر عنصر (stagger). بدون مكتبات خارجية.
   ============================================================ */

/* الحالة الابتدائية (فقط لما JS شغّال) */
html.wow-ready .reveal{
  opacity:0;
  transition:opacity .8s cubic-bezier(.2,.7,.2,1),
             transform .8s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--d,0ms);
  will-change:opacity,transform;
  transform:translateY(34px); /* الافتراضي = fade-up */
}

/* أنواع الحركة */
html.wow-ready .reveal.fade-up   { transform:translateY(38px); }
html.wow-ready .reveal.fade-down { transform:translateY(-38px); }
html.wow-ready .reveal.fade-right{ transform:translateX(40px); }   /* يدخل من اليمين (RTL) */
html.wow-ready .reveal.fade-left { transform:translateX(-40px); }
html.wow-ready .reveal.zoom-in   { transform:scale(.9); }
html.wow-ready .reveal.zoom-up   { transform:translateY(38px) scale(.92); }
html.wow-ready .reveal.zoom-down { transform:translateY(-38px) scale(.92); }

/* الحالة النهائية عند الظهور */
html.wow-ready .reveal.is-in{ opacity:1;transform:none; }

/* احترام تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  html.wow-ready .reveal{ opacity:1 !important;transform:none !important;transition:none !important; }
}

/* ============================================================
   هوفر احترافي عام — رفع خفيف بدل الظلال الثقيلة
   ============================================================ */
/* هوفر Skew احترافي لكروت الخدمات (الهوم + الأرشيف) */
.sv-archive .card .img,
.services_section .card,
.hp-serv .card,
.wow-hover{
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .4s ease;
  will-change:transform;transform-origin:center;
}
.sv-archive .card:hover .img,
.services_section .card:hover,
.hp-serv .card:hover,
.wow-hover:hover{
  transform:translateY(-6px) skewX(-4deg);
}
.sv-archive .card .img{ overflow:hidden; }
.sv-archive .card:hover .img{ box-shadow:0 16px 32px rgba(62,42,32,.14); }
/* نعيد ميل المحتوى جوه الكارت عكسيًا عشان النص يفضل مستقيم */
.sv-archive .card .body,
.services_section .card > *,
.hp-serv .card > *{ transition:transform .4s cubic-bezier(.2,.7,.2,1); }
.sv-archive .card:hover .body,
.services_section .card:hover > *,
.hp-serv .card:hover > *{ transform:skewX(4deg); }

/* ============================================================
   الهيرو (الانتور) — توسيط المحتوى في النص (ديسكتوب)
   ============================================================ */
/* الهيرو (الانتور): زووم واحد واضح يشتغل بعد اكتمال التحميل */
html.wow-ready section.hero-one .titles.reveal{
  transition-duration:1s;
}
html.wow-ready section.hero-one .titles.reveal.zoom-in{
  transform:scale(.85);
}

/* ============================================================
   الهيدر + المنيو — ظهور عنصر عنصر عند تحميل الصفحة
   (يشتغل فقط لما JS شغّال عشان يفضل الهيدر ظاهر لو مفيش JS)
   ============================================================ */
@keyframes jwHeaderItem{
  from{ opacity:0; transform:translateY(-12px); }
  to{ opacity:1; transform:none; }
}
html.wow-ready .site-header .site-logo,
html.wow-ready .site-header .main-nav .menu > li,
html.wow-ready .site-header .header-cta > *{
  opacity:0;
  animation:jwHeaderItem .6s cubic-bezier(.2,.7,.2,1) forwards;
}
html.wow-ready .site-header .site-logo{ animation-delay:.05s; }
html.wow-ready .main-nav .menu > li:nth-child(1){ animation-delay:.18s; }
html.wow-ready .main-nav .menu > li:nth-child(2){ animation-delay:.28s; }
html.wow-ready .main-nav .menu > li:nth-child(3){ animation-delay:.38s; }
html.wow-ready .main-nav .menu > li:nth-child(4){ animation-delay:.48s; }
html.wow-ready .main-nav .menu > li:nth-child(5){ animation-delay:.58s; }
html.wow-ready .main-nav .menu > li:nth-child(6){ animation-delay:.68s; }
html.wow-ready .main-nav .menu > li:nth-child(7){ animation-delay:.78s; }
html.wow-ready .header-cta > *{ animation-delay:.85s; }

/* ============================================================
   اعتماد الشركة — هوفر احترافي على الصور
   ============================================================ */
.hp-credits .card .logo img{
  transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s ease;
  will-change:transform;
}
.hp-credits .card:hover .logo img{
  transform:translateY(-6px) scale(1.07);
  filter:drop-shadow(0 10px 18px rgba(62,42,32,.18));
}

/* ============================================================
   المدونة — هوفر احترافي على الكروت
   ============================================================ */
.post-card{
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease;
  will-change:transform;
}
.post-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 38px -18px rgba(62,42,32,.28);
}
.post-card .card-img{ overflow:hidden; }
.post-card .card-img img{
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
  will-change:transform;
}
.post-card:hover .card-img img{ transform:scale(1.08); }

@media (prefers-reduced-motion: reduce){
  html.wow-ready .site-header .site-logo,
  html.wow-ready .site-header .main-nav .menu > li,
  html.wow-ready .site-header .header-cta > *{
    opacity:1 !important; animation:none !important;
  }
}