/**
 * Domain Transfer sayfası (dmt- öneki)
 * Domain ailesi teması: indigo/violet koyu hero. domains-nav altında normal
 * akışta (header padding tekniği GEREKMEZ). dm_tra_ çeviri öneki.
 */

/* Hero arka planı — domain ailesiyle uyumlu koyu gradient */
.dmt-hero-bg {
    background:
        radial-gradient(ellipse 50% 60% at 82% 18%, rgba(99, 102, 241, 0.22), transparent 60%),
        radial-gradient(ellipse 45% 55% at 12% 92%, rgba(139, 92, 246, 0.22), transparent 60%),
        linear-gradient(160deg, #0a0913 0%, #0d0b1e 55%, #100d26 100%);
}

/* Süzülen ışık küreleri */
@keyframes dmt-float {
    0%, 100% { transform: translateY(0) translateX(0); }
    50% { transform: translateY(-24px) translateX(12px); }
}
.dmt-orb {
    animation: dmt-float 8s ease-in-out infinite;
}

/* Süreç zaman çizelgesi — adımları birleştiren dikey/yatay çizgi */
.dmt-timeline-line {
    background: linear-gradient(180deg, #6366f1, #8b5cf6);
}

/* ---- Transfere özel hediye kartları (dönen gradient çerçeve) ---- */
@keyframes dmt-border-spin {
    to { transform: rotate(1turn); }
}
.dmt-bonus-border {
    /* Kart boyutundan bağımsız tam kapsama için büyük dairesel gradient */
    inset: -150%;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        rgba(56, 189, 248, 0.9) 40deg,
        rgba(99, 102, 241, 0.9) 80deg,
        transparent 140deg,
        transparent 360deg
    );
    animation: dmt-border-spin 6s linear infinite;
}
.dmt-bonus-border-alt {
    background: conic-gradient(
        from 180deg,
        transparent 0deg,
        rgba(217, 70, 239, 0.9) 40deg,
        rgba(139, 92, 246, 0.9) 80deg,
        transparent 140deg,
        transparent 360deg
    );
    animation-duration: 7s;
}
.dmt-bonus-card {
    transition: transform 0.3s ease;
}
.dmt-bonus-card:hover {
    transform: translateY(-5px);
}

/* Hediye etiketi hafif nabız */
@keyframes dmt-tag-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}
.dmt-bonus-tag {
    animation: dmt-tag-pulse 2.4s ease-in-out infinite;
}

/* Fiyat tablosu: ücretsiz transfer satırını vurgula */
.dmt-price-free {
    color: #059669;
    font-weight: 800;
}

/* Değer kartları — hover'da hafif yukarı kalkar (site geneliyle uyumlu) */
.dmt-value-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.dmt-value-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px -12px rgba(79, 70, 229, 0.18);
    border-color: rgba(129, 140, 248, 0.5);
}

/* ---- Lüks karşılaştırma tablosu (açık/ferah, isimli rakipler) ---- */
.dmt-lux-table-wrap {
    background: #ffffff;
    border: 1px solid #eef0f4;
    box-shadow: 0 24px 60px -24px rgba(30, 27, 75, 0.14), 0 4px 14px -6px rgba(30, 27, 75, 0.06);
}
.dmt-lux-table th,
.dmt-lux-table td {
    border-bottom: 1px solid #f1f3f7;
}
.dmt-lux-table tbody tr:last-child td {
    border-bottom: none;
}
.dmt-lux-table tbody tr {
    transition: background 0.2s ease;
}
.dmt-lux-table tbody tr:hover {
    background: #f8f9ff;
}
/* DomainQ sütunu: zarif açık vurgu */
.dmt-lux-us {
    background: linear-gradient(180deg, rgba(238, 242, 255, 0.9), rgba(245, 243, 255, 0.55));
    box-shadow: inset 1.5px 0 0 rgba(165, 180, 252, 0.6), inset -1.5px 0 0 rgba(165, 180, 252, 0.6);
    position: relative;
}
thead .dmt-lux-us {
    box-shadow: inset 1.5px 1.5px 0 rgba(165, 180, 252, 0.6), inset -1.5px 0 0 rgba(165, 180, 252, 0.6);
}
tbody tr:last-child .dmt-lux-us {
    box-shadow: inset 1.5px 0 0 rgba(165, 180, 252, 0.6), inset -1.5px -1.5px 0 rgba(165, 180, 252, 0.6);
}
/* Taç rozeti */
@keyframes dmt-crown-glow {
    0%, 100% { box-shadow: 0 4px 16px -4px rgba(251, 191, 36, 0.5); }
    50% { box-shadow: 0 4px 24px -2px rgba(251, 191, 36, 0.75); }
}
.dmt-lux-crown {
    animation: dmt-crown-glow 2.6s ease-in-out infinite;
}
/* Dar ekranlarda ilk sütun yapışkan kalsın (tablo yatay kayar) */
@media (max-width: 1023px) {
    .dmt-lux-table th:first-child,
    .dmt-lux-table td:first-child {
        position: sticky;
        left: 0;
        background: #ffffff;
        z-index: 1;
        box-shadow: 2px 0 8px -2px rgba(30, 27, 75, 0.08);
    }
    .dmt-lux-table tbody tr:hover td:first-child {
        background: #f8f9ff;
    }
}

/* Karşılaştırma tablosu: bizim sütunumuzu vurgula (eski açık tablo — yedek) */
.dmt-compare-us {
    background: linear-gradient(180deg, rgba(99, 102, 241, 0.06), rgba(139, 92, 246, 0.03));
}

/* Erişilebilir gizli etiket */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (prefers-reduced-motion: reduce) {
    .dmt-orb,
    .dmt-bonus-border,
    .dmt-bonus-tag,
    .dmt-lux-crown {
        animation: none;
    }
    .dmt-value-card,
    .dmt-bonus-card {
        transition: none;
    }
    /* Animasyonsuz halde çerçeve yine görünsün */
    .dmt-bonus-border {
        background: linear-gradient(135deg, rgba(56, 189, 248, 0.5), rgba(99, 102, 241, 0.5));
    }
    .dmt-bonus-border-alt {
        background: linear-gradient(135deg, rgba(217, 70, 239, 0.5), rgba(139, 92, 246, 0.5));
    }
}