/**
 * @file
 * Pszichologus kereso urlap - kereso sav megjelenese.
 *
 * Csak a kereso sav (.form-search-listing) elemeire hat, igy a hero savra es a
 * /pszichologus-kereso savra egyarant, de mas urlapokra nem.
 */

/* ------------------------------------------------------------------ *
 * 1) Egyseges betumeret minden kereso mezon (input, legordulo, Chosen
 *    szoveg, kereso mezo, jelolonegyzet cimke, gomb).
 * ------------------------------------------------------------------ */
.form-search-listing .form-control,
.form-search-listing .form-select,
.form-search-listing .chosen-container,
.form-search-listing .chosen-single,
.form-search-listing .chosen-single span,
.form-search-listing .chosen-results li,
.form-search-listing .chosen-search-input,
.form-search-listing .online-konzultacio-label,
.form-search-listing .form-submit {
  font-size: 1rem;
  line-height: 1.5;
}

/* ------------------------------------------------------------------ *
 * 2) Online konzultacio: ugyanolyan keretes mezo, mint a tobbi.
 *    Ha a hero savban a mezok magasabbak/alacsonyabbak, csak a lenti
 *    min-height / padding erteket kell hangolni.
 * ------------------------------------------------------------------ */
.form-search-listing .online-konzultacio-wrap {
  display: flex;
  margin-bottom: 1rem; /* a tobbi mezo .mb-3 tavolsagaval egyezik */
}

.form-search-listing .online-konzultacio-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 auto;
  margin: 0;
  padding: 0.375rem 0.75rem;
  min-height: calc(1.5em + 0.75rem + 2px); /* = Bootstrap .form-control magassag */
  border: 1px solid #7cc576;
  border-radius: 0.375rem;
  background-color: #7cc576;
  color: #fff; /* olvashato felirat a zold hatteren; sotet felirathoz: torold ezt a sort */
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
}

.form-search-listing .online-konzultacio-checkbox {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin: 0;
  cursor: pointer;
}

/* ------------------------------------------------------------------ *
 * Chosen legordulo z-index (mobil + asztali): a NYITOTT Telepules
 * legordulo ne kerulion a lenti tartalom (pl. "Kiemelt pszichologusok"
 * carousel) moge. Nyitott allapotban a Chosen a .chosen-with-drop
 * osztalyt kapja; ilyenkor az egesz kereso-urlapot is felemeljuk (:has),
 * hogy a sajat stacking-kontextusa a lenti szekciok fole kerulion.
 * ------------------------------------------------------------------ */
.form-search-listing .chosen-container { position: relative; }
.form-search-listing .chosen-container.chosen-with-drop { z-index: 1200; }
.form-search-listing .chosen-container .chosen-drop { z-index: 1200; }
.form-search-listing:has(.chosen-with-drop) { position: relative; z-index: 1200; }

/* ------------------------------------------------------------------ *
 * SZEKCIO-SZINTU emeles: a hero-sav (section.bg-image, benne a
 * .block-listing-search-filters) a NYITOTT legordulo idejere a lenti
 * szekciok (pl. "Kiemelt pszichologusok" carousel) FOLE kerulion. A
 * carousel sajat stacking-kontextust hoz letre, ezert a form-szintu
 * emeles onmagaban nem eleg - a kozos szulo (szekciok) szintjen kell.
 * ------------------------------------------------------------------ */
.bg-image:has(.chosen-with-drop),
section:has(.block-listing-search-filters .chosen-with-drop) {
  position: relative;
  z-index: 1200;
}

