/**
 * "Pszichológus kereső" oldal - keresési mód szerinti megjelenés.
 * A body classokat (lf-search-mode-name / -freetext / -browse) a
 * lf_search_fix.module hook_preprocess_html()-je adja hozzá.
 */

/* Fejléc szabadszavas keresésnél a találati lista fölött. */
.lf-search-heading {
  margin: 0 0 16px;
  font-size: 1.25rem;
  font-weight: 600;
}

/*
 * Térkép elrejtése szabadszavas keresésnél.
 *
 * FONTOS: a jobb oldali (col-lg-4) oszlop ID-je NEM állandó - két
 * különböző DevTools-vizsgálatban két különböző ID-t találtunk
 * ("listing-search-facet-container" és "listing-search-facet-
 * results-map"), valószínűleg a Facets/AJAX modul generálja
 * dinamikusan. Emiatt inkább a Views saját, ÁLLANDÓ osztályára
 * (".view-display-id-attachment_1" - ez a térképet adó "attachment_1"
 * megjelenítés gépi neve, ez nem változik) szűrünk a :has()
 * szelektorral, ami minden modern böngészőben (Chrome, Edge, Firefox,
 * Safari 2023 óta) támogatott. Az #ID-alapú szabályokat is
 * meghagyjuk tartalékként, nem árt, ha véletlenül mégis egyeznek.
 */
body.lf-search-mode-freetext .col-lg-4:has(.view-display-id-attachment_1) {
  display: none !important;
}

body.lf-search-mode-freetext #listing-search-facet-container,
body.lf-search-mode-freetext #listing-search-facet-results-map {
  display: none !important;
}

body.lf-search-mode-freetext #listing-search-facet-results {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/*
 * Szabadszavas keresésnél csak a találatok CÍME jelenjen meg -
 * a profilkártyáknál értelmes mezők (értékelés csillagok, cím/
 * helyszín ikon, kategória/hamburger ikon) itt nem odavalók.
 * A ".listing-search-results-item" osztály stabilan azonosítja
 * minden találati sort (DevTools-ban több vizsgálatban is ugyanaz).
 */
body.lf-search-mode-freetext .listing-search-results-item .field-rating,
body.lf-search-mode-freetext .listing-search-results-item .field-address,
body.lf-search-mode-freetext .listing-search-results-item .field-category {
  display: none !important;
}

/*
 * Sorszámozás a találatoknak szabadszavas keresésnél (CSS counter,
 * nincs hozzá extra markup vagy PHP kód).
 */
body.lf-search-mode-freetext #listing-search-facet-results .views-infinite-scroll-content-wrapper {
  counter-reset: lf-result-counter;
}

body.lf-search-mode-freetext .listing-search-results-item {
  counter-increment: lf-result-counter;
  position: relative;
  padding-left: 2.25em;
}

body.lf-search-mode-freetext .listing-search-results-item::before {
  content: counter(lf-result-counter) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
  color: #333;
}

/*
 * Élesebb elválasztás a "sima" (nem kiemelt/ajánlott) profilok
 * között a találati listában - user visszajelzés alapján a téma
 * saját elválasztója (1px, nagyon halvány #ebebeb szín - lásd
 * DevTools: "#listing-search-facet-results .views-row") túl
 * gyenge, összefolynak a sorok.
 *
 * A tényleges sor-wrapper NEM a ".listing-search-results-item"
 * (az egy belső elem, csak az ikon-elrejtéshez/sorszámozáshoz kell
 * szabadszavas módban), hanem a ".views-row" - ezt DevTools-szal
 * igazoltuk (Elements panel + Styles panel, a téma saját
 * theme.css-éből jövő szabály). Ugyanazt a szelektort céloztuk meg,
 * csak erősebb kontraszttal, hogy felülírja a téma halvány verzióját.
 *
 * NEM keresési módhoz kötött, minden módban (böngészés, szűrők,
 * keresés) érvényesül, mert a probléma magával az alap találati
 * sorral van, nem egy konkrét kereséstípussal.
 */
#listing-search-facet-results .views-row {
  border-bottom: 2px solid #b0b0b0 !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
}

#listing-search-facet-results .views-row:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}