body {
  font-family: "Tajawal", sans-serif;
}

/* تخصيص الأنيميشن التي لا تتوفر بشكل افتراضي في Tailwind */
@keyframes cardAppear {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.animate-card {
  animation: cardAppear 0.8s ease-out;
}

@keyframes logoPulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 15px 25px -8px rgba(0, 0, 0, 0.4);
  }
  50% {
    transform: scale(1.03);
    box-shadow: 0 20px 30px -8px #1e3799;
  }
}
.animate-logo {
  animation: logoPulse 3s infinite ease-in-out;
}

@keyframes infoGlow {
  0% {
    box-shadow: 0 8px 15px -6px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 8px 25px -4px #f48520;
  }
}
.animate-info-glow {
  animation: infoGlow 3s infinite alternate;
}

@keyframes mapPulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
    box-shadow: 0 20px 30px -5px #f48520;
  }
}
.animate-map-pulse {
  animation: mapPulse 2s infinite;
}

/* إخفاء السكرول بار */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}