/* =====================================================================
   Cleno.cz – řazení produktů, „Zobrazit více produktů“, stránkování
   (globálně pro všechny výpisy)
   ===================================================================== */

/* ---------- Zobrazit více produktů (top produkty v kategorii) ---------- */
.button-wrapper{display:flex !important;justify-content:center;margin:-14px 0 18px !important;padding:0 !important;}
.button-wrapper .toggle-top-products{
  display:inline-flex !important;align-items:center;justify-content:center;gap:10px;
  width:auto !important;
  height:48px !important;
  margin:0 !important;
  padding:0 7px 0 22px !important;
  border:1px solid #cfe2f2 !important;
  border-radius:50px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#0b6fb0 !important;
  font-size:14.5px !important;font-weight:800 !important;
  text-decoration:none !important;
  text-transform:none !important;
  transition:background .2s,border-color .2s,color .2s;
}
/* šipka ve světle modrém kolečku */
.button-wrapper .toggle-top-products::after{
  content:"" !important;
  flex:0 0 34px;
  width:34px !important;height:34px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  font-size:0 !important;
  transform:none !important;
  background:#eef6fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6fb0' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 14px no-repeat !important;
  transition:transform .25s,background-color .2s;
}
.button-wrapper .toggle-top-products[aria-expanded="true"]::after{transform:rotate(180deg) !important;}
.button-wrapper .toggle-top-products:hover{border-color:#0b6fb0 !important;background:#fff !important;color:#0b6fb0 !important;}
.button-wrapper .toggle-top-products:hover::after{
  background:#0b6fb0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 14px no-repeat !important;
}

/* náhled dalšího produktu – vidět je jen jeho horní část, která se ztrácí do bílé,
   tlačítko Zobrazit více je až pod ním */
.products-top-wrapper.has-inactive .products-top .product.active + .product.inactive{
  display:block !important;
  position:relative !important;
  height:64px !important;max-height:64px !important;min-height:0 !important;
  overflow:hidden !important;
  visibility:visible !important;
  opacity:1 !important;
  transform:none !important;
  pointer-events:none;
}
.products-top-wrapper.has-inactive .products-top .product.active + .product.inactive::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 45%,#fff 100%);
}
.products-top-wrapper.has-inactive .button-wrapper{position:relative;z-index:3;margin-top:-18px !important;}

