/* carob-arama.css — ARAMA SAYFASI (Arama/Index).
   (2026-10-25, CarobTurkiye) carob.css'ten taşındı: ana sayfada kullanılmayan kurallar
   yalnız ilgili sayfada yüklenir (PageSpeed "kullanılmayan CSS"). Sayfa @section Styles'ta bağlar. */

/* ==========================================================================
   ARAMA (Tur 10, 2026-10-14) — sayfa customsearch.css (carob) ile çizilir; burada panel çekirdeğinin ekleri.
   ========================================================================== */
/* Görselli sonuç: küçük kapak solda (profil "arama.kucuk"). */
.search-result-card.arama-sonucu--gorselli{ display: flex; gap: 18px; align-items: flex-start; }
.arama-sonucu_gorsel{ flex: 0 0 96px; }
.arama-sonucu_resim{ width: 96px; height: 72px; object-fit: cover; border-radius: 8px; display: block; }
.arama-sonucu_metin{ min-width: 0; flex: 1 1 auto; }
.arama-sonucu_adres{ font-size: 13px; color: var(--theme-color); word-break: break-all; margin-bottom: 4px; }
.search-result-card mark{ background: #fff3c4; padding: 0 2px; }

/* ARAMA SAYFASI KUTUSU (2026-10-15, Ayhan: "içerikler arka planda çok havada kalıyor"): /ara'daki
   başlık + arama kutusu + sonuçlar açık gri, kenarlıklı bir kutunun içinde; her sonuç beyaz kart.
   Görünüme sınıf eklemek yerine :has() — kutu yalnız arama başlığını taşıyan container'a uygulanır. */
.container:has(> .site-search-heading){
	max-width: 960px;
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 40px !important;
	background-color: var(--smoke-color, #F8F8F8);
	border: 1px solid var(--th-border-color, #D8DDE1);
	border-radius: 30px;
}

.container:has(> .site-search-heading) .search-results-list{
	max-width: none;
}

.container:has(> .site-search-heading) .search-result-card{
	background-color: var(--white-color, #fff);
	border: 1px solid var(--th-border-color, #D8DDE1) !important;
	border-radius: 20px;
	margin-bottom: 16px !important;
}

@media (max-width: 575px){
	.container:has(> .site-search-heading){
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: 12px;
		margin-right: 12px;
		width: auto;
		padding: 24px 16px !important;
		border-radius: 20px;
	}

	.container:has(> .site-search-heading) .search-result-card{
		padding: 16px !important;
	}
}
