/* Marquee şeridindeki tek öge.
 *
 * Nokta rengi ebeveyn şeritten `--vt-marquee-dot` ile miras alınır;
 * ögenin kendi prop'u yoktur. Ayraç aralığı da ebeveynin `--vt-marquee-gap`
 * değerini kullanır, böylece dikiş yerindeki ritim bozulmaz.
 */

.cc_lqof57t2_JrQQbAu0Jy .vt-marquee-item {
  display: flex;
  align-items: center;
  gap: var(--vt-marquee-gap, 48px);
  flex: none;
  white-space: nowrap;
}

.cc_lqof57t2_JrQQbAu0Jy .vt-marquee-item__text {
  color: var(--color-text-secondary);
  text-transform: uppercase;
}

/* Büyük harf dönüşümünün Türkçe'de doğru çalışması için elemana `lang`
   yazılıyor (bkz. index.tsx) — o olmadan "i" noktasız "I" oluyordu.
   Harf aralığı tipografi stilinden (Şerit/Etiket) gelir; burada tekrar
   yazılmaz ki editörden ayarlanabilsin. */

.cc_lqof57t2_JrQQbAu0Jy .vt-marquee-item__link {
  color: inherit;
  text-decoration: none;
  transition: color 200ms ease;
}

.cc_lqof57t2_JrQQbAu0Jy .vt-marquee-item__link:hover .vt-marquee-item__text, .cc_lqof57t2_JrQQbAu0Jy .vt-marquee-item__link:focus-visible .vt-marquee-item__text {
  color: var(--color-accent);
}

.cc_lqof57t2_JrQQbAu0Jy .vt-marquee-item__dot {
  flex: none;
  width: var(--vt-marquee-sep-size, 6px);
  height: var(--vt-marquee-sep-size, 6px);
  border-radius: var(--vt-marquee-sep-radius, var(--radius-pill));
  /* Şeride bir ayraç görseli verilmişse ebeveyn bu üç değişkeni birden
     yazar: zemin şeffaflaşır, görsel gelir, ölçü büyür. */
  background-color: var(--vt-marquee-sep-bg, var(--vt-marquee-dot, var(--brand-sand)));
  background-image: var(--vt-marquee-sep, none);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* Ögeye özel görsel — şeridin ayracını ezer. */
.cc_lqof57t2_JrQQbAu0Jy .vt-marquee-item__sep {
  flex: none;
  width: auto;
  height: var(--vt-marquee-sep-size, 18px);
  object-fit: contain;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .cc_lqof57t2_JrQQbAu0Jy .vt-marquee-item__link {
    transition: none;
  }
}