.elementor-823 .elementor-element.elementor-element-fff3308{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-823 .elementor-element.elementor-element-fff3308:not(.elementor-motion-effects-element-type-background), .elementor-823 .elementor-element.elementor-element-fff3308 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-823 .elementor-element.elementor-element-ba71b54 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-823 .elementor-element.elementor-element-ba71b54 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-823 .elementor-element.elementor-element-77880a0 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:8px 0px 0px 0px;}.elementor-823 .elementor-element.elementor-element-77880a0.elementor-element{--align-self:stretch;}@media(max-width:767px){.elementor-823 .elementor-element.elementor-element-77880a0 > .elementor-widget-container{margin:0px 0px 0px 10px;padding:20px 0px 0px 0px;}}/* Start custom CSS for es-search-form-widget, class: .elementor-element-5520dfd *//* 1. Postavi roditeljski kontejner kao grid sa 4 kolone */
.es-search form {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* sada 5 kolona u jednom redu */
  gap: 20px;
  align-items: end;
  flex-wrap: wrap;
}

}

/* 2. Sve .js-search-field-container neka zauzimaju po jednu kolonu */
.js-search-field-container,
.es-field-row__range {
  margin: 0 !important;
}

/* 3. Min i max kvadratura da budu jedan pored drugog unutar svoje kolone */
.es-field-row__range {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

/* 4. Svako polje unutar kvadrature neka deli prostor pola-pola */
.es-field__min_povrsina,
.es-field__max_povrsina {
  flex: 1;
}

/* 5. Dodatno prilagođavanje za dugmad na kraju forme */
.es-search__buttons {
  grid-column: span 4; /* neka dugmad idu preko cele širine ispod forme */
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 15px;
}


@media (max-width: 768px) {
  /* Raspored po dva u redu */
  .es-search form {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
  }

  /* Sva obična polja */
  .es-search .js-es-field,
  .es-search .es-field:not(.es-field__min_povrsina):not(.es-field__max_povrsina) {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Kvadratura zauzima ceo red */
  .es-search .es-field-row__range {
    grid-column: span 5;
    display: flex !important;
    flex-direction: row;
    gap: 10px;
  }

  .es-search .es-field-row__range .es-field {
    flex: 1 1 50%;
  }
}/* End custom CSS */
/* Start custom CSS for es-listings-widget, class: .elementor-element-77880a0 */.es-powered{
    display: none;
}/* End custom CSS */