#vpf-header .masodiksor .sticky-search-slot.navbar-form {
  margin: 0 12px 0 0;     /* navbar-form default margók finomhangolása */
}
#vpf-header .masodiksor .sticky-search-slot .row { margin: 0; }
#vpf-header .masodiksor .sticky-search-slot .keresoinput { display:flex; align-items:center; gap:6px; max-width:320px; }
#vpf-header .masodiksor .sticky-search-slot .form-control { height:34px; font-size:14px; padding-top:6px; padding-bottom:6px; }
#vpf-header .masodiksor .sticky-search-slot .btn { height:34px; line-height:34px; padding:0 12px; margin: 0; }
@media (min-width: 992px) { body.header-fixed .keresosresz { display:none; } }


/* A sticky kereső környezete legyen pozícionált */
body.header-fixed .sticky-search-slot .search {
  position: relative;
  z-index: 2001; /* a menü fölé */
}

/* A különböző VP Ajax Search dobozokra – bármelyikükre ráhulljon */
body.header-fixed .sticky-search-slot .vpajaxsearch-results,
body.header-fixed .sticky-search-slot .vp-ajax-search-results,
body.header-fixed .sticky-search-slot .vpajaxsearch-result,
body.header-fixed .sticky-search-slot .vpajaxsearch-container {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;          /* igazodjon az input szélességéhez */
  max-height: 60vh;     /* ne lógjon ki a képernyőről */
  overflow: auto;
  z-index: 2002;
}

/* a .row negatív margóit nullázzuk a sticky-ben */
body.header-fixed .sticky-search-slot .row { margin: 0; }

/* Ha sticky, a kereső környezete legyen pozícionált (nem kötelező, de jó) */
body.header-fixed .sticky-search-slot .search { position: relative; z-index: 2001; }

/* A plugin dobozának általános keretei */
.vpajaxsearch-container {
  max-height: 60vh;
  overflow: auto;
  /* z-index-et JS-ben is beállítjuk, de itt is rásegíthetünk */
}

/* A sticky kereső környezete legyen pozícionált horgony */
body.header-fixed .sticky-search-slot .search {
  position: relative;
  z-index: 2001; /* menü fölé */
}

/* A találati doboz a sticky kereső alá kerüljön, 100% szélességgel */
body.header-fixed .sticky-search-slot .vpajaxsearch-container.vp-sticky-anchored {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100% !important;        /* a plugin inline width-jét felülírjuk elegánsan */
  max-height: 60vh;
  overflow: auto;
  z-index: 2005;
}

/* Biztonság kedvéért a sticky belső .row negatív margóját nullázzuk */
body.header-fixed .sticky-search-slot .row { margin: 0; }

/* sticky módban a pozicionálást a JS intézi; ez csak "védőháló" */
body.header-fixed .sticky-search-slot .search { position: relative; z-index: 2001; }

/* STICKY kereső: legyen szélesebb */
body.header-fixed #vpf-header .masodiksor .sticky-search-slot .keresoinput {
  max-width: 380px;             /* eddigi 320px helyett */
}

/* nagyobb kijelzőkön kicsit még több férjen */
@media (min-width: 1200px) {
  body.header-fixed #vpf-header .masodiksor .sticky-search-slot .keresoinput {
    max-width: 460px;
  }
}

/* az input tényleg töltse ki a rendelkezésre álló helyet a gomb mellett */
#vpf-header .masodiksor .sticky-search-slot .keresoinput .form-control {
  flex: 1 1 auto;
  width: auto;      /* felülírja az esetleges 100%-ot */
  min-width: 0;     /* flex konténerben kellhet, hogy ne törjön */
}

/* apró finomhangolás: kicsit kisebb hézag a gomb és az input között (opcionális) */
#vpf-header .masodiksor .sticky-search-slot .keresoinput {
  gap: 8px;         /* ha túl nagy/kicsi, állítsd 6–10px között */
}

/* STICKY kereső: rugalmas szélesség min/max korláttal */
body.header-fixed #vpf-header .masodiksor .sticky-search-slot .keresoinput {
  flex: 1 1 auto;                  /* nőhessen */
  width: auto;                     /* ne fix 100% legyen */
  min-width: 340px;                /* alsó korlát, hogy érezhetően nagyobb legyen */
  max-width: 540px;                /* felső korlát, hogy ne legyen túl hosszú */
  max-width: clamp(340px, 40vw, 540px); /* reszponzívabb: viewporttal arányos */
  gap: 8px;                        /* kis hézag az input és gomb között */
}

/* az input tényleg töltse ki a sorban elérhető helyet */
body.header-fixed #vpf-header .masodiksor .sticky-search-slot .keresoinput .form-control {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;                    /* flex overflow megelőzés */
}

/* nagy képernyőn kicsit bátrabb lehet */
@media (min-width: 1200px) {
  body.header-fixed #vpf-header .masodiksor .sticky-search-slot .keresoinput {
    min-width: 340px;
    max-width: 540px;
    max-width: clamp(340px, 42vw, 540px);
  }
}

/* tablet/mobilon ne feszüljön ki: engedjük 100%-ra */
@media (max-width: 991.98px) {
  body.header-fixed #vpf-header .masodiksor .sticky-search-slot .keresoinput {
    min-width: 0;      /* ne kényszerítsen vízszintes görgetést */
    max-width: 100%;
  }
}

/* 4:3 (vagy 1024 szélesség körül) rejtsük el a sticky keresőt teljesen */
@media (max-aspect-ratio: 4/3), (max-width: 1024px) {
  body.header-fixed #vpf-header .masodiksor .sticky-search-slot {
    display: none !important;
  }
  /* ha a plugin a body-ba teszi a találati dobozt, azt is rejtsük el ezen a méreten */
  body.header-fixed .vpajaxsearch-container,
  body.header-fixed .vpajaxsearch-results,
  body.header-fixed .vp-ajax-search-results,
  body.header-fixed .vpajaxsearch-result {
    display: none !important;
  }
}