/* الخلفية الكاملة للودر */
#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: opacity 0.5s ease;
}

/* محتوى اللودر */
.loader-content {
  text-align: center;
}

/* الشعار مع حركة تأرجح دوران يمين/يسار */
#logo {
  width: 120px;
  height: auto;
  animation: rotateSwing 2s ease-in-out infinite;
}

/* حركة تأرجح خفيفة يمينًا ويسارًا */
@keyframes rotateSwing {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(5deg); }
  50%  { transform: rotate(0deg); }
  75%  { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

/* نص التحميل */
.loading-text {
  font-family: 'Segoe UI', sans-serif;
  font-size: 22px;
  color: #444;
  margin-top: 15px;
  letter-spacing: 1px;
}

/* نقاط "..." المتحركة */
.dot {
  animation: blink 1.5s infinite;
}
.dot:nth-child(1) { animation-delay: 0.2s; }
.dot:nth-child(2) { animation-delay: 0.4s; }
.dot:nth-child(3) { animation-delay: 0.6s; }

@keyframes blink {
  0%, 20% { opacity: 0; }
  50%     { opacity: 1; }
  100%    { opacity: 0; }
}