/* Temel wrapper ve input */
#arama-kutusu-wrapper {
    font-family:'Poppins',sans-serif;
    font-size:13px;
    position:relative;
    width:100%;
    max-width:600px;
}

#bizim-arama-input {
    border:none;
    outline:none;
    flex:1;
    padding:8px 10px;
    font-size:13px;
}

.spinner-circle {
    border:2px solid #6B8E23;
    border-top:2px solid transparent;
    border-radius:50%;
    width:16px;
    height:16px;
    animation:spin 0.5s linear infinite;
    display:none;
}

@keyframes spin {
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

/* Dropdown container */
#bizim-dropdown-container {
    position:absolute;
    top:110%;
    left:0;
    width:100%;
    background:#fff;
    box-shadow:0 4px 8px rgba(0,0,0,0.15);
    border-radius:5px;
    max-height:300px;
    overflow-y:auto;
    z-index:9999;
    display:none;
}

#bizim-dropdown-container ul {
    list-style:none;
    margin:0;
    padding:0;
}

/* Dropdown satırları */
#bizim-dropdown-container li {
    padding:8px 10px;
    border-bottom:1px solid rgba(0,0,0,0.05);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

#bizim-dropdown-container li:hover {
    background: rgba(0,0,0,0.03);
}

/* Görsel ve ürün bilgisi */
#bizim-dropdown-container li img {
    width:40px;
    height:40px;
    object-fit:cover;
    border-radius:5px;
    margin-right:10px;
}

#bizim-dropdown-container li .urun-bilgi {
    display:flex;
    align-items:center;
    gap:8px;
}

#bizim-dropdown-container li .urun-baslik {
    font-weight:500;
    font-size:13px;
    color:#000; /* Ürün başlığı siyah */
}

#bizim-dropdown-container li .urun-fiyat {
    font-weight:600;
    color:red;
    font-size:13px;
}

/* Sadece "Ürün bulunamadı" için */
#bizim-dropdown-container li.urun-bulunamadi {
    font-weight:600;
    color:red;
    text-align:center;
}

/* Mobil uyumlu ayarlar */
@media (max-width: 480px) {
    #arama-kutusu-wrapper {
        max-width:100%;
    }

    #bizim-arama-input {
        padding:6px 8px;
        font-size:12px;
    }

    #arama-kutusu-spinner {
        width:14px;
        height:14px;
    }

    #bizim-dropdown-container li img {
        width:30px;
        height:30px;
    }

    #bizim-dropdown-container li .urun-baslik {
        font-size:12px;
    }

    #bizim-dropdown-container li .urun-fiyat {
        font-size:12px;
    }

    #bizim-dropdown-container li {
        padding:6px 8px;
    }
}