/* 1. Reset ve Keskin Kenarlar */
.idm-main-wrapper, .idm-main-wrapper * { 
    margin: 0 !important; 
    border-radius: 0 !important; 
    box-sizing: border-box; 
}

.idm-main-wrapper { 
    padding: 15px !important; 
    background: #fff; 
    border: 1px solid #eee; 
    width: 100%;
}

/* 2. Arama Alanı Tasarımı */
.idm-main-wrapper .input-group { 
    display: flex !important; 
    background: #fff; 
    border: 1px solid #e0e0e0 !important; 
    overflow: hidden; 
    width: 100%; 
}

.idm-main-wrapper #domain_input { 
    height: 55px !important; 
    border: none !important; 
    padding-left: 20px !important; 
    font-size: 16px; 
    flex: 1; 
}

.idm-main-wrapper #search_button { 
    height: 55px !important; 
    padding: 0 40px !important; 
    font-weight: 700; 
    font-size: 18px; 
    border: none !important; 
    cursor: pointer; 
}

/* 3. Hızlı Kontroller (Mobil Dostu Boşluk) */
.idm-quick-controls { 
    margin: 15px 0 !important; 
    display: flex !important; 
    justify-content: center !important; 
    gap: 30px !important; 
}

.idm-quick-controls a { 
    text-decoration: none !important; 
    font-size: 13px !important; 
    font-weight: 700 !important; 
    white-space: nowrap !important;
}

/* 4. Uzantılar Dizilimi (Space-Between) */
#tld_container { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    gap: 5px !important; 
    justify-content: space-between !important; 
    margin-bottom: 25px !important; 
}

.idm-tld-item { 
    cursor: pointer; 
    padding: 10px 5px; 
    font-weight: 600; 
    flex-grow: 1; 
    text-align: center; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    min-width: 80px;
}

/* 5. TEK SATIR DİZİLİM: EPP + HOST + SSL + SİTE */
.idm-bundle-row { 
    display: flex !important; 
    gap: 10px !important; 
    flex-wrap: nowrap !important; 
    margin-top: 15px !important; 
    border-top: 1px solid #f0f0f0; 
    padding-top: 15px !important; 
}

.idm-bundle-col { flex: 1; min-width: 0; }
.idm-bundle-col select, .idm-bundle-col input { 
    width: 100% !important; 
    height: 42px !important; 
    font-size: 13px !important; 
    border: 1px solid #ced4da !important; 
}

/* 6. Durum Badge ve Whois Eşitleme */
.idm-status-badge, .idm-whois-trigger { 
    display: inline-flex !important; 
    align-items: center; 
    justify-content: center; 
    height: 28px !important; 
    padding: 0 12px !important; 
    font-size: 11px !important; 
    font-weight: 600 !important; 
    border-radius: 4px !important; 
}

.idm-whois-trigger { 
    background-color: #28a745 !important; 
    color: #fff !important; 
    margin-left: 8px;
    text-decoration: none !important;
}

/* 7. MOBİL ÖZEL İYİLEŞTİRMELER */
@media (max-width: 768px) {
    /* Arama alanı ve butonu mobilde tam genişlik ve alt alta */
    .idm-main-wrapper .input-group {
        flex-direction: column !important;
        border: none !important;
        background: transparent !important;
    }
    .idm-main-wrapper #domain_input {
        width: 100% !important;
        margin-bottom: 10px !important;
        border: 1px solid #e0e0e0 !important;
    }
    .idm-main-wrapper #search_button {
        width: 100% !important;
    }

    /* Uzantılar mobilde 3'lü dizilim */
    .idm-tld-item {
        flex: 0 0 calc(33.33% - 5px) !important;
        font-size: 12px !important;
    }

    /* Sonuçlardaki seçim alanları mobilde alt alta */
    .idm-bundle-row {
        flex-wrap: wrap !important;
    }
    .idm-bundle-col {
        flex: 0 0 100% !important;
        margin-bottom: 8px !important;
    }

    /* Fiyat bilgisini mobilde daha görünür yap */
    .idm-price-tag {
        font-size: 16px !important;
        width: 100%;
        text-align: right;
        margin-top: 5px;
    }
}