/* ========================================
   ARCHIVE / OGLASI
======================================== */

.page-id-67,
body.post-type-archive-hp_listing,
.page-id-67 .site-content,
.page-id-67 .content-area,
body.post-type-archive-hp_listing .site-content,
body.post-type-archive-hp_listing .content-area {
  background: var(--ribo-bg);
}

/* ========================================
   SIDEBAR + CONTENT
======================================== */

.page-id-67 .hp-page__sidebar,
body.post-type-archive-hp_listing .hp-page__sidebar {
  flex: 0 0 26%;
  max-width: 26%;
  padding-right: 20px;
}

.page-id-67 .hp-page__content,
body.post-type-archive-hp_listing .hp-page__content {
  flex: 0 0 74%;
  max-width: 74%;
  padding-left: 35px;
}

/* ========================================
   SIDEBAR FILTER CONTAINER
======================================== */

.page-id-67 .hp-page__sidebar .widget,
body.post-type-archive-hp_listing .hp-page__sidebar .widget {
  color: var(--ribo-text);
}

.page-id-67 .hp-widget--listing-filter,
body.post-type-archive-hp_listing .hp-widget--listing-filter {
  padding: 20px;
  border: 1px solid rgba(34, 197, 94, .38);
  border-radius: 18px;
  background:
    linear-gradient(
      180deg,
      rgba(16, 23, 20, .96),
      rgba(8, 18, 13, .96)
    );
  box-shadow:
    0 16px 36px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .025);
}

.page-id-67 .hp-widget--listing-filter .hp-form,
body.post-type-archive-hp_listing .hp-widget--listing-filter .hp-form {
  margin: 0;
  padding: 0;
}

