/* ===== AzeyTech — طبقة التحسينات البصرية المشتركة (إضاءة + أنميشن عصري) ===== */
/* آمنة تماماً: كلها إضافات (ambient/pseudo) لا تكسر أي تنسيق موجود. */
:root{
  --azt-blue:#0084FF; --azt-cyan:#38BDF8; --azt-accent:#2BA9E8;
  --azt-grad:linear-gradient(135deg,#0084FF,#38BDF8);
}

/* ---- إضاءة محيطة (كرات ضوئية تطفو بالخلفية) ---- */
.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.ambient span{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:aztDrift 24s ease-in-out infinite}
.ambient .o1{width:360px;height:360px;background:var(--azt-blue);top:-80px;inset-inline-start:6%}
.ambient .o2{width:300px;height:300px;background:var(--azt-cyan);bottom:8%;inset-inline-end:10%;animation-delay:-8s}
.ambient .o3{width:220px;height:220px;background:var(--azt-accent);top:45%;inset-inline-start:44%;animation-delay:-16s}
@keyframes aztDrift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(34px,-42px) scale(1.12)}66%{transform:translate(-28px,26px) scale(.93)}}

/* رفع المحتوى المتدفّق فوق الإضاءة — العناصر الثابتة (header/nav/wa-float) تحتفظ بترتيبها العالي */
main,section,footer,.hero,.section,.container,.svc-hero,.lp-hero{position:relative;z-index:1}

/* ---- شريط تقدّم أعلى الصفحة ---- */
.scroll-progress{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,var(--azt-blue),var(--azt-cyan));box-shadow:0 0 12px rgba(0,132,255,.6);transition:width .1s linear}

/* ---- حدود متوهّجة متدرّجة عند المرور (حلقة 1px بالـmask — لا تغطّي النص) ---- */
/* .feat-card::before مستخدم (الشريط العلوي)، فنستخدم ::after الحر */
.feat-card::after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(130deg,rgba(0,132,255,.75),rgba(56,189,248,.15),transparent 55%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}
.feat-card:hover::after{opacity:1}

/* ---- خط منزلق تحت روابط القائمة ---- */
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;inset-inline-start:0;bottom:-4px;height:2px;width:0;background:var(--azt-grad);border-radius:2px;transition:width .3s ease}
.nav-links a:hover::after{width:100%}

/* ---- نبضة حول زر واتساب العائم (ring خلفه — لا يمسّ أيقونته) ---- */
.wa-float::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.5;z-index:-1;animation:aztPulse 2.4s ease-out infinite}
@keyframes aztPulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.85);opacity:0}100%{opacity:0}}

/* ---- تقليل الحركة لمن يفضّلها ---- */
@media (prefers-reduced-motion:reduce){
  .ambient span,.wa-float::before{animation:none}
}

/* ---- انتقال ناعم بين صفحات الموقع (View Transitions API) ----
   يعمل تلقائياً مع <meta name="view-transition" content="same-origin"> بكل صفحة —
   بدون JS، وبدون أثر على المتصفحات القديمة (تتجاهله وتتنقل عادي). */
::view-transition-old(root){animation:aztPageOut .22s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:aztPageIn .28s cubic-bezier(.4,0,.2,1) both}
@keyframes aztPageOut{to{opacity:0}}
@keyframes aztPageIn{from{opacity:0}}
@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}