/* =========================================================
   TT FILTERS – PANEL STYLE
   ========================================================= */

.tt-filters{
  background: rgb(191,195,201);
  border-radius: 14px;
  padding: 18px;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 10px 24px rgba(0,0,0,0.10);
  color: #0F172A;
  max-width: 100%;
}

.tt-filters *{
  box-sizing: border-box;
}

/* Nadpisy sekcií */
.tt-filters .tt-label{
  color: #0075be;
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 10px 0;
}

/* Inputy */
.tt-input{
  background: #ffffff;
  color: #0F172A;
  border-radius: 10px;
  padding: 12px;
  border: 1px solid rgba(0,0,0,0.15);
  width: 100%;
  max-width: 100%;
  display: block;
}

.tt-input:focus{
  border-color: #0075be;
  box-shadow: 0 0 0 3px rgba(0,117,190,0.20);
  outline: none;
}

/* Checkboxy */
.tt-check{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  line-height: 1.2;
  margin: 6px 0;
}

.tt-check input{
  width: 16px;
  height: 16px;
  accent-color: #0075be;
}

/* Kategórie – rodič */
.tt-cat-parent{
  font-weight: 800;
  margin: 8px 0;
  color: rgba(15,23,42,0.75);
}

/* Vlastnosti – názov skupiny */
.tt-attr__title{
  font-weight: 900;
  margin: 12px 0 8px;
}

/* Buttons */
.tt-btn{
  border-radius: 10px;
  padding: 12px 14px;
  font-weight: 700;
}


/* =========================================================
   PRICE SECTION – layout
   ========================================================= */

.tt-filters .tt-price{
  margin: 0 0 14px 0;
  padding: 0 0 14px 0;
  border-bottom: 1px solid rgba(0,0,0,0.10);
}

.tt-filters .tt-price__values{
  display: flex;
  gap: 12px;
  width: 100%;
  margin: 0 0 12px 0;
}

.tt-filters .tt-price__val{
  flex: 1 1 0;
  min-width: 0;
}

.tt-filters .tt-price__cap{
  display:block;
  font-size: 12px;
  font-weight: 700;
  color: rgba(15,23,42,0.70);
  margin: 0 0 6px 0;
}


/* =========================================================
   PRICE SLIDER (jQuery UI) – CLEAN & SAFE
   ========================================================= */

/* wrapper pre slider */
.tt-filters .tt-slider{
  width: 100%;
  margin: 6px 0 0 0;
  padding: 0;
}

/* track */
.tt-filters .ui-slider{
  position: relative;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.80);
  border: 1px solid rgba(0,0,0,0.12);
}

/* range medzi handlami */
.tt-filters .ui-slider .ui-slider-range{
  height: 100%;
  background: #0075be;
  border-radius: 999px;
}

/* oba handly */
.tt-filters .ui-slider .ui-slider-handle{
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #ffffff;
  border: 2px solid #0075be;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -9px; /* polovica šírky */
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
  z-index: 20;
  display: block;
  opacity: 1;
  visibility: visible;
}

.tt-filters .ui-slider .ui-slider-handle:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(0,117,190,0.22);
}


/* =========================================================
   (OPTIONAL) drobné zarovnania pri filtrovaní
   ========================================================= */

/* aby sa nič “neprekrývalo” */
.tt-filters .tt-filter{
  position: relative;
}

/* ak sa ti zdá panel úzky, môžeš odkomentovať:
.tt-filters{ min-width: 320px; }
*/

/* =========================================================
   ASTRA: vypnúť krátky popis v produktoch (shop/archive)
   ========================================================= */
.woocommerce ul.products li.product .ast-woo-shop-product-description,
.woocommerce-page ul.products li.product .ast-woo-shop-product-description{
  display: none !important;
}

/* Ak by sa popis renderoval aj iným wrapperom */
.woocommerce ul.products li.product .woocommerce-product-details__short-description,
.woocommerce-page ul.products li.product .woocommerce-product-details__short-description{
  display: none !important;
}

/* =========================================================
   TT PAGINATION + LOAD MORE
   ========================================================= */
.tt-pagination{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin: 22px 0 10px;
}

.tt-pagination .tt-page,
.tt-pagination .tt-load-more{
  border: 1px solid rgba(0,0,0,0.15);
  background: #ffffff;
  color: #0F172A;
  border-radius: 10px;
  padding: 10px 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.tt-pagination .tt-page.is-current{
  background: #0075be;
  border-color: #0075be;
  color: #ffffff;
  cursor: default;
}

.tt-pagination .tt-page:disabled,
.tt-pagination .tt-load-more:disabled{
  opacity: 0.45;
  cursor: not-allowed;
}

.tt-pagination .tt-page--dots{
  padding: 0 4px;
  border: 0;
  background: transparent;
  cursor: default;
}

.tt-pagination .tt-load-more{
  background: #0075be;
  border-color: #0075be;
  color: #ffffff;
  padding: 12px 16px;
}