/* =============================================================
   IDATA Elementor Widgets – MARQUEE
   Phụ thuộc: idata-core
============================================================= */

/* =========================================================
   2. PARTNERS / TECH MARQUEE
========================================================= */
.idata-partners {
  padding-block: var(--idata-space-7);
  background: var(--idata-surface);
  border-block: 1px solid var(--idata-border);
  overflow: hidden;
}
.idata-partners__head {
  text-align: center;
  margin-bottom: var(--idata-space-5);
  font-size: var(--idata-fs-xs);
  font-weight: var(--idata-font-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--idata-muted-light);
}

.idata-partners__marquee {
  display: flex;
  gap: var(--idata-space-6);
  width: max-content;
  animation: idata-marquee 46s linear infinite;
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.idata-partners__marquee:hover,
.idata-partners__marquee.is-paused { animation-play-state: paused; }

.idata-partners__track { display: flex; align-items: center; gap: var(--idata-space-6); }
.idata-partners__item {
  padding: 10px 22px;
  border: 1px solid var(--idata-border);
  border-radius: var(--idata-radius-pill);
  background: var(--idata-bg);
  font-size: var(--idata-fs-sm);
  font-weight: var(--idata-font-weight-semibold);
  color: var(--idata-muted);
  white-space: nowrap;
  transition: color var(--idata-transition-fast), border-color var(--idata-transition-fast);
}
.idata-partners__item:hover { color: var(--idata-primary); border-color: var(--idata-primary); }

@keyframes idata-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .idata-partners__marquee { animation: none; flex-wrap: wrap; width: 100%; justify-content: center; }
  .idata-partners__track:last-child { display: none; }
}

/* ============ MODIFIER ============ */
.idata-marquee-hover-yes .idata-partners__marquee:hover { animation-play-state: paused; }
.idata-partners__logo { width: auto; height: 34px; object-fit: contain; }
.idata-partners__link { display: block; }