/* Roboyol — üstbilgi arama kutusunun öneri listesi (2026-11-10, Paket M). Yükleme: catalog/controller/common/footer.php (her sayfada).
   Liste: en alakalı en çok 5 ürün (catalog/controller/roboyol/arama.php oneri(), ONERI_EN_COK) + en altta "Tüm sonuçları gör".
   Ekran yüksekliği yetmezse 4, sonra 3 ürün gösterilir (kalanlar "Tüm sonuçları gör" sayfasında); iç kaydırma çubuğu yok.
   Satır yapısı Journal3 js/journal.js şablonundan: .search-result > a > img + span > .product-name + (.price | span > .price-old + .price-new);
   düzeltme bildirimi .search-result.no-results, son satır .search-result.view-more. Belge: assets/arama/README.md */

/* 0) Arama kutusunun kenarı (2026-11-10, ap): Journal3 kabuğu yalnız üst/alt 1 px kenarlık veriyor (sol 0) → beyaz zeminde kutunun
      yuvarlak sol ucu siliniyordu. Sol kenar eklenir; boştayken kenar rengi bir ton koyu. Odakta Journal3'ün mavisi kalır (:not(.focused)). */
#search .header-search { border-left-width: 1px; }
#search .header-search:not(.focused) { border-color: #d3deef; }

/* 1) Kategori sayfasındaki filtre kartının <header> öğesi Journal3'ün genel `header{position:relative;z-index:100}` (mobil üstbilgide
      `.mobile-header-active header{z-index:15}`) kuralını alıyor ve sayfada üstbilgiden sonra geldiği için açılır listenin üstüne
      çıkıyordu. Seçici bilerek iki sınıflı (0,2,0 > 0,1,1). Telefonda (≤700 px) çekmecedeki yapışkan başlık kendi z-index'ini korur. */
@media (min-width: 701px) {
  .rb-category-filter .rb-category-filter__header { z-index: auto; }
}

/* 2) Liste kutusu: Journal3'ün 350 px iç kaydırması ve 50 px'lik saydam sol kenarı yerine arama kutusuyla hizalı kart */
#search .tt-menu > div {
  max-height: none;
  overflow: hidden;
  margin-top: 6px;
  background: #fff;
  border: 1px solid #e4ecfa;
  border-radius: 12px;
  box-shadow: 0 16px 36px -10px rgba(13, 47, 86, .24);
}

/* 3) Ürün satırları */
#search .tt-menu .search-result > a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 16px;
  border: 0;
  border-top: 1px solid #eef2f8;
  color: #17233a;
  font-size: 14px;
}
#search .tt-menu .search-result:first-child > a { border-top: 0; }
#search .tt-menu .search-result > a:hover,
#search .tt-menu .search-result.tt-cursor,
#search .tt-menu .search-result.tt-cursor > a { background: #f1f6fd; }

#search .tt-menu .search-result > a > img {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #eef2f8;
  border-radius: 8px;
}
#search .tt-menu .search-result > a > span {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
#search .tt-menu .search-result .product-name {
  margin: 0;
  color: #17233a;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#search .tt-menu .search-result .price,
#search .tt-menu .search-result .price-new {
  color: #0d2f56;
  font-size: 14px;
  font-weight: 700;
}
#search .tt-menu .search-result .price-new { color: #d92d20; }   /* Hızlı İndirim kırmızısı (roboyol-indirim.css) */
#search .tt-menu .search-result .price-old {
  margin: 0 6px 0 0;
  padding: 0;
  color: #8a94a3;
  font-size: 12.5px;
  font-weight: 500;
  text-decoration: line-through;
  background: none;
}
#search .tt-menu .search-result .out-of-stock .product-name { color: #5b6678; }

/* 4) Düzeltme bildirimi (üstte) ve Journal3'ün "sonuç yok" satırı */
#search .tt-menu .search-result.no-results > a {
  padding: 10px 16px;
  background: #f5f8fd;
  border-top: 0;
  cursor: default;
}

/* 5) "Tüm sonuçları gör" (altta) */
#search .tt-menu .search-result.view-more > a {
  justify-content: center;
  gap: 6px;
  padding: 12px 16px;
  color: #2f6fe0;
  font-weight: 700;
  background: #f7f9fc;
  border-top: 1px solid #e4ecfa;
}
#search .tt-menu .search-result.view-more > a::after { content: "\2192"; font-weight: 700; }
#search .tt-menu .search-result.view-more > a:hover,
#search .tt-menu .search-result.view-more.tt-cursor > a { color: #14335a; background: #eaf1fd; }

/* 6) Ekrana sığan kadar ürün: ~71 px/satır; liste masaüstünde ~115 px'ten başlar → 5 ürün ≈ 560 px'te biter.
      Eski tarayıcılar `of` sözdizimini bilmez → kuralı yok sayar ve 5 ürünün hepsini gösterir. */
@media (max-height: 599px) {
  #search .tt-menu .search-result:nth-child(n+5 of .search-result:not(.no-results):not(.view-more)) { display: none; }
}
@media (max-height: 529px) {
  #search .tt-menu .search-result:nth-child(n+4 of .search-result:not(.no-results):not(.view-more)) { display: none; }
}
@media (max-height: 459px) {
  #search .tt-menu > div { max-height: calc(100vh - 110px); overflow-y: auto; }
}