/* ---------- řazení – stejný styl jako záložky na detailu produktu ---------- */
@media (min-width:768px){
  .listSorting{
    margin:0 0 20px !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
  }
  .listSorting .listSorting__controls{
    display:flex !important;flex-wrap:wrap;gap:4px;
    width:auto !important;
    margin:0 !important;
    padding:5px !important;
    border:1px solid #e0eef9 !important;
    border-radius:16px !important;
    background:#f5faff !important;
    list-style:none !important;
  }
  .listSorting .listSorting__controls::before,
  .listSorting .listSorting__controls::after{display:none !important;}
  .listSorting .listSorting__controls li{flex:1 1 auto;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;}
  .listSorting .listSorting__controls li::before,
  .listSorting .listSorting__controls li::after{display:none !important;}
  .listSorting .listSorting__control{
    display:flex !important;align-items:center;justify-content:center;
    width:100% !important;height:46px !important;
    margin:0 !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:12px !important;
    background:none !important;
    box-shadow:none !important;
    color:#6b7682 !important;
    font-size:14.5px !important;font-weight:700 !important;
    line-height:1 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
    white-space:nowrap;
    cursor:pointer;
    transition:background .2s,color .2s;
  }
  .listSorting .listSorting__control::before,
  .listSorting .listSorting__control::after{display:none !important;}
  .listSorting .listSorting__control:hover{color:#163d5c !important;background:rgba(255,255,255,.7) !important;}
  .listSorting .listSorting__control--current,
  .listSorting .listSorting__control--current:hover{
    background:#fff !important;
    color:#163d5c !important;
    font-weight:700 !important;
    box-shadow:0 4px 12px -6px rgba(14,47,75,.25) !important;
  }
}

/* ---------- ovládání pod výpisem: Načíst další, stránkování, Nahoru ---------- */
.listingControls{
  display:flex !important;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:14px 16px;
  margin:28px 0 0 !important;
  padding:22px 0 0 !important;
  border-top:1px solid #e6eef6 !important;
}
.listingControls .loadMore{order:1;flex:0 0 100%;display:flex !important;justify-content:center;margin:0 0 4px !important;}
.listingControls .loadMore__button{
  display:inline-flex !important;align-items:center;justify-content:center;gap:8px;
  min-width:240px;height:50px !important;
  margin:0 !important;
  padding:0 26px !important;
  border:1px solid #cfe2f2 !important;
  border-radius:50px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#0b6fb0 !important;
  font-size:15px !important;font-weight:800 !important;
  text-transform:none !important;letter-spacing:0 !important;
  transition:background .2s,border-color .2s,color .2s;
}
.listingControls .loadMore__button::before{
  content:"" !important;
  width:16px;height:16px;
  font-size:0 !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6fb0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
}
.listingControls .loadMore__button::after{display:none !important;}
.listingControls .loadMore__button:hover{border-color:#0b6fb0 !important;background:#0b6fb0 !important;color:#fff !important;}
.listingControls .loadMore__button:hover::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}

.listingControls .pagination{order:2;margin:0 !important;}
.listingControls .itemsTotal{order:3;margin:0 !important;color:#6b7682 !important;font-size:14px !important;}
.listingControls .itemsTotal strong{color:#163d5c !important;font-weight:800 !important;}
.listingControls .goToTop{order:4;margin:0 !important;width:auto !important;}

.pagination__list{display:flex !important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 !important;padding:0 !important;list-style:none !important;}
.pagination__list li{margin:0 !important;padding:0 !important;}
.pagination__list li::before{display:none !important;}
.pagination__currentPage,
.pagination__link{
  display:flex !important;align-items:center;justify-content:center;
  min-width:46px !important;width:auto !important;height:46px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:1px solid #e0eef9 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#163d5c !important;
  font-size:15px !important;font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  transition:border-color .2s,background .2s,color .2s;
}
.pagination__currentPage{border-color:#0b6fb0 !important;background:#0b6fb0 !important;color:#fff !important;}
.pagination__link:hover{border-color:#9fcdf0 !important;background:#f5faff !important;color:#0b6fb0 !important;}
.pagination__link--next::before,
.pagination__link--prev::before{
  content:"" !important;
  width:16px !important;height:16px !important;
  margin:0 !important;
  font-size:0 !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23163d5c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
/* šablona šipku otáčí a dává tlačítku šedé pozadí – srovnat */
.pagination__list .pagination__link,
.pagination__list .pagination__link.btn,
.pagination__list .pagination__link.btn-secondary{border:1px solid #e0eef9 !important;background:#fff !important;color:#163d5c !important;}
.pagination__list .pagination__link:hover{border-color:#9fcdf0 !important;background:#f5faff !important;color:#0b6fb0 !important;}
.pagination__list .pagination__link--next::before{transform:none !important;}
.pagination__list .pagination__link--prev::before{transform:rotate(180deg) !important;}
.pagination__link--next::after,
.pagination__link--prev::after{display:none !important;}

.goToTop__button{
  display:inline-flex !important;align-items:center;gap:8px;
  height:46px !important;
  margin:0 !important;
  padding:0 18px !important;
  border:1px solid #e0eef9 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#0b6fb0 !important;
  font-size:14.5px !important;font-weight:800 !important;
  text-transform:none !important;letter-spacing:0 !important;
  transition:background .2s,border-color .2s,color .2s;
}
.goToTop__button::before{
  content:"" !important;
  width:14px;height:14px;
  font-size:0 !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6fb0' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.goToTop__button::after{display:none !important;}
.goToTop__button:hover{border-color:#0b6fb0 !important;background:#0b6fb0 !important;color:#fff !important;}
.goToTop__button:hover::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E");
}

/* ---------- mobil ---------- */
@media (max-width:767px){
  /* otevřené řazení – šipka nahoru u vybrané položky (zavře se klepnutím na ni) */
  .listSorting.otevreno .listSorting__control--current{position:relative !important;}
  .listSorting.otevreno .listSorting__control--current::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:50% !important;right:16px !important;
    width:14px !important;height:14px !important;
    margin-top:-7px !important;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23163d5c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }
  .listingControls{gap:12px;margin-top:22px !important;padding-top:18px !important;}
  .listingControls .loadMore__button{width:100%;min-width:0;}
  .pagination__currentPage,
  .pagination__link{min-width:42px !important;height:42px !important;border-radius:12px !important;font-size:14px !important;}
  .listingControls .itemsTotal{flex:0 0 100%;text-align:center;}
}