/* ─────────────────────────────────────────────────────────────
   Site araması — THE BATH FACTORY teması
   Açılır öneri listesi (js/classes/search.js) + arama sayfası bilgi kutusu
   (Views/Search/Index.cshtml). Liste kutusunun zemini tbfcolor.css .search-dropdown,
   mobil menü listesi tbfSite.css .mobile-search-dropdown.
   Sinoz karşılığı: /themes/sinoz/css/sinoz/search-suggest.css
   ───────────────────────────────────────────────────────────── */

/* Arama katmanı (başlıktaki açılır kutu) metni ortalıyor; liste sola hizalı okunur */
.search-suggest {
    padding: 4px 0;
    text-align: left;
}

.search-suggest__title {
    padding: 10px 15px 4px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #3f444b;
}

.search-suggest__note {
    padding: 10px 15px;
    font-size: 14px;
    color: #222323;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.search-suggest__fix {
    color: #fe6908;
    font-weight: 600;
    text-decoration: underline;
}

.search-suggest__fix:hover,
.search-suggest__fix.is-active {
    color: #ff6a08;
}

.search-suggest__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px 15px 10px;
}

.search-suggest__chip {
    padding: 5px 12px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #ffc199;
    color: #fe6908;
    font-size: 13px;
    line-height: 1.3;
}

.search-suggest__chip:hover,
.search-suggest__chip.is-active {
    background: #fe6908;
    border-color: #fe6908;
    color: #ffffff;
}

.search-suggest .search-item,
.search-suggest .mobile-search-item {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    color: #222323;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.search-suggest .search-item:hover,
.search-suggest .search-item.is-active,
.search-suggest .mobile-search-item.is-active {
    background: rgba(255, 106, 8, 0.08);
}

/* tbfSite.css .search-item img 100px + 12px iç boşluk veriyor; listede küçük kare görsel */
.search-suggest .search-item img {
    width: 50px;
    max-width: 50px;
    height: 50px;
    padding: 0;
    margin-right: 12px;
    object-fit: cover;
    border-radius: 6px !important;
    flex-shrink: 0;
}

.search-suggest__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    font-size: 14px;
    line-height: 1.4;
}

.search-suggest .search-suggest__name strong {
    color: #fe6908;
    font-weight: 700;
}

.search-suggest .search-suggest__caption {
    font-size: 12px;
    color: #3f444b;
}

.search-suggest__all {
    display: block;
    padding: 12px 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fe6908;
}

.search-suggest__all:hover,
.search-suggest__all.is-active {
    background: rgba(255, 106, 8, 0.08);
    color: #ff6a08;
}

/* Arama sayfası: sonuç yok / en yakın sonuçlar / düzeltilmiş arama */
.search-feedback {
    margin: 0 0 20px;
    padding: 16px 20px;
    border-radius: 8px;
    background: #ffede3;
}

.search-feedback__title {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 600;
    color: #222323;
}

.search-feedback__text {
    margin: 0;
    font-size: 15px;
    color: #222323;
}

.search-feedback__link {
    color: #fe6908;
    font-weight: 600;
    text-decoration: underline;
}
