/* Scrollbar رئيسي */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #08090e;
}
::-webkit-scrollbar-thumb {
  background: #1f2333;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3a4161;
}

/* إخفاء شريط التمرير لشريط أزرار الموبايل */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 1. تأثيرات حركة الظهور عند التمرير (Scroll Reveal) */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* 2. مؤشر الماوس المخصص المتوهج (Custom Glow Cursor) */
@media (hover: hover) and (pointer: fine) {
  body {
    cursor: default;
  }

  .custom-cursor-dot {
    position: fixed;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    background: #818cf8;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: width 0.2s, height 0.2s, background-color 0.2s;
  }

  .custom-cursor-outline {
    position: fixed;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(129, 140, 248, 0.5);
    background: rgba(99, 102, 241, 0.04);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    transform: translate(-50%, -50%);
    transition: width 0.2s ease-out, height 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
    box-shadow: 0 0 16px rgba(99, 102, 241, 0.2);
  }

  /* حالة التكبير والتوهج عند الوقوف على الأزرار والروابط */
  .cursor-hover .custom-cursor-outline {
    width: 54px;
    height: 54px;
    border-color: rgba(168, 85, 247, 0.8);
    background: rgba(168, 85, 247, 0.12);
  }
  .cursor-hover .custom-cursor-dot {
    background: #c084fc;
    width: 8px;
    height: 8px;
  }
}

@media (hover: none) or (pointer: coarse) {
  .custom-cursor-dot,
  .custom-cursor-outline {
    display: none !important;
  }
}

/* حركة التوهج البطيء في الخلفية */
@keyframes aurora {
  0%, 100% {
    transform: translate(-50%, 0) scale(1);
  }
  50% {
    transform: translate(-50%, 15px) scale(1.08);
  }
}

.animate-aurora {
  animation: aurora 12s ease-in-out infinite alternate;
}

/* تأثير الكشاف الضوئي المتبع لحركة الفأرة */
.spotlight-card {
  position: relative;
  overflow: hidden;
}

.spotlight-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: inherit;
  background: radial-gradient(
    600px circle at var(--mouse-x, 0px) var(--mouse-y, 0px),
    rgba(99, 102, 241, 0.14),
    transparent 40%
  );
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.spotlight-card:hover::before {
  opacity: 1;
}
/* إخفاء شارة وإعلانات Netlify التلقائية */
iframe[id*="netlify"],
div[class*="netlify-"],
[data-netlify-deploy-id],
#netlify-badge,
.netlify-badge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}