/* ============================================
   Domain Ana Sayfası Stilleri
   Tailwind öncelikli — yalnızca hero arka planı ve
   Tailwind ile çözülemeyen animasyonlar burada.
   ============================================ */

/* Hero: rakip esinli siyah zemin + renkli ışık küreleri */
.dm-hero-bg {
  background:
    radial-gradient(ellipse 55% 45% at 85% 30%, rgba(37, 99, 235, 0.16), transparent 60%),
    radial-gradient(ellipse 50% 45% at 8% 85%, rgba(147, 51, 234, 0.20), transparent 60%),
    linear-gradient(160deg, #0a0913 0%, #0d0b1e 55%, #100d26 100%);
}

/* Işık küreleri: çok yavaş nefes alma */
.dm-orb {
  animation: dm-orb-breathe 9s ease-in-out infinite;
}

.dm-orb-2 {
  animation: dm-orb-breathe 11s ease-in-out infinite reverse;
}

@keyframes dm-orb-breathe {
  0%, 100% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.08); }
}

/* Arama kutusu: odaklanınca yumuşak parlar */
.dm-search input {
  backdrop-filter: blur(6px);
}

/* ---- TLD kayan şeridi (marquee) ---- */
.dm-marquee-row {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.dm-marquee-track {
  display: flex;
  width: max-content;
  animation: dm-marquee 55s linear infinite;
}

.dm-marquee-row--reverse .dm-marquee-track {
  animation-direction: reverse;
}

/* İmleç şeridin üzerindeyken akış durur */
.dm-marquee-row:hover .dm-marquee-track {
  animation-play-state: paused;
}

@keyframes dm-marquee {
  to { transform: translateX(-50%); }
}

.dm-tld-pill {
  margin-right: 1rem;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.dm-tld-pill:hover {
  border-color: #818cf8;
  box-shadow: 0 8px 20px -8px rgba(79, 70, 229, 0.35);
  transform: translateY(-2px);
}

/* Kart hover'ları */
.dm-feature-card,
.dm-band {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.dm-band:hover {
  transform: translateY(-4px);
}

.dm-feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -14px rgba(79, 70, 229, 0.18);
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  .dm-orb,
  .dm-orb-2 {
    animation: none;
  }

  /* Şerit sabitlenir, tek kopya satır içine sarılır */
  .dm-marquee-track {
    animation: none;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1rem;
  }

  .dm-marquee-track > a[aria-hidden="true"] {
    display: none;
  }

  .dm-marquee-row {
    -webkit-mask-image: none;
    mask-image: none;
  }
}