/* poravnanje per-page forme u traci */

.lte-wc-order .products-per-page {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.lte-wc-order .products-per-page select {
  min-height: 36px;
  min-width: 120px;
  padding: 6px 28px 6px 10px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff;
  line-height: 1.4;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media (max-width: 992px) {
  .lte-wc-order {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Traka iznad proizvoda */

.lte-wc-order {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Levo broj rezultata, sredina per-page, desno sortiranje */

.lte-wc-order .woocommerce-result-count {
  flex: 1 1 auto;
}

.lte-wc-order .products-per-page {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.lte-wc-order .woocommerce-ordering {
  margin-left: auto;
}

/* >>> Ključno: spreči da per-page select bude širine 100% koje nameće tema */

.lte-wc-order .products-per-page .select-wrap {
  display: inline-flex;
  align-items: center;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.lte-wc-order .products-per-page select {
  width: auto !important;
  /* ne razvlači na 100% */
  min-width: 140px;
  height: 36px;
  padding: 6px 28px 6px 10px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff;
  line-height: 1.4;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* (opciono) malo zbij labelu */

.lte-wc-order .products-per-page label {
  margin: 0 6px 0 0;
}

/* Mobilno: sve ispod sebe */

@media (max-width: 992px) {
  .lte-wc-order {
    flex-direction: column;
    align-items: flex-start;
  }

  .lte-wc-order .woocommerce-ordering {
    margin-left: 0;
  }
}

/* === Desktop (širina od 992px naviše) === */

@media (min-width: 992px) {
  .lte-wc-order {
    position: relative;
  }

  .lte-wc-order .products-per-page {
    position: absolute;
    top: -29px;
    right: 330px;
  }

  .lte-wc-order .woocommerce-result-count {
    position: absolute;
    top: -1px;
    left: 0;
  }
}

/* === Mobilno (do 991px) – sve ispod sebe, bez absolute === */

@media (max-width: 991px) {
  .lte-wc-order {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .lte-wc-order .woocommerce-result-count,
  .lte-wc-order .products-per-page,
  .lte-wc-order .woocommerce-ordering {
    position: static !important;
    width: 100%;
    margin: 0;
  }

  .lte-wc-order .woocommerce-ordering {
    margin-left: 0;
  }
}

/* 1366px i uže: zadrži sve u jednom redu */

@media (max-width: 1366px) {
  /* 1) UL neka ne prelama i neka ima manji gap */

  #lte-nav-wrapper .lte-navbar-icons > ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    /* bitno: bez prelamanja */
    gap: 10px;
    /* smanji razmak između stavki (po potrebi i 6–8px) */
  }

  /* 2) Linkovima u meniju malo smanji horizontalni padding da dobijemo prostor */

  #lte-nav-wrapper .lte-navbar-icons > ul > li > a {
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    /* da i nazivi ne prelamaju */
  }

  /* 3) Search LI – uži na laptopu da sve stane u jednom redu */

  #lte-nav-wrapper .lte-navbar-icons > ul > li.lte-nav-search {
    width: clamp(160px, 22vw, 260px);
    /* smanji po želji dok KONTAKT ne ostane u prvom redu */
    min-width: 0;
    flex: 0 0 auto;
  }

  /* 4) Input prati širinu svog LI-a */

  #lte-nav-wrapper .lte-navbar-icons > ul > li.lte-nav-search > div > input[type="text"] {
    width: 100% !important;
  }
}

/* 1200px i uže: još zbijeniji meni (po potrebi) */

@media (max-width: 1200px) {
  #lte-nav-wrapper .lte-navbar-icons > ul {
    gap: 8px;
  }

  #lte-nav-wrapper .lte-navbar-icons > ul > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }

  #lte-nav-wrapper .lte-navbar-icons > ul > li.lte-nav-search {
    width: clamp(150px, 26vw, 220px);
  }
}

/* 1) Kartica i najčešći inner wrap-ovi – imaju rezervisan prostor dole za dugme */

.woocommerce ul.products li.product,
.woocommerce ul.products li.product .product-inner,
.woocommerce ul.products li.product .lte-product-inner,
.woocommerce ul.products li.product .content-product,
.woocommerce ul.products li.product .woo-entry-inner,
.woocommerce ul.products li.product .box-info,
.woocommerce ul.products li.product .caption,
.woocommerce ul.products li.product .product-content {
  position: relative;
  padding-bottom: 88px;
  /* prostor za dugme (po potrebi 80–100px) */
}

/* 2) Samo dugme (i varijante) – uvek na dnu, centrirano */

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce ul.products li.product form.cart {
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  bottom: 28px;
  /* udaljenost od dna – uskladi sa #1 */
  margin: 0 !important;
  width: auto;
  /* po želji: ili fiksna širina */
}

/* 3) (opciono) ujednači visinu naslova – čisto radi estetike */

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* ili 2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.35em * 3);
}

#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-icon {
  position: relative;
  top: 2px;
}

/* Poravnaj "Prikaži" dropdown u smeđi box */
.lte-wc-order .products-per-page select {
    margin-top: -2px; /* fino podešavanje gore-dole */
    vertical-align: middle;
}
.lte-wc-order .products-per-page label {
    margin-top: -2px; /* i labelu malo podigni */
    display: inline-block;
}