/*
 * Baslik aramasi - acilir oneri listesi (#headerSearchResults).
 *
 * NEDEN AYRI DOSYA (Tailwind utility'leri yerine): public/build/ icindeki
 * derlenmis CSS elle uretiliyor ve yenilenmiyor. Blade'e ya da JS'e bugun
 * yazilan yeni bir utility derlenmis dosyada YOK ve sessizce etkisiz kalir.
 * Acilir listenin butun satirlari JS ile uretildigi icin govdesi burada.
 * Yalnizca kabuk (konum, kenarlik, golge) markup'ta zaten var olan ve
 * derlendigi DOGRULANAN siniflarla duruyor.
 *
 * Palet public/css/category-filter.css ile birebir ayni.
 */

:root {
    --hs-border: #e5e7eb;
    --hs-text: #374151;
    --hs-text-strong: #111827;
    --hs-text-muted: #6b7280;
    --hs-accent: #0284c7;
    --hs-surface-alt: #f9fafb;
    --hs-thumb-bg: #f3f4f6;
}

/* Kabuk: genislik markup'taki absolute/left-0/right-0 ile geliyor. */
.hs-panel {
    font-size: 14px;
    color: var(--hs-text);
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

/* ----------------------------------------------------------- grup basligi */

.hs-group-title {
    padding: 8px 12px 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--hs-text-muted);
    background: var(--hs-surface-alt);
    border-bottom: 1px solid var(--hs-border);
}

/* ------------------------------------------------------------------ satir */

/*
 * Ayni gorunumu hem <a> (kategori/urun) hem <button> (tum sonuclar) tasiyor,
 * bu yuzden buton varsayilanlari (font, arka plan, kenarlik) burada sifirlanir.
 */
.hs-row {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--hs-border);
    background: transparent;
    font: inherit;
    color: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.hs-row:last-child {
    border-bottom: 0;
}

.hs-row:hover,
.hs-row.is-active {
    background: var(--hs-surface-alt);
}

/* Klavye ile secilen satir yalnizca arka planla ayrilmasin. */
.hs-row.is-active {
    box-shadow: inset 3px 0 0 var(--hs-accent);
}

.hs-row__thumb {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 6px;
    background: var(--hs-thumb-bg);
}

/* Gorseli olmayan urun icin yer tutucu: satir yuksekligi sabit kalsin. */
.hs-row__thumb--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    font-size: 14px;
}

.hs-row__body {
    flex: 1 1 auto;
    min-width: 0;
}

.hs-row__title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--hs-text);
}

.hs-row__meta {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--hs-text-muted);
}

.hs-row__count {
    flex: 0 0 auto;
    font-size: 12px;
    color: var(--hs-text-muted);
    white-space: nowrap;
}

.hs-row__icon {
    flex: 0 0 auto;
    font-size: 12px;
    color: #9ca3af;
}

/* Eslesen parca. Vurgulama duz metin aramasiyla yapiliyor, RegExp yok. */
.hs-hit {
    font-weight: 600;
    color: var(--hs-text-strong);
}

/* ------------------------------------------------- bilgi satiri ve kapanis */

/* "Araniyor" ve "Sonuc bulunamadi": tiklanabilir degil, secilebilir degil. */
.hs-note {
    padding: 12px;
    color: var(--hs-text-muted);
    border-bottom: 1px solid var(--hs-border);
}

.hs-note:last-child {
    border-bottom: 0;
}

.hs-row--all {
    color: var(--hs-accent);
    font-weight: 500;
}

/* ----------------------------------------------------------------- mobil */

@media (max-width: 480px) {
    .hs-panel {
        font-size: 13px;
    }

    .hs-row {
        padding: 9px 10px;
        gap: 10px;
    }

    .hs-row__thumb {
        width: 36px;
        height: 36px;
    }
}