/* ==========================================================
   marquee.css — شريط الخدمات المتحرك تحت الـ Hero
   ========================================================== */
:root {
  --ebmnt1-marquee-text-color: var(--ebmnt1-color-primary);
  --ebmnt1-marquee-text-font-size: clamp(1.8rem, 1.1rem + 3.6vw, 5.2rem);
  --ebmnt1-marquee-icon-color: var(--ebmnt1-color-gradient-from);
  --ebmnt1-marquee-icon-font-size: clamp(0.63rem, 0.595rem + 0.2vw, 0.756rem);
  --ebmnt1-marquee-dot-color: var(--ebmnt1-color-gradient-center);
  --ebmnt1-marquee-gap: 1em;
  --ebmnt1-marquee-duration: 38s;
  --ebmnt1-marquee-edge-mask: linear-gradient(90deg, transparent, var(--ebmnt1-color-black) 8%, var(--ebmnt1-color-black) 92%, transparent);
}

.ebmnt1-marquee {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}

.ebmnt1-marquee__viewport {
  width: 100%;
  overflow: hidden;
  direction: ltr;
  -webkit-mask-image: var(--ebmnt1-marquee-edge-mask);
  mask-image: var(--ebmnt1-marquee-edge-mask);
}

.ebmnt1-marquee__track {
  display: flex;
  width: max-content;
  gap: var(--ebmnt1-marquee-gap);
  direction: rtl;
  animation: ebmnt1-marquee-move var(--ebmnt1-marquee-duration) linear infinite;
}

.ebmnt1-marquee:hover .ebmnt1-marquee__track {
  animation-play-state: paused;
}

.ebmnt1-marquee__item {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  flex: none;
  color: var(--ebmnt1-marquee-text-color);
  font-size: var(--ebmnt1-marquee-text-font-size);
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
}

.ebmnt1-marquee__item i {
  color: var(--ebmnt1-marquee-icon-color);
  font-size: var(--ebmnt1-marquee-icon-font-size);
}

.ebmnt1-marquee__dot {
  flex: none;
  align-self: center;
  width: 0.14em;
  height: 0.14em;
  border-radius: 50%;
  background-color: var(--ebmnt1-marquee-dot-color);
}

/* RTL: الحركة من اليسار إلى اليمين */
@keyframes ebmnt1-marquee-move {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  .ebmnt1-marquee__track {
    animation-duration: 120s;
  }
}