/* ==========================================================================
   PK-KERESO-EGYSEG — egyseges keresosav (append, 2026-09-21)
   --------------------------------------------------------------------------
   MERT ALLAPOT (390px es 1280px, nyitott panellel):
     .kk-search-toggle          border-radius  8px   kereso_osszecsukas.css
     .online-konzultacio-label  border-radius  6px   ez a fajl
     #edit-title ("Keresés...") border-radius 12px   theme.css
     .chosen-container          border-radius 12px   theme.css
     .form-submit ("Keresés")   border-radius 12px   theme.css

   Szovegek — a minta a "Keresés..." mezo: 16px / 400 / Poppins.
   Ettol a nyitogomb (15px / 600) es a Chosen belso keresomezoje
   (sans-serif) tert el.

   Az !important azert kell, mert a smink CSS-e a modul utan tolt be,
   es a fenti ertekek onnan jonnek.

   A SZINEKHEZ ott nem nyulunk, ahol az olvashatosagot rontana: a
   nyitogomb feher a kek savon, az "Online konzultáció" feher a zoldon.
   ========================================================================== */

/* 1) Egyseges lekerekites: 12px, mint a "Keresés..." mezoe. */
.block-listing-search-filters .kk-search-toggle,
.block-listing-search-filters .online-konzultacio-label,
.block-listing-search-filters .form-item-title input,
.block-listing-search-filters .form-control,
.block-listing-search-filters .form-select,
.block-listing-search-filters .chosen-container,
.block-listing-search-filters .chosen-container .chosen-single,
.block-listing-search-filters .form-submit {
  border-radius: 12px !important;
}

/* 2) Egyseges szoveg: 16px / 400 / Poppins. */
.block-listing-search-filters .kk-search-toggle,
.block-listing-search-filters .online-konzultacio-label,
.block-listing-search-filters .form-item-title input,
.block-listing-search-filters .form-control,
.block-listing-search-filters .form-select,
.block-listing-search-filters .chosen-container,
.block-listing-search-filters .chosen-container .chosen-single,
.block-listing-search-filters .chosen-container .chosen-single span,
.block-listing-search-filters .chosen-container .chosen-results li,
.block-listing-search-filters .chosen-search-input,
.block-listing-search-filters .form-submit {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: Poppins, Arial, "Helvetica Neue", sans-serif !important;
}

/* 3) A legordulok helykitolto szovege ugyanolyan halvanyszurke, mint a
      "Keresés..." placeholder. A Chosen a chosen-default osztalyt teszi
      a .chosen-single-re, amig nincs valasztva ertek. Ha megsem hasznalja,
      ez a szabaly egyszeruen nem illeszkedik — kar nem szarmazik belole. */
.block-listing-search-filters .chosen-container-single .chosen-single.chosen-default span {
  color: #6c757d !important;
}

/* 4) A Chosen belso keresomezoje is a tobbihez igazodik. */
.block-listing-search-filters .chosen-container .chosen-search input[type="text"] {
  border-radius: 8px !important;
}

/* ==========================================================================
   PK-KERESO-SZOVEG — a legordulok szovege a "Keresés..." mezohoz igazitva
   --------------------------------------------------------------------------
   MERT ELTERES (390px, nyitott panel):
                        Keresés...            Problémakör / Település
     szoveg bal szele   60px (35px padding)   65px (40px padding)
     szin               rgb(108,117,125)      rgb(68,68,68)
     fuggoleges         kozepen               8px-szel feljebb
                                              (24px sormagassag 40px-ben)

   A `chosen-default` osztaly NINCS a .chosen-single-on (a "Település"
   valodi, kivalasztott opcio), ezert a korabbi szinszabaly nem fogott.
   Itt magara a span-ra irunk.

   A jobb oldali margot (a nyilnak fenntartott hely) NEM bantjuk.
   ========================================================================== */

/* A szoveg bal szele 60px-re, mint a mintanal (35px belso terkoz). */
.block-listing-search-filters .chosen-container .chosen-single {
  padding-left: 35px !important;
}

/* Szin es fuggoleges kozepre igazitas. */
.block-listing-search-filters .chosen-container .chosen-single span {
  color: #6c757d !important;
  line-height: 40px !important;
}