.page-id-67 .hp-widget--listing-filter .hp-form__fields,
body.post-type-archive-hp_listing .hp-widget--listing-filter .hp-form__fields {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.page-id-67 .widget a,
.page-id-67 .widget label,
.page-id-67 .widget h1,
.page-id-67 .widget h2,
.page-id-67 .widget h3,
.page-id-67 .widget h4,
body.post-type-archive-hp_listing .widget a,
body.post-type-archive-hp_listing .widget label,
body.post-type-archive-hp_listing .widget h1,
body.post-type-archive-hp_listing .widget h2,
body.post-type-archive-hp_listing .widget h3,
body.post-type-archive-hp_listing .widget h4 {
  color: var(--ribo-text);
}

/* ========================================
   GRID OGLASA
======================================== */

.page-id-67 .hp-col-sm-6,
body.post-type-archive-hp_listing .hp-col-sm-6 {
  width: 33.333%;
  max-width: 33.333%;
  flex: 0 0 33.333%;
}

/* ========================================
   SEARCH BAR
======================================== */

.page-id-67 .hp-form--listing-search,
body.post-type-archive-hp_listing .hp-form--listing-search {
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* Polje za unos zauzima sav raspoloživi prostor */
.page-id-67 .hp-form--listing-search .hp-form__fields,
body.post-type-archive-hp_listing
.hp-form--listing-search .hp-form__fields {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* Wrapper search polja */
.page-id-67
.hp-form--listing-search
.hp-form__field--search,
body.post-type-archive-hp_listing
.hp-form--listing-search
.hp-form__field--search {
  flex: 1 1 auto;
  width: 100%;
  margin: 0;
}

/* Search input */
.page-id-67
.hp-form--listing-search
input.hp-field--search,
body.post-type-archive-hp_listing
.hp-form--listing-search
input.hp-field--search {
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0 18px;
  border: 1px solid rgba(34, 197, 94, .24);
  border-radius: 14px;
  background: var(--ribo-card);
  color: var(--ribo-text);
  -webkit-text-fill-color: var(--ribo-text);
  box-shadow: none;
  font-size: 17px;
}

/* Footer koji drži gumb */
.page-id-67
.hp-form--listing-search
.hp-form__footer,
body.post-type-archive-hp_listing
.hp-form--listing-search
.hp-form__footer {
  display: flex;
  flex: 0 0 130px;
  align-items: stretch;
  width: 130px;
  margin: 0;
  padding: 0;
}

/* Gumb Pretraži */
.page-id-67
.hp-form--listing-search
button.hp-form__button.hp-field--submit,
body.post-type-archive-hp_listing
.hp-form--listing-search
button.hp-form__button.hp-field--submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 130px;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background:
    linear-gradient(
      135deg,
      var(--ribo-green-dark),
      var(--ribo-green)
    ) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

/* Tekst unutar gumba */
.page-id-67
.hp-form--listing-search
button.hp-form__button.hp-field--submit span,
body.post-type-archive-hp_listing
.hp-form--listing-search
button.hp-form__button.hp-field--submit span {
  display: block;
  margin: 0;
  color: #ffffff !important;
  line-height: 1;
}

/* Hover */
.page-id-67
.hp-form--listing-search
button.hp-form__button.hp-field--submit:hover,
body.post-type-archive-hp_listing
.hp-form--listing-search
button.hp-form__button.hp-field--submit:hover {
  background: var(--ribo-green) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(34, 197, 94, .22) !important;
}

/* Mobitel */
@media (max-width: 768px) {

  .page-id-67 .hp-form--listing-search,
  body.post-type-archive-hp_listing .hp-form--listing-search {
    flex-direction: column;
    gap: 10px;
  }

  .page-id-67
  .hp-form--listing-search
  .hp-form__footer,
  body.post-type-archive-hp_listing
  .hp-form--listing-search
  .hp-form__footer {
    flex: 0 0 auto;
    width: 100%;
  }

  .page-id-67
  .hp-form--listing-search
  button.hp-form__button.hp-field--submit,
  body.post-type-archive-hp_listing
  .hp-form--listing-search
  button.hp-form__button.hp-field--submit {
    width: 100% !important;
  }
}

/* ========================================
   FIELD LABELS
======================================== */

.page-id-67 .hp-form--listing-filter .hp-form__label,
body.post-type-archive-hp_listing .hp-form--listing-filter .hp-form__label {
  margin-bottom: 8px;
  color: var(--ribo-text);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* ========================================
   KATEGORIJE / RADIO
======================================== */

.page-id-67 .hp-field--radio ul,
body.post-type-archive-hp_listing .hp-field--radio ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-id-67 .hp-field--radio li,
body.post-type-archive-hp_listing .hp-field--radio li {
    margin: 0;
    padding: 0;
}

.page-id-67 .hp-field--radio label,
body.post-type-archive-hp_listing .hp-field--radio label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    margin: 0;
    padding: 7px 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: .2s;
}

/* Sakrij originalni HivePress radio */
.page-id-67 .hp-field--radio input[type="radio"],
body.post-type-archive-hp_listing .hp-field--radio input[type="radio"]{
    position:absolute !important;
    opacity:0 !important;
    width:1px !important;
    height:1px !important;
    pointer-events:none !important;
}

/* Naš kružić */
.page-id-67 .hp-field--radio label span::before,
body.post-type-archive-hp_listing .hp-field--radio label span::before{
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:10px;
    border:2px solid rgba(255,255,255,.7);
    border-radius:50%;
    vertical-align:middle;
    box-sizing:border-box;
    transition:.2s;
}

/* Hover */
.page-id-67 .hp-field--radio label:hover,
body.post-type-archive-hp_listing .hp-field--radio label:hover{
    background:rgba(34,197,94,.08);
}

.page-id-67 .hp-field--radio label:hover span,
body.post-type-archive-hp_listing .hp-field--radio label:hover span{
    color:var(--ribo-green);
}

/* Označena kategorija */
.page-id-67 .hp-field--radio label:has(input:checked),
body.post-type-archive-hp_listing .hp-field--radio label:has(input:checked){
    background:rgba(34,197,94,.10);
}

.page-id-67 .hp-field--radio label:has(input:checked) span,
body.post-type-archive-hp_listing .hp-field--radio label:has(input:checked) span{
    color:var(--ribo-green);
    font-weight:700;
}

.page-id-67 .hp-field--radio label:has(input:checked) span::before,
body.post-type-archive-hp_listing .hp-field--radio label:has(input:checked) span::before{
    border-color:var(--ribo-green);
    background:
        radial-gradient(circle,var(--ribo-green) 45%,transparent 46%);
}

/* ========================================
   PODKATEGORIJE
======================================== */

.page-id-67 .hp-field--radio ul ul,
body.post-type-archive-hp_listing .hp-field--radio ul ul {
  margin: 2px 0 4px 18px;
  padding-left: 12px;
  border-left: 0;
}

.page-id-67 .hp-field--radio ul ul label,
body.post-type-archive-hp_listing .hp-field--radio ul ul label {
  min-height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.page-id-67 .hp-field--radio ul ul label span,
body.post-type-archive-hp_listing .hp-field--radio ul ul label span {
  color: var(--ribo-muted);
  font-size: 14px;
}

/* ========================================
   SCROLLBAR KATEGORIJA
======================================== */

.page-id-67 .hp-form__field--radio,
body.post-type-archive-hp_listing .hp-form__field--radio {
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 197, 94, .35) transparent;
}

.page-id-67 .hp-form__field--radio::-webkit-scrollbar,
body.post-type-archive-hp_listing
.hp-form__field--radio::-webkit-scrollbar {
  width: 5px;
}

.page-id-67 .hp-form__field--radio::-webkit-scrollbar-track,
body.post-type-archive-hp_listing
.hp-form__field--radio::-webkit-scrollbar-track {
  background: transparent;
}

.page-id-67 .hp-form__field--radio::-webkit-scrollbar-thumb,
body.post-type-archive-hp_listing
.hp-form__field--radio::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(34, 197, 94, .35);
}

.page-id-67 .hp-form__field--radio::-webkit-scrollbar-thumb:hover,
body.post-type-archive-hp_listing
.hp-form__field--radio::-webkit-scrollbar-thumb:hover {
  background: var(--ribo-green);
}

/* ========================================
   CIJENA
======================================== */

.page-id-67 .hp-widget--listing-filter input[type="number"],
.page-id-67 .hp-form--listing-filter input[type="number"],
body.post-type-archive-hp_listing
.hp-widget--listing-filter input[type="number"],
body.post-type-archive-hp_listing
.hp-form--listing-filter input[type="number"] {
  background: rgba(255, 255, 255, .08);
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  border: 1px solid rgba(34, 197, 94, .24);
}

.page-id-67
.hp-widget--listing-filter
input[type="number"]::placeholder,
.page-id-67
.hp-form--listing-filter
input[type="number"]::placeholder,
body.post-type-archive-hp_listing
.hp-widget--listing-filter
input[type="number"]::placeholder,
body.post-type-archive-hp_listing
.hp-form--listing-filter
input[type="number"]::placeholder {
  color: rgba(255, 255, 255, .50);
  -webkit-text-fill-color: rgba(255, 255, 255, .50);
}

.page-id-67 .hp-field--number-range .ui-slider,
body.post-type-archive-hp_listing
.hp-field--number-range .ui-slider {
  background: rgba(255, 255, 255, .1);
}

.page-id-67 .hp-field--number-range .ui-slider-range,
body.post-type-archive-hp_listing
.hp-field--number-range .ui-slider-range {
  background: var(--ribo-green-dark);
}

.page-id-67 .hp-field--number-range .ui-slider-handle,
body.post-type-archive-hp_listing
.hp-field--number-range .ui-slider-handle {
  border: 2px solid var(--ribo-text);
  border-radius: 50%;
  background: var(--ribo-green);
}

/* ========================================
   FILTER GUMB
======================================== */

.page-id-67 .hp-button--listing-filter,
body.post-type-archive-hp_listing .hp-button--listing-filter {
  min-height: 50px;
  border: 1px solid rgba(34, 197, 94, .4);
  border-radius: 12px;
  background:
    linear-gradient(
      135deg,
      var(--ribo-green-dark),
      var(--ribo-green)
    );
  color: var(--ribo-text);
  box-shadow: none;
  font-weight: 800;
}

.page-id-67 .hp-button--listing-filter:hover,
body.post-type-archive-hp_listing
.hp-button--listing-filter:hover {
  background: var(--ribo-green);
  color: var(--ribo-text);
}

.page-id-67 .hp-button--listing-filter i,
body.post-type-archive-hp_listing
.hp-button--listing-filter i {
  color: var(--ribo-text);
}


/* ========================================
   RESET FILTERA
======================================== */

/* Stari Custom HTML widget više nije potreban. */
.page-id-67 #custom_html-2,
body.post-type-archive-hp_listing #custom_html-2 {
  display: none !important;
}

/* Novi reset gumb generira archive-category-autofilter.js
   i nalazi se unutar stvarne HivePress filter forme. */
.page-id-67 .reset-filters-wrap,
body.post-type-archive-hp_listing .reset-filters-wrap {
  width: 100%;
  margin: 12px 0 0;
  padding: 0;
}

.page-id-67 .reset-filters-btn,
body.post-type-archive-hp_listing .reset-filters-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  padding: 12px 16px;
  border: 1px solid var(--ribo-border-strong);
  border-radius: 12px;
  background: rgba(34, 197, 94, .08);
  color: var(--ribo-green);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.page-id-67 .reset-filters-btn:hover,
body.post-type-archive-hp_listing .reset-filters-btn:hover {
  background: var(--ribo-green);
  border-color: var(--ribo-green);
  color: var(--ribo-bg);
  transform: translateY(-1px);
}

.page-id-67 .reset-filters-wrap.is-ribo-reset-inactive,
body.post-type-archive-hp_listing .reset-filters-wrap.is-ribo-reset-inactive {
  display: none;
}

@media (max-width: 767px) {
  .page-id-67 .reset-filters-wrap,
  body.post-type-archive-hp_listing .reset-filters-wrap {
    margin-top: 18px;
  }

  .page-id-67 .reset-filters-btn,
  body.post-type-archive-hp_listing .reset-filters-btn {
    min-height: 48px;
  }
}

/* Hover/focus: jači kontrast teksta i čišći izgled. */
.page-id-67 .reset-filters-btn:hover,
.page-id-67 .reset-filters-btn:focus-visible,
body.post-type-archive-hp_listing .reset-filters-btn:hover,
body.post-type-archive-hp_listing .reset-filters-btn:focus-visible {
  background: var(--ribo-green);
  border-color: var(--ribo-green);
  color: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(34, 197, 94, .15),
              0 8px 20px rgba(34, 197, 94, .16);
  transform: translateY(-1px);
  outline: none;
}

/* ========================================
   BROJ REZULTATA I SORTIRANJE
======================================== */

.page-id-67 .hp-result-count,
.page-id-67 .hp-listings__count,
.page-id-67 .hp-listings__sort,
body.post-type-archive-hp_listing .hp-result-count,
body.post-type-archive-hp_listing .hp-listings__count,
body.post-type-archive-hp_listing .hp-listings__sort {
  color: var(--ribo-text);
  opacity: 1;
}

.page-id-67 .hp-result-count,
.page-id-67 .hp-listings__count,
body.post-type-archive-hp_listing .hp-result-count,
body.post-type-archive-hp_listing .hp-listings__count {
  font-weight: 700;
  letter-spacing: .08em;
}

/* ========================================
   NEMA REZULTATA
======================================== */

.hp-no-results,
.hp-no-results * {
  color: var(--ribo-text);
}

/* ========================================
   RESPONSIVE
======================================== */

@media (max-width: 1024px) {

  .page-id-67 .hp-page__sidebar,
  body.post-type-archive-hp_listing .hp-page__sidebar {
    flex: 0 0 30%;
    max-width: 30%;
    padding-right: 14px;
  }

  .page-id-67 .hp-page__content,
  body.post-type-archive-hp_listing .hp-page__content {
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 18px;
  }

  .page-id-67 .hp-widget--listing-filter,
  body.post-type-archive-hp_listing .hp-widget--listing-filter {
    padding: 16px;
  }
}

@media (max-width: 768px) {

  .page-id-67 .hp-page__sidebar,
  .page-id-67 .hp-page__content,
  body.post-type-archive-hp_listing .hp-page__sidebar,
  body.post-type-archive-hp_listing .hp-page__content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

  .page-id-67 .hp-widget--listing-filter,
  body.post-type-archive-hp_listing .hp-widget--listing-filter {
    padding: 14px;
  }

  .page-id-67 .hp-col-sm-6,
  body.post-type-archive-hp_listing .hp-col-sm-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/* ========================================
   ARCHIVE VERTIKALNI RAZMACI
======================================== */

/* Cijeli sadržaj stranice Oglasi 10 px ispod headera */
.page-id-67 .site-content,
body.post-type-archive-hp_listing .site-content {
  padding-top: 10px !important;
}

/* Uklanjamo dodatni razmak HivePress page wrappera */
.page-id-67 .hp-page,
body.post-type-archive-hp_listing .hp-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Search bez dodatnog gornjeg razmaka */
.page-id-67 .hp-page__header,
body.post-type-archive-hp_listing .hp-page__header {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding-top: 0 !important;
}

/* Točno 20 px između searcha i featured slidera */
.page-id-67 .ribo-featured-archive-wrap,
body.post-type-archive-hp_listing .ribo-featured-archive-wrap {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.page-id-67 .ribo-featured-slider--archive,
body.post-type-archive-hp_listing .ribo-featured-slider--archive {
  margin-top: 0 !important;
}



/* ========================================
   MOBILE FILTER MODAL — DARK THEME
======================================== */

@media (max-width: 768px) {

  #listing_filter_modal.hp-modal--mobile.fancybox-content,
  #listing_filter_modal.hp-modal,
  .fancybox-content#listing_filter_modal {
    box-sizing: border-box !important;
    width: calc(100vw - 24px) !important;
    max-width: 430px !important;
    max-height: calc(100vh - 30px) !important;
    margin: 0 !important;
    padding: 22px 16px 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background:
      linear-gradient(
        180deg,
        rgba(15, 27, 20, .99),
        rgba(6, 18, 12, .99)
      ) !important;
    border: 1px solid rgba(34, 197, 94, .42) !important;
    border-radius: 20px !important;
    color: #f3f4f6 !important;
    box-shadow:
      0 24px 60px rgba(0, 0, 0, .55),
      inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  }

  #listing_filter_modal,
  #listing_filter_modal form,
  #listing_filter_modal .hp-form__fields,
  #listing_filter_modal .hp-form__field,
  #listing_filter_modal .hp-field,
  #listing_filter_modal ul,
  #listing_filter_modal li {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  #listing_filter_modal form.hp-form--listing-filter {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #listing_filter_modal .hp-form__fields {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  #listing_filter_modal,
  #listing_filter_modal label,
  #listing_filter_modal span,
  #listing_filter_modal .hp-form__label {
    color: #e5e7eb !important;
  }

  #listing_filter_modal .hp-form__label {
    margin-bottom: 8px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  /* Kategorije */
  #listing_filter_modal .hp-field--radio > ul {
    margin: 0 !important;
    padding: 6px !important;
    overflow-x: hidden !important;
    background: rgba(255, 255, 255, .018) !important;
    border: 1px solid rgba(34, 197, 94, .28) !important;
    border-radius: 14px !important;
  }

  #listing_filter_modal .hp-field--radio ul,
  #listing_filter_modal .hp-field--radio li {
    list-style: none !important;
  }

  #listing_filter_modal .hp-field--radio li {
    margin: 0 !important;
    padding: 0 !important;
  }

  #listing_filter_modal .hp-field--radio label {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
  }

  #listing_filter_modal .hp-field--radio label:hover {
    background: rgba(34, 197, 94, .07) !important;
  }

  #listing_filter_modal .ribo-category-children {
    margin: 0 0 2px 18px !important;
    padding: 0 0 0 10px !important;
    border-left: 0 !important;
  }

  #listing_filter_modal
  input[type="radio"] {
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    accent-color: var(--ribo-green) !important;
  }

  /* Cijena */
  #listing_filter_modal
  .hp-field--number-range {
    width: 100% !important;
  }

  #listing_filter_modal
  .hp-field--number-range > input.hp-field--number {
    width: calc(50% - 5px) !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    background: #16231c !important;
    border: 1px solid rgba(34, 197, 94, .30) !important;
    border-radius: 12px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  #listing_filter_modal
  .hp-field--number-range > input.hp-field--number:first-of-type {
    margin-right: 6px !important;
  }

  #listing_filter_modal
  .ui-slider {
    margin-top: 18px !important;
    background: rgba(255, 255, 255, .10) !important;
    border: 0 !important;
  }

  #listing_filter_modal
  .ui-slider-range {
    background: var(--ribo-green) !important;
  }

  #listing_filter_modal
  .ui-slider-handle {
    background: var(--ribo-green) !important;
    border: 2px solid #dcfce7 !important;
    border-radius: 50% !important;
  }

  /* Select2 */
  #listing_filter_modal .select2-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  #listing_filter_modal
  .select2-selection--single {
    height: 50px !important;
    background: #16231c !important;
    border: 1px solid rgba(34, 197, 94, .30) !important;
    border-radius: 12px !important;
  }

  #listing_filter_modal
  .select2-selection__rendered {
    line-height: 48px !important;
    padding-left: 14px !important;
    padding-right: 38px !important;
    color: #fff !important;
  }

  #listing_filter_modal
  .select2-selection__arrow {
    height: 48px !important;
    right: 9px !important;
  }

  #listing_filter_modal
  .select2-selection__arrow b {
    border-top-color: rgba(255, 255, 255, .65) !important;
  }

  /* Submit */
  #listing_filter_modal .hp-form__footer {
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
  }

  #listing_filter_modal
  button.hp-form__button.hp-field--submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    background: linear-gradient(
      135deg,
      #16a34a,
      #22c55e
    ) !important;
    border: 1px solid #4ade80 !important;
    border-radius: 14px !important;
    color: #06110a !important;
    box-shadow: none !important;
    font-weight: 900 !important;
  }

  #listing_filter_modal
  button.hp-form__button.hp-field--submit span {
    color: #06110a !important;
  }

  /* Close */
  #listing_filter_modal .fancybox-close-small {
    top: 10px !important;
    right: 10px !important;
    width: 42px !important;
    height: 42px !important;
    padding: 8px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 50% !important;
    color: #fff !important;
    opacity: 1 !important;
  }

  #listing_filter_modal .fancybox-close-small svg path {
    fill: #fff !important;
  }
}

/* Select2 dropdown is appended outside the modal. */
@media (max-width: 768px) {
  .select2-dropdown {
    background: #101b15 !important;
    border: 1px solid rgba(34, 197, 94, .34) !important;
    color: #fff !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.38) !important;
  }

  .select2-results__option {
    color: #e5e7eb !important;
  }

  .select2-results__option--highlighted[aria-selected] {
    background: rgba(34,197,94,.16) !important;
    color: #4ade80 !important;
  }

  .select2-results__option[aria-selected="true"] {
    background: rgba(34,197,94,.10) !important;
    color: #4ade80 !important;
  }
}

/* ========================================
   MOBILE RESULTS TOOLBAR — CENTERED
======================================== */

@media (max-width: 768px) {

  .page-id-67 .hp-page__content,
  body.post-type-archive-hp_listing .hp-page__content {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  .page-id-67 .hp-result-count,
  .page-id-67 .hp-listings__count,
  body.post-type-archive-hp_listing .hp-result-count,
  body.post-type-archive-hp_listing .hp-listings__count {
    display: block !important;
    width: 100% !important;
    margin: 0 auto 14px !important;
    text-align: center !important;
  }

  .page-id-67 .hp-listings__sort,
  body.post-type-archive-hp_listing .hp-listings__sort {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 18px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .page-id-67 .hp-listings__sort select,
  body.post-type-archive-hp_listing .hp-listings__sort select {
    flex: 0 1 150px !important;
    width: auto !important;
    max-width: 150px !important;
    min-width: 0 !important;
  }

  /* HivePress listing row: remove desktop negative gutters. */
  .page-id-67 .hp-listings > .hp-row,
  body.post-type-archive-hp_listing .hp-listings > .hp-row,
  .page-id-67 .hp-listings .hp-row,
  body.post-type-archive-hp_listing .hp-listings .hp-row {
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .page-id-67 .hp-listings .hp-col-sm-6,
  body.post-type-archive-hp_listing .hp-listings .hp-col-sm-6 {
    box-sizing: border-box !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}


/* ========================================
   MOBILE SORT — STACKED + CENTERED
======================================== */

@media (max-width: 768px) {

  .page-id-67 .hp-listings__sort,
  body.post-type-archive-hp_listing .hp-listings__sort {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 7px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto 20px !important;
    padding: 0 12px !important;
    white-space: normal !important;
    text-align: center !important;
    overflow: visible !important;
  }

  .page-id-67 .hp-listings__sort label,
  body.post-type-archive-hp_listing .hp-listings__sort label label {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: var(--ribo-muted) !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .page-id-67 .hp-listings__sort select,
  body.post-type-archive-hp_listing .hp-listings__sort select select {
    display: block !important;
    box-sizing: border-box !important;
    width: min(100%, 170px) !important;
    max-width: 170px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
  }

  /* Ako HivePress koristi topbar wrapper, i njega prisilno centriramo. */
  .page-id-67 .hp-page__topbar,
  body.post-type-archive-hp_listing .hp-page__topbar {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }
}


/* ========================================
   MOBILE SORT FIELD — SELECT2 TRUE CENTER
======================================== */

@media (max-width: 768px) {

  .page-id-67
  .hp-form__field.hp-form__field--select:has(select[name="_sort"]),
  body.post-type-archive-hp_listing
  .hp-form__field.hp-form__field--select:has(select[name="_sort"]) {
    position: static !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto 18px !important;
    padding: 0 12px !important;
    transform: none !important;
    text-align: center !important;
    overflow: visible !important;
  }

  .page-id-67
  .hp-form__field.hp-form__field--select:has(select[name="_sort"])
  > .hp-form__label,
  body.post-type-archive-hp_listing
  .hp-form__field.hp-form__field--select:has(select[name="_sort"])
  > .hp-form__label
  > .hp-form__label {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 7px !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
  }

  .page-id-67
  .hp-form__field.hp-form__field--select:has(select[name="_sort"])
  > .select2-container,
  body.post-type-archive-hp_listing
  .hp-form__field.hp-form__field--select:has(select[name="_sort"])
  > .select2-container
  > .select2-container {
    position: static !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 150px !important;
    max-width: calc(100vw - 48px) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .page-id-67
  .hp-form__field.hp-form__field--select:has(select[name="_sort"])
  .select2-selection--single,
  body.post-type-archive-hp_listing
  .hp-form__field.hp-form__field--select:has(select[name="_sort"])
  .select2-selection--single
  .select2-selection--single {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}


/* ========================================
   BADGE KATEGORIJE NA KARTICI — HOVER
======================================== */

/*
 * Zadržava postojeći izgled badgea, ali na hover/focus daje
 * jasan kontrast: zelena podloga + bijeli tekst.
 */
.page-id-67 .hp-listing__categories a,
.page-id-67 .hp-listing__category a,
body.post-type-archive-hp_listing .hp-listing__categories a,
body.post-type-archive-hp_listing .hp-listing__category a {
  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.page-id-67 .hp-listing__categories a:hover,
.page-id-67 .hp-listing__categories a:focus-visible,
.page-id-67 .hp-listing__category a:hover,
.page-id-67 .hp-listing__category a:focus-visible,
body.post-type-archive-hp_listing .hp-listing__categories a:hover,
body.post-type-archive-hp_listing .hp-listing__categories a:focus-visible,
body.post-type-archive-hp_listing .hp-listing__category a:hover,
body.post-type-archive-hp_listing .hp-listing__category a:focus-visible {
  background: var(--ribo-green) !important;
  border-color: var(--ribo-green) !important;
  color: #ffffff !important;
  box-shadow: 0 5px 14px rgba(34, 197, 94, .20);
  transform: translateY(-1px);
  text-decoration: none !important;
  outline: none;
}


/* ========================================
   MOBILE — RAZMAK FILTRIRAJ / RESET
======================================== */

@media (max-width: 767px) {
  .page-id-67 .hp-form--listing-filter .reset-filters-wrap,
  body.post-type-archive-hp_listing .hp-form--listing-filter .reset-filters-wrap {
    display: block !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
  }

  .page-id-67 .hp-form--listing-filter .reset-filters-btn,
  body.post-type-archive-hp_listing .hp-form--listing-filter .reset-filters-btn {
    margin: 0 !important;
  }

  .page-id-67 .hp-form--listing-filter .reset-filters-wrap.is-ribo-reset-inactive,
  body.post-type-archive-hp_listing .hp-form--listing-filter .reset-filters-wrap.is-ribo-reset-inactive {
    display: none !important;
  }
}


/* ========================================
   MOBILE FILTER MODAL — GLATKO SCROLLANJE
======================================== */

@media (max-width: 767px) {

  .page-id-67 .hp-form--listing-filter,
  body.post-type-archive-hp_listing .hp-form--listing-filter,
  .fancybox__content .hp-form--listing-filter,
  .fancybox__slide .hp-form--listing-filter,
  .fancybox__container .hp-form--listing-filter {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
  }

  .page-id-67 .hp-form--listing-filter ul,
  body.post-type-archive-hp_listing .hp-form--listing-filter ul,
  .fancybox__content .hp-form--listing-filter ul {
    max-height: none !important;
    overflow: visible !important;
  }

  .page-id-67 .hp-form--listing-filter .hp-form__field,
  .page-id-67 .hp-form--listing-filter label,
  body.post-type-archive-hp_listing .hp-form--listing-filter .hp-form__field,
  body.post-type-archive-hp_listing .hp-form--listing-filter label,
  .page-id-67 .hp-form--listing-filter .select2-container,
  body.post-type-archive-hp_listing .hp-form--listing-filter .select2-container {
    touch-action: pan-y;
  }

  .page-id-67 .hp-form--listing-filter input[type="range"],
  body.post-type-archive-hp_listing .hp-form--listing-filter input[type="range"],
  .page-id-67 .hp-form--listing-filter .ui-slider,
  body.post-type-archive-hp_listing .hp-form--listing-filter .ui-slider {
    touch-action: pan-x;
  }
}

/* ========================================
   MOBILE KATEGORIJE - BEZ OKOMITIH CRTA
   Zadrzava radio krugove i aktivno stanje.
======================================== */
@media (max-width: 768px) {
  #listing_filter_modal .hp-field--radio ul ul,
  #listing_filter_modal .hp-field--radio .ribo-category-children,
  #listing_filter_modal .hp-field--radio li > ul,
  #listing_filter_modal .ribo-category-children {
    border-left: 0 !important;
    border-inline-start: 0 !important;
    box-shadow: none !important;
  }

  #listing_filter_modal .hp-field--radio ul ul::before,
  #listing_filter_modal .hp-field--radio ul ul::after,
  #listing_filter_modal .hp-field--radio .ribo-category-children::before,
  #listing_filter_modal .hp-field--radio .ribo-category-children::after,
  #listing_filter_modal .hp-field--radio li::before,
  #listing_filter_modal .hp-field--radio li::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}


/* =========================================================
   QA FIX 2026-08-31 — završne sitnice arhive oglasa
   - malo veći razmak "Sortiraj po" / dropdown
   - siguran padding i wrap za prazne rezultate <= 768 px
========================================================= */
@media (max-width: 768px) {
  .page-id-67 .hp-listings__sort,
  body.post-type-archive-hp_listing .hp-listings__sort,
  body.tax-hp_listing_category .hp-listings__sort {
    row-gap: 10px !important;
  }

  .page-id-67 .hp-listings__sort label,
  body.post-type-archive-hp_listing .hp-listings__sort label,
  body.tax-hp_listing_category .hp-listings__sort label,
  .page-id-67 .hp-form__field.hp-form__field--select:has(select[name="_sort"]) > .hp-form__label,
  body.post-type-archive-hp_listing .hp-form__field.hp-form__field--select:has(select[name="_sort"]) > .hp-form__label,
  body.tax-hp_listing_category .hp-form__field.hp-form__field--select:has(select[name="_sort"]) > .hp-form__label {
    margin-bottom: 3px !important;
  }

  .page-id-67 .hp-no-results,
  body.post-type-archive-hp_listing .hp-no-results,
  body.tax-hp_listing_category .hp-no-results {
    box-sizing: border-box !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow: hidden !important;
  }

  .page-id-67 .hp-no-results *,
  body.post-type-archive-hp_listing .hp-no-results *,
  body.tax-hp_listing_category .hp-no-results * {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

/* =========================================================
   QA FIX v1.0.17 — visinu desktop archive layouta sada sinkronizira
   js/archive-layout-guard.js prema stvarnoj visini sidebara/sadržaja.
   Time footer više ne može krenuti ispod visokog filtera kada nema oglasa.
========================================================= */

/* =========================================================
   QA FIX v1.0.16 — TOČAN RAZMAK SORTIRANJA
   DOM: .hp-form__field.hp-form__field--select > label + select + .select2-container
   Namjerno koristi direktne child selektore da se ne sudara sa starim pravilima.
========================================================= */

/* Desktop / tablet: labela i Select2 imaju jasan horizontalni razmak. */
.hp-listings__sort .hp-form__field.hp-form__field--select:has(> select[name="_sort"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
}

.hp-listings__sort .hp-form__field.hp-form__field--select:has(> select[name="_sort"]) > .hp-form__label,
.hp-listings__sort .hp-form__field.hp-form__field--select:has(> select[name="_sort"]) > label.hp-field__label {
  margin: 0 !important;
  padding: 0 !important;
}

.hp-listings__sort .hp-form__field.hp-form__field--select:has(> select[name="_sort"]) > .select2-container {
  margin: 0 !important;
}

/* Mobilno: labela iznad dropdowna, s vidljivim vertikalnim razmakom. */
@media (max-width: 768px) {
  .hp-listings__sort .hp-form__field.hp-form__field--select:has(> select[name="_sort"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    column-gap: 0 !important;
    row-gap: 9px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .hp-listings__sort .hp-form__field.hp-form__field--select:has(> select[name="_sort"]) > .hp-form__label,
  .hp-listings__sort .hp-form__field.hp-form__field--select:has(> select[name="_sort"]) > label.hp-field__label {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
  }

  .hp-listings__sort .hp-form__field.hp-form__field--select:has(> select[name="_sort"]) > .select2-container {
    display: block !important;
    width: 150px !important;
    max-width: calc(100vw - 48px) !important;
    margin: 0 !important;
  }
}

/* =========================================================
   QA FIX v1.0.18 — SORT + EMPTY ARCHIVE FLOW
   JS adds .ribo-sort-field to the exact field that contains _sort.
   This avoids relying on HivePress wrapper nesting.
========================================================= */

/* Desktop/tablet: create visible space between label and Select2. */
.ribo-sort-field {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
}

.ribo-sort-field > label.hp-field__label,
.ribo-sort-field > .hp-form__label {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ribo-sort-field > .select2-container {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

@media (max-width: 768px) {
  .ribo-sort-field {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    column-gap: 0 !important;
    row-gap: 10px !important;
  }

  .ribo-sort-field > label.hp-field__label,
  .ribo-sort-field > .hp-form__label,
  .ribo-sort-field > .select2-container {
    margin: 0 !important;
  }
}

/* =========================================================
   QA FIX v1.0.19 — SORT DESNI RAZMAK
   Drži "Sortiraj po" blok malo dalje od desnog ruba/scrollbara.
========================================================= */
@media (min-width: 769px) {
  .hp-listings__sort .ribo-sort-field,
  .ribo-sort-field {
    margin-right: 24px !important;
  }
}

/* =========================================================
   QA FIX v1.0.23 — PRAZNA KATEGORIJA / STICKY OFF
   Na praznoj kategoriji lijevi filter ostaje u normalnom flowu.
   Time .hp-row dobiva stvarnu visinu sidebara, a footer prirodno
   dolazi tek ispod njega. Nema dinamičkog računanja visine niti
   scroll/resize feedback-loopa.
========================================================= */
body.ribo-empty-archive .hp-page > .hp-row,
body.ribo-empty-archive .hp-page__body > .hp-row {
  align-items: flex-start !important;
}

body.ribo-empty-archive .hp-page__sidebar {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  align-self: flex-start !important;
}

body.ribo-empty-archive .hp-page__sidebar > div,
body.ribo-empty-archive .hp-page__sidebar .inner-wrapper-sticky {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.ribo-empty-archive .site-content {
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

body.ribo-empty-archive .hp-page__content {
  align-self: flex-start !important;
}


/* ========================================
   ŽUPANIJA — MULTI SELECT FILTER
======================================== */
.page-id-67 .hp-form--listing-filter .hp-form__field:has(select[name="zupanija[]"]),
body.post-type-archive-hp_listing .hp-form--listing-filter .hp-form__field:has(select[name="zupanija[]"]),
body.tax-hp_listing_category .hp-form--listing-filter .hp-form__field:has(select[name="zupanija[]"]) {
  width: 100%;
}

.page-id-67 .hp-form--listing-filter .select2-container--default .select2-selection--multiple,
body.post-type-archive-hp_listing .hp-form--listing-filter .select2-container--default .select2-selection--multiple,
body.tax-hp_listing_category .hp-form--listing-filter .select2-container--default .select2-selection--multiple {
  min-height: 48px;
  border: 1px solid rgba(34, 197, 94, .24);
  border-radius: 10px;
  background: rgba(255, 255, 255, .055);
  color: var(--ribo-text);
}

.page-id-67 .hp-form--listing-filter .select2-selection--multiple .select2-selection__choice,
body.post-type-archive-hp_listing .hp-form--listing-filter .select2-selection--multiple .select2-selection__choice,
body.tax-hp_listing_category .hp-form--listing-filter .select2-selection--multiple .select2-selection__choice {
  border-color: rgba(34, 197, 94, .34);
  background: rgba(34, 197, 94, .14);
  color: var(--ribo-text);
}

/* =========================================================
   OGLASI — STABILAN FOOTER / SIDEBAR
   2026-09-10
   Sticky filter je na oglasniku potpuno isključen. Filter tako od prvog
   rendera ostaje u normalnom toku dokumenta i visina retka uvijek uključuje
   cijeli sidebar. Nema JS mjerenja, naknadnog rušenja sticky plugina ni
   min-height "zakrpa", pa footer ne može trzati pri scrollu.
========================================================= */
@media (min-width: 769px) {
  .page-id-67 .hp-page > .hp-row,
  .page-id-67 .hp-page__body > .hp-row,
  body.post-type-archive-hp_listing .hp-page > .hp-row,
  body.post-type-archive-hp_listing .hp-page__body > .hp-row,
  body.tax-hp_listing_category .hp-page > .hp-row,
  body.tax-hp_listing_category .hp-page__body > .hp-row,
  body.ribo-listing-results .hp-page > .hp-row,
  body.ribo-listing-results .hp-page__body > .hp-row {
    align-items: flex-start !important;
  }

  .page-id-67 .hp-page__sidebar,
  .page-id-67 .hp-page__sidebar > *,
  .page-id-67 .hp-page__sidebar .inner-wrapper-sticky,
  body.post-type-archive-hp_listing .hp-page__sidebar,
  body.post-type-archive-hp_listing .hp-page__sidebar > *,
  body.post-type-archive-hp_listing .hp-page__sidebar .inner-wrapper-sticky,
  body.tax-hp_listing_category .hp-page__sidebar,
  body.tax-hp_listing_category .hp-page__sidebar > *,
  body.tax-hp_listing_category .hp-page__sidebar .inner-wrapper-sticky,
  body.ribo-listing-results .hp-page__sidebar,
  body.ribo-listing-results .hp-page__sidebar > *,
  body.ribo-listing-results .hp-page__sidebar .inner-wrapper-sticky {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-id-67 .hp-page__sidebar .inner-wrapper-sticky,
  body.post-type-archive-hp_listing .hp-page__sidebar .inner-wrapper-sticky,
  body.tax-hp_listing_category .hp-page__sidebar .inner-wrapper-sticky,
  body.ribo-listing-results .hp-page__sidebar .inner-wrapper-sticky {
    width: 100% !important;
  }
}


/* =========================================================
   OGLASI — sakrij "(Neobavezno)" samo uz filter Županija
   Filter i dalje ostaje neobavezan; mijenja se samo prikaz labele.
========================================================= */
.hp-form--listing-filter .hp-form__field:has(select[name="zupanija[]"]) > label.hp-field__label small,
.hp-form--listing-filter .hp-form__field:has(select[name="zupanija"]) > label.hp-field__label small,
.hp-form--listing-filter .hp-form__field:has([name="zupanija[]"]) > label.hp-field__label small,
.hp-form--listing-filter .hp-form__field:has([name="zupanija"]) > label.hp-field__label small {
  display: none !important;
}


/* =========================================================
   OGLASI — ŽUPANIJA MULTI SELECT, FINAL CLEAN
   27.09.2026.
   Desktop: placeholder prije prvog odabira, zatim mali +.
   Mobile: vlastiti stabilni picker u normalnom toku stranice,
   bez Select2 tipkovnice i bez "skakanja" dropdowna.
========================================================= */

/* ---------- DESKTOP SELECT2 ---------- */
@media (min-width: 769px) {
  .page-id-67 .hp-form--listing-filter .select2-selection--multiple,
  body.post-type-archive-hp_listing .hp-form--listing-filter .select2-selection--multiple,
  body.tax-hp_listing_category .hp-form--listing-filter .select2-selection--multiple {
    min-height: 58px !important;
    padding: 9px 12px !important;
    display: flex !important;
    align-items: center !important;
  }

  .page-id-67 .hp-form--listing-filter .select2-selection--multiple .select2-selection__rendered,
  body.post-type-archive-hp_listing .hp-form--listing-filter .select2-selection--multiple .select2-selection__rendered,
  body.tax-hp_listing_category .hp-form--listing-filter .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .hp-form--listing-filter .select2-container.ribo-county-empty .select2-search--inline {
    float: none !important;
    display: block !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .hp-form--listing-filter .select2-container.ribo-county-empty .select2-search__field {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #eef6f0 !important;
    caret-color: #45e578 !important;
    cursor: text !important;
  }

  .hp-form--listing-filter .select2-container.ribo-county-empty .select2-search__field::placeholder {
    color: rgba(255,255,255,.54) !important;
    opacity: 1 !important;
  }

  .hp-form--listing-filter .select2-container.ribo-county-has-selection .select2-search--inline {
    position: relative !important;
    float: none !important;
    display: inline-flex !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hp-form--listing-filter .select2-container.ribo-county-has-selection .select2-search--inline::before {
    content: "+" !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(34,197,94,.58) !important;
    border-radius: 8px !important;
    background: rgba(34,197,94,.10) !important;
    color: #45e578 !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    pointer-events: none !important;
  }

  .hp-form--listing-filter .select2-container.ribo-county-has-selection .select2-search__field {
    position: absolute !important;
    inset: 0 !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    caret-color: transparent !important;
    cursor: pointer !important;
  }

  .hp-form--listing-filter .select2-selection--multiple .select2-selection__choice {
    margin: 0 !important;
  }
}


/* ---------- MOBILE CUSTOM COUNTY PICKER ---------- */
.ribo-county-mobile {
  display: none;
}

@media (max-width: 768px) {
  /* Hide only the Select2 UI for county; the real <select> remains in the form. */
  .hp-form--listing-filter select[name="zupanija[]"] + .select2-container,
  .hp-form--listing-filter select[name="zupanija"] + .select2-container {
    display: none !important;
  }

  .ribo-county-mobile {
    display: block;
    width: 100%;
    margin: 0;
  }

  .ribo-county-mobile__field {
    width: 100%;
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid rgba(34,197,94,.34);
    border-radius: 12px;
    background: rgba(255,255,255,.055);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }

  .ribo-county-mobile__placeholder {
    flex: 1 1 auto;
    padding: 8px 4px;
    color: rgba(255,255,255,.52);
    font-size: 16px;
    line-height: 1.25;
  }

  .ribo-county-mobile__chip {
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 11px;
    border: 1px solid rgba(34,197,94,.40);
    border-radius: 8px;
    background: rgba(34,197,94,.12);
    color: #eef6f0;
    font-size: 15px;
    line-height: 1.2;
  }

  .ribo-county-mobile__chip-label {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .ribo-county-mobile__remove {
    appearance: none;
    border: 0;
    background: transparent;
    color: #b7c4ba;
    padding: 0;
    margin: 0;
    font: inherit;
    line-height: 1;
    cursor: pointer;
  }

  .ribo-county-mobile__add {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    border: 1px solid rgba(34,197,94,.58);
    border-radius: 9px;
    background: rgba(34,197,94,.10);
    color: #45e578;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
  }

  .ribo-county-mobile__panel {
    display: none;
    width: 100%;
    max-height: 280px;
    margin-top: 6px;
    border: 1px solid rgba(34,197,94,.30);
    border-radius: 10px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: #132219;
    box-sizing: border-box;
    position: relative;
    z-index: 20;
  }

  .ribo-county-mobile.is-open .ribo-county-mobile__panel {
    display: block;
  }

  .ribo-county-mobile__option {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.055);
    background: transparent;
    color: #f0f5f1;
    text-align: left;
    font: inherit;
    font-size: 16px;
    line-height: 1.25;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .ribo-county-mobile__option:last-child {
    border-bottom: 0;
  }

  .ribo-county-mobile__option.is-selected {
    background: rgba(34,197,94,.15);
    color: #ffffff;
  }

  .ribo-county-mobile__option.is-selected::after {
    content: "✓";
    flex: 0 0 auto;
    color: #45e578;
    font-weight: 800;
  }

  /* Keyword input: remove iOS/Android native datalist/autofill arrow. */
  .hp-form--listing-search input.hp-field--search {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
    padding-right: 18px !important;
  }

  .hp-form--listing-search input.hp-field--search::-webkit-search-decoration,
  .hp-form--listing-search input.hp-field--search::-webkit-search-cancel-button,
  .hp-form--listing-search input.hp-field--search::-webkit-search-results-button,
  .hp-form--listing-search input.hp-field--search::-webkit-search-results-decoration,
  .hp-form--listing-search input.hp-field--search::-webkit-calendar-picker-indicator {
    display: none !important;
    -webkit-appearance: none !important;
  }
}


/* ---------- PAGINATION ARROWS ---------- */
.page-id-67 .pagination .prev,
.page-id-67 .pagination .next,
body.post-type-archive-hp_listing .pagination .prev,
body.post-type-archive-hp_listing .pagination .next,
body.tax-hp_listing_category .pagination .prev,
body.tax-hp_listing_category .pagination .next {
  color: #45e578 !important;
  border-color: rgba(34,197,94,.34) !important;
  background: rgba(34,197,94,.08) !important;
  opacity: 1 !important;
}

.page-id-67 .pagination .prev *,
.page-id-67 .pagination .next *,
body.post-type-archive-hp_listing .pagination .prev *,
body.post-type-archive-hp_listing .pagination .next *,
body.tax-hp_listing_category .pagination .prev *,
body.tax-hp_listing_category .pagination .next * {
  color: #45e578 !important;
  fill: #45e578 !important;
  stroke: #45e578 !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  .page-id-67 .pagination .prev,
  .page-id-67 .pagination .next,
  body.post-type-archive-hp_listing .pagination .prev,
  body.post-type-archive-hp_listing .pagination .next,
  body.tax-hp_listing_category .pagination .prev,
  body.tax-hp_listing_category .pagination .next {
    color: #9BFFB4 !important;
    border-color: rgba(155,255,180,.82) !important;
    background: rgba(155,255,180,.16) !important;
    box-shadow: 0 0 12px rgba(124,255,159,.16) !important;
    opacity: 1 !important;
  }

  .page-id-67 .pagination .prev *,
  .page-id-67 .pagination .next *,
  body.post-type-archive-hp_listing .pagination .prev *,
  body.post-type-archive-hp_listing .pagination .next *,
  body.tax-hp_listing_category .pagination .prev *,
  body.tax-hp_listing_category .pagination .next * {
    color: #9BFFB4 !important;
    fill: #9BFFB4 !important;
    stroke: #9BFFB4 !important;
    opacity: 1 !important;
  }
}


/* =========================================================
   MOBILE ŽUPANIJE — ESTETSKI POLISH
   27.09.2026.
   Funkcionalnost ostaje ista; mijenja se samo izgled.
========================================================= */
@media (max-width: 768px) {
  .ribo-county-mobile__field {
    padding: 12px !important;
    gap: 9px !important;
    border-color: rgba(34,197,94,.28) !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.018) !important;
  }

  .ribo-county-mobile__chip {
    width: 100% !important;
    min-height: 48px !important;
    padding: 9px 12px !important;
    gap: 10px !important;
    border-color: rgba(34,197,94,.30) !important;
    border-radius: 10px !important;
    background: linear-gradient(
      135deg,
      rgba(34,197,94,.10),
      rgba(255,255,255,.035)
    ) !important;
    color: #f1f7f3 !important;
    box-sizing: border-box !important;
  }

  .ribo-county-mobile__remove {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 8px !important;
    background: rgba(0,0,0,.16) !important;
    color: #d8e4db !important;
    font-size: 18px !important;
  }

  .ribo-county-mobile__chip-label {
    flex: 1 1 auto !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  .ribo-county-mobile__add {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    margin-top: 1px !important;
    border-color: rgba(34,197,94,.55) !important;
    background: rgba(34,197,94,.10) !important;
    color: #5cf18a !important;
    box-shadow: inset 0 0 0 1px rgba(34,197,94,.04) !important;
  }

  .ribo-county-mobile__panel {
    margin-top: 8px !important;
    max-height: 300px !important;
    padding: 5px !important;
    border-color: rgba(34,197,94,.24) !important;
    border-radius: 12px !important;
    background: rgba(12,27,18,.985) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.34) !important;
  }

  .ribo-county-mobile__option {
    min-height: 48px !important;
    margin: 2px 0 !important;
    padding: 11px 13px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #edf5ef !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-align: left !important;
  }

  .ribo-county-mobile__option.is-selected {
    border-color: rgba(34,197,94,.32) !important;
    background: rgba(34,197,94,.12) !important;
    color: #ffffff !important;
  }

  .ribo-county-mobile__option.is-selected::after {
    width: 23px !important;
    height: 23px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(34,197,94,.18) !important;
    color: #66f294 !important;
    font-size: 14px !important;
  }

  .ribo-county-mobile__option:active {
    background: rgba(34,197,94,.10) !important;
  }

  .ribo-county-mobile__placeholder {
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    color: rgba(255,255,255,.56) !important;
    font-size: 15px !important;
  }
}


/* =========================================================
   MOBILE ŽUPANIJE — TEXT VISIBILITY FIX
   27.09.2026.
   ListingHive/global button styles mogu nametnuti
   -webkit-text-fill-color pa tekst izgleda crno/nevidljivo.
========================================================= */
@media (max-width: 768px) {
  .ribo-county-mobile__placeholder,
  .ribo-county-mobile__option,
  .ribo-county-mobile__chip,
  .ribo-county-mobile__chip-label,
  .ribo-county-mobile__remove,
  .ribo-county-mobile__add {
    opacity: 1 !important;
  }

  .ribo-county-mobile__placeholder {
    color: rgba(255,255,255,.64) !important;
    -webkit-text-fill-color: rgba(255,255,255,.64) !important;
  }

  .ribo-county-mobile__option {
    color: #eef6f0 !important;
    -webkit-text-fill-color: #eef6f0 !important;
  }

  .ribo-county-mobile__option.is-selected {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  .ribo-county-mobile__chip,
  .ribo-county-mobile__chip-label {
    color: #f3f8f4 !important;
    -webkit-text-fill-color: #f3f8f4 !important;
  }

  .ribo-county-mobile__remove {
    color: #d7e3da !important;
    -webkit-text-fill-color: #d7e3da !important;
  }

  .ribo-county-mobile__add {
    color: #62f18e !important;
    -webkit-text-fill-color: #62f18e !important;
  }

  .ribo-county-mobile__option.is-selected::after {
    color: #66f294 !important;
    -webkit-text-fill-color: #66f294 !important;
  }
}


/* =========================================================
   KLJUČNE RIJEČI — BEZ STRELICE / NATIVE INDIKATORA
   27.09.2026.
   Vrijedi i prije korištenja bilo kojeg filtera.
========================================================= */
.page-id-67 .hp-form--listing-search .hp-form__field--search,
body.post-type-archive-hp_listing .hp-form--listing-search .hp-form__field--search,
body.tax-hp_listing_category .hp-form--listing-search .hp-form__field--search {
  position: relative !important;
  background-image: none !important;
}

.page-id-67 .hp-form--listing-search .hp-form__field--search::before,
.page-id-67 .hp-form--listing-search .hp-form__field--search::after,
body.post-type-archive-hp_listing .hp-form--listing-search .hp-form__field--search::before,
body.post-type-archive-hp_listing .hp-form--listing-search .hp-form__field--search::after,
body.tax-hp_listing_category .hp-form--listing-search .hp-form__field--search::before,
body.tax-hp_listing_category .hp-form--listing-search .hp-form__field--search::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
}

.page-id-67 .hp-form--listing-search input.hp-field--search,
body.post-type-archive-hp_listing .hp-form--listing-search input.hp-field--search,
body.tax-hp_listing_category .hp-form--listing-search input.hp-field--search {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
  padding-right: 18px !important;
}

.page-id-67 .hp-form--listing-search input.hp-field--search::-webkit-search-decoration,
.page-id-67 .hp-form--listing-search input.hp-field--search::-webkit-search-cancel-button,
.page-id-67 .hp-form--listing-search input.hp-field--search::-webkit-search-results-button,
.page-id-67 .hp-form--listing-search input.hp-field--search::-webkit-search-results-decoration,
.page-id-67 .hp-form--listing-search input.hp-field--search::-webkit-calendar-picker-indicator,
body.post-type-archive-hp_listing .hp-form--listing-search input.hp-field--search::-webkit-search-decoration,
body.post-type-archive-hp_listing .hp-form--listing-search input.hp-field--search::-webkit-search-cancel-button,
body.post-type-archive-hp_listing .hp-form--listing-search input.hp-field--search::-webkit-search-results-button,
body.post-type-archive-hp_listing .hp-form--listing-search input.hp-field--search::-webkit-search-results-decoration,
body.post-type-archive-hp_listing .hp-form--listing-search input.hp-field--search::-webkit-calendar-picker-indicator,
body.tax-hp_listing_category .hp-form--listing-search input.hp-field--search::-webkit-search-decoration,
body.tax-hp_listing_category .hp-form--listing-search input.hp-field--search::-webkit-search-cancel-button,
body.tax-hp_listing_category .hp-form--listing-search input.hp-field--search::-webkit-search-results-button,
body.tax-hp_listing_category .hp-form--listing-search input.hp-field--search::-webkit-search-results-decoration,
body.tax-hp_listing_category .hp-form--listing-search input.hp-field--search::-webkit-calendar-picker-indicator {
  display: none !important;
  -webkit-appearance: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Safari autofill/contacts indicator. */
.page-id-67 .hp-form--listing-search input.hp-field--search::-webkit-contacts-auto-fill-button,
.page-id-67 .hp-form--listing-search input.hp-field--search::-webkit-credentials-auto-fill-button,
body.post-type-archive-hp_listing .hp-form--listing-search input.hp-field--search::-webkit-contacts-auto-fill-button,
body.post-type-archive-hp_listing .hp-form--listing-search input.hp-field--search::-webkit-credentials-auto-fill-button,
body.tax-hp_listing_category .hp-form--listing-search input.hp-field--search::-webkit-contacts-auto-fill-button,
body.tax-hp_listing_category .hp-form--listing-search input.hp-field--search::-webkit-credentials-auto-fill-button {
  visibility: hidden !important;
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* =========================================================
   KLJUČNE RIJEČI — SELECT2 STRELICA OFF
   27.09.2026.
   HTML potvrđen:
   <span class="select2-selection__arrow"><b></b></span>
========================================================= */
@media (max-width: 768px) {
  .page-id-67 .hp-form--listing-search .select2-selection__arrow,
  body.post-type-archive-hp_listing .hp-form--listing-search .select2-selection__arrow,
  body.tax-hp_listing_category .hp-form--listing-search .select2-selection__arrow {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .page-id-67 .hp-form--listing-search .select2-selection__arrow b,
  body.post-type-archive-hp_listing .hp-form--listing-search .select2-selection__arrow b,
  body.tax-hp_listing_category .hp-form--listing-search .select2-selection__arrow b {
    display: none !important;
    border: 0 !important;
  }

  .page-id-67 .hp-form--listing-search .select2-selection--single,
  body.post-type-archive-hp_listing .hp-form--listing-search .select2-selection--single,
  body.tax-hp_listing_category .hp-form--listing-search .select2-selection--single {
    padding-right: 16px !important;
  }
}


/* =========================================================
   MOBILE TOPBAR — TOČNO UKLONI STRELICU SORTIRANJA
   27.09.2026.
   Potvrđen DOM:
   .hp-page__topbar > form ... .ribo-sort-field
   > .select2-container > .selection > .select2-selection--single
   > .select2-selection__arrow
   Ova strelica vizualno ulazi u područje "Ključne riječi",
   ali pripada _sort Select2 polju, ne keyword inputu.
========================================================= */
@media (max-width: 768px) {
  .hp-page__topbar
  .ribo-sort-field
  > .select2-container
  .select2-selection--single
  > .select2-selection__arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    right: auto !important;
    pointer-events: none !important;
  }

  .hp-page__topbar
  .ribo-sort-field
  > .select2-container
  .select2-selection--single
  > .select2-selection__arrow
  > b {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
  }

  .hp-page__topbar
  .ribo-sort-field
  > .select2-container
  .select2-selection--single
  > .select2-selection__rendered {
    padding-right: 12px !important;
  }
}


/* =========================================================
   MOBILE FILTER — CONSOLIDATED REAL-DEVICE FIX
   28.09.2026.

   VAŽNO:
   - ne mijenja poziciju/visinu Fancybox modala
   - ne zaključava body vlastitim kodom
   - ne presreće swipe/touch geste
   - Fancybox zadržava vlastiti native scroll
   - dodaje samo siguran prostor na dnu forme kako zadnja akcija
     može doći iznad browser toolbar/safe-area područja
========================================================= */
@media (max-width: 768px) {
  #listing_filter_modal .hp-form--listing-filter,
  .fancybox-content .hp-form--listing-filter,
  .fancybox__content .hp-form--listing-filter,
  .hp-modal .hp-form--listing-filter {
    box-sizing: border-box !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  #listing_filter_modal .reset-filters-wrap,
  .fancybox-content .hp-form--listing-filter .reset-filters-wrap,
  .fancybox__content .hp-form--listing-filter .reset-filters-wrap,
  .hp-modal .hp-form--listing-filter .reset-filters-wrap {
    margin-bottom: 0 !important;
    scroll-margin-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }
}

/* =========================================================
   MOBILE CATEGORY FIELD — EXPAND WITH OPEN SUBCATEGORIES
   2026-09-28
   The modal itself is the only vertical scroll container.
   Do not keep a second, fixed-height scrollbar inside categories.
========================================================= */
@media (max-width: 768px) {
  #listing_filter_modal .hp-form__field--radio,
  #listing_filter_modal .hp-field--radio {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #listing_filter_modal .hp-field--radio > ul,
  #listing_filter_modal .ribo-category-root-list,
  #listing_filter_modal li.ribo-category-parent.is-ribo-expanded,
  #listing_filter_modal li.ribo-category-parent.is-ribo-expanded > .ribo-category-children {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #listing_filter_modal li.ribo-category-parent.is-ribo-expanded > .ribo-category-children {
    padding-bottom: 4px !important;
  }
}

/* =========================================================
   PROIZVOĐAČ FILTER — COLLAPSIBLE CHECKBOX MULTISELECT
   Zatvoren po defaultu; klik otvara popis svih proizvođača.
========================================================= */
.hp-form--listing-filter .ribo-manufacturer-select2-hidden,
.hp-form--listing-filter .ribo-manufacturer-native-hidden,
.hp-form--listing-filter .ribo-manufacturer-field-enhanced > .select2-container,
.hp-form--listing-filter .ribo-manufacturer-field-enhanced .select2-container {
    display: none !important;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown {
    position: relative;
    width: 100%;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__trigger {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 16px;
    border: 1px solid rgba(31, 209, 102, 0.28);
    border-radius: 10px;
    background: rgba(255,255,255,.035);
    color: #eef4f0;
    font: inherit;
    font-size: 15px;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__trigger:hover,
.hp-form--listing-filter .ribo-manufacturer-dropdown__trigger:focus-visible,
.hp-form--listing-filter .ribo-manufacturer-dropdown.is-open .ribo-manufacturer-dropdown__trigger {
    border-color: rgba(31, 209, 102, .65);
    outline: none;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__trigger.has-selection {
    color: #1fd166;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__chevron {
    flex: 0 0 auto;
    color: #91a49a;
    font-size: 14px;
    transition: transform .15s ease;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown.is-open .ribo-manufacturer-dropdown__chevron {
    transform: rotate(180deg);
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__panel {
    margin-top: 7px;
    padding: 10px;
    border: 1px solid rgba(31, 209, 102, 0.32);
    border-radius: 12px;
    background: #102119;
    box-shadow: 0 10px 28px rgba(0,0,0,.28);
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__panel[hidden] {
    display: none !important;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px;
    max-height: 240px;
    overflow-y: auto;
    padding: 2px;
    scrollbar-width: thin;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 34px;
    margin: 0;
    cursor: pointer;
    user-select: none;
    color: #eef4f0;
    font-size: 14px;
    line-height: 1.25;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__item input[type="checkbox"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__box {
    position: relative;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 4px;
    background: rgba(255,255,255,.025);
    box-sizing: border-box;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__item input:checked + .ribo-manufacturer-dropdown__box {
    border-color: #1fd166;
    background: #1fd166;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__item input:checked + .ribo-manufacturer-dropdown__box::after {
    content: '✓';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #07140d;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__item input:focus-visible + .ribo-manufacturer-dropdown__box {
    outline: 2px solid #1fd166;
    outline-offset: 2px;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__text {
    min-width: 0;
    overflow-wrap: anywhere;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__clear,
.hp-form--listing-filter .ribo-manufacturer-dropdown__done {
    min-height: 36px;
    padding: 7px 13px;
    border-radius: 8px;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__clear {
    border: 1px solid rgba(255,255,255,.14);
    background: transparent;
    color: #b7c5bd;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__clear[hidden] {
    visibility: hidden;
}

.hp-form--listing-filter .ribo-manufacturer-dropdown__done {
    border: 1px solid #1fd166;
    background: #1fd166;
    color: #07140d;
    font-weight: 700;
}

@media (max-width: 767px) {
    .hp-form--listing-filter .ribo-manufacturer-dropdown__trigger {
        min-height: 58px;
        font-size: 15px;
    }

    .hp-form--listing-filter .ribo-manufacturer-dropdown__list {
        grid-template-columns: 1fr;
        max-height: 235px;
    }

    .hp-form--listing-filter .ribo-manufacturer-dropdown__item {
        min-height: 38px;
        font-size: 15px;
    }
}

/* Proizvođač: sakrij samo duplicirano vanjsko polje uz sortiranje.
   Pravi desktop sidebar i mobilni #listing_filter_modal ostaju netaknuti. */
.ribo-manufacturer-duplicate-field {
    display: none !important;
}