/* --- SEARCH BAR: vyrovnaný padding, nad všetkým --- */
.__searchbar{
  margin-bottom: 8px;
  position: sticky-top;          /* nech drží hore, aj pri scrolli */
  top: 0;
  z-index: 3;                /* nad scroll-trackom */
  background: #F8FAFF;       /* rovnaký podklad ako filter */
  padding: 0;                /* nech riadi iba input */
}

/* input: rovnaký vnútorný okraj aj vpravo (pre ✕) */
.__searchbar input{
  box-sizing: border-box;
  width: 100%;
  padding: 10px 44px 10px 12px; /* 44px vpravo = miesto pre ✕ */
  border: 1px solid #D6DEE8;
  border-radius: 8px;
  background:#F8FAFF;
}

/* ✕ tlačidlo vo vyhľadávači */
.__searchbar .__clear{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  color: #5e6a7a;
  padding: 4px;
}


/* Schovať krížik (WebKit: Chrome, Safari, iOS, nový Edge) */
fieldset[data-vp-target="inspiration"] .__searchbar input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
/* Pre istotu odstráň aj ďalšie dekorácie WebKit searchu */
fieldset[data-vp-target="inspiration"] .__searchbar input[type="search"]::-webkit-search-decoration,
fieldset[data-vp-target="inspiration"] .__searchbar input[type="search"]::-webkit-search-results-button,
fieldset[data-vp-target="inspiration"] .__searchbar input[type="search"]::-webkit-search-results-decoration{
  display: none;
}
/* Starý Edge/IE */
fieldset[data-vp-target="inspiration"] .__searchbar input[type="search"]::-ms-clear{
  display: none; width:0; height:0;
}