/**
 * Toplu Alan Adı Kaydı sayfası (dmb- öneki)
 * Domain ailesi teması: indigo/violet, koyu hero. domains-nav altında normal
 * akışta olduğu için header padding tekniği GEREKMEZ (domain-transfer gibi).
 */

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

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

/* Hero'daki sorgu kartı — yumuşak giriş */
@keyframes dmb-card-in {
    from { opacity: 0; transform: translateY(18px) scale(0.985); }
    to { opacity: 1; transform: none; }
}
.dmb-tool-card {
    animation: dmb-card-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Sonuç bölümü açığa çıkınca yumuşak belirme */
@keyframes dmb-section-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}
.dmb-results-wrap:not(.hidden) {
    animation: dmb-section-in 0.5s ease both;
}

/* Textarea: girilen metin koyu, placeholder okunur (Tailwind CDN'i ezmesin diye !important) */
#dmb-input {
    color: #1e293b;
}
#dmb-input::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}

/* ---- Sorgulama yükleniyor durumu (premium skeleton + tarama) ---- */
@keyframes dmb-shimmer {
    0% { background-position: -450px 0; }
    100% { background-position: 450px 0; }
}
.dmb-skel {
    background: linear-gradient(90deg, #eef2f7 0%, #e2e8f0 22%, #eef2f7 44%, #eef2f7 100%);
    background-size: 900px 100%;
    animation: dmb-shimmer 1.5s linear infinite;
    border-radius: 8px;
}
@keyframes dmb-scan-pulse {
    0%, 100% { transform: scale(1); box-shadow: 0 10px 30px -8px rgba(99, 102, 241, 0.5); }
    50% { transform: scale(1.06); box-shadow: 0 16px 40px -6px rgba(139, 92, 246, 0.6); }
}
.dmb-scan {
    animation: dmb-scan-pulse 1.7s ease-in-out infinite;
}
/* Tarama halkası */
@keyframes dmb-ring {
    0% { transform: scale(0.8); opacity: 0.7; }
    100% { transform: scale(2.1); opacity: 0; }
}
.dmb-ring {
    animation: dmb-ring 1.7s ease-out infinite;
}
@keyframes dmb-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.35; transform: scale(0.8); }
}
.dmb-pulse-dot {
    animation: dmb-pulse-dot 1.2s ease-in-out infinite;
}

/* Fiyat/filtre düğmeleri */
.dmb-filter {
    color: #6b7280;
}
.dmb-filter.active {
    background: #ffffff;
    color: #4f46e5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Sonuç satırı belirme (yeni eklenenler yumuşak girsin) */
@keyframes dmb-row-in {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
#dmb-tbody tr {
    animation: dmb-row-in 0.3s ease both;
}

/* Sürükle-bırak katmanı: hidden iken flex'i bastır */
#dmb-drop-overlay {
    display: none;
}
#dmb-drop-overlay.flex {
    display: flex;
}

/* 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;
}

/* Sepet çubuğu içeriğin altını kapatmasın diye sonuçlara alt boşluk */
#dmb-results:not(.hidden) {
    padding-bottom: 90px;
}

@media (prefers-reduced-motion: reduce) {
    .dmb-orb,
    .dmb-tool-card,
    .dmb-results-wrap:not(.hidden),
    .dmb-skel,
    .dmb-scan,
    .dmb-ring,
    .dmb-pulse-dot,
    #dmb-tbody tr {
        animation: none;
    }
    #dmb-cartbar {
        transition: none;
    }
}