/* ==========================================================================
   SHOP SIDEBAR – struktura in stil
   Odvisnosti: Bootstrap accordion + WooCommerce widget classes
   ========================================================================== */

/* Odmik med widgeti v sidebarju */
.shop-sidebar .bs-widget { margin-bottom: 35px; }
.shop-sidebar .bs-widget:last-child { margin-bottom: 0; }

/* =========================
   1) OSNOVNI OKVIR SIDEBARJA
   ========================= */
.shop-sidebar{
  width: 95%;
  padding-top: 10px;
  padding-right: 25px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.shop-sidebar h2{ margin-bottom: 0 !important; }

.shop-sidebar .bs-title{
  font-size: 1.3rem !important;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px !important;
  color: var(--bs-greengray);
}

/* =========================
   2) ACCORDION (glavne postavke)
   ========================= */
.shop-sidebar .accordion .accordion-item{ background: transparent; border: 0; border-radius: 0; margin: 0; }
.shop-sidebar .accordion-header{ border-bottom: 1px solid var(--bs-light-gray); }
.shop-sidebar .accordion-button{
  background: transparent; color: var(--bs-greengray); font-weight: 400; padding: 12px 0; box-shadow: none;
}
.shop-sidebar .accordion-button::after{
  filter: brightness(0) saturate(100%) invert(66%) sepia(0%) saturate(0%) hue-rotate(185deg) brightness(92%) contrast(89%);
}
.shop-sidebar .accordion-button:not(.collapsed)::after{
  filter: brightness(0) saturate(100%) invert(69%) sepia(94%) saturate(746%) hue-rotate(0deg) brightness(102%) contrast(101%);
}
.shop-sidebar .accordion-button:focus{ box-shadow: none; }

/* rekurzivni indent */
.shop-sidebar .accordion .accordion .accordion-item .accordion-button,
.shop-sidebar .accordion .accordion .accordion-item .accordion-body li > a{ padding-left: 16px; }
.shop-sidebar .accordion .accordion .accordion .accordion-item .accordion-button,
.shop-sidebar .accordion .accordion .accordion .accordion-item .accordion-body li > a{ padding-left: 28px; }

/* header brez children (brez careta) */
.shop-sidebar .accordion-item.no-children .accordion-button.static{ background: transparent; color: var(--bs-yellow); cursor: default; }
.shop-sidebar .accordion-item.no-children .accordion-button.static::after{ display: none !important; }

/* =========================
   3) SEZNAMI V BODY-JU
   ========================= */
.shop-sidebar .accordion-body{ padding: 0; }
.shop-sidebar .accordion-body ul{ list-style: none; margin: 0; padding: 0; }
.shop-sidebar .accordion-body li{ border-bottom: 1px solid var(--bs-light-gray); }
.shop-sidebar .accordion-body li:last-child{ border-bottom: 1px solid var(--bs-light-gray); }
.shop-sidebar .accordion-body li > a{ display:block; padding:10px 0; color:var(--bs-greengray); text-decoration:none; }
.shop-sidebar .accordion-body li > a:hover{ color: var(--bs-yellow); }

/* aktivni stanja */
.shop-sidebar a.is-active,
.shop-sidebar .accordion-body li.current-cat > a,
.shop-sidebar .accordion-body li.current-cat-parent > a,
.shop-sidebar .widget_layered_nav li.chosen > a,
.shop-sidebar .widget_product_brands li.chosen > a{
  color: var(--bs-yellow) !important; font-weight: 600;
}

/* =========================
   5) WIDGET: PRICE FILTER
   ========================= */
.shop-sidebar .pfns-widget .pfns-wrap{ width:100%; display:flex; flex-direction:column; gap:.75rem; }
.shop-sidebar .pfns-widget .pfns-slider,
.shop-sidebar .pfns-widget .noUi-target{
  width:100%; max-width:100%; margin-top:5px; margin-bottom:10px; background:#e9ecef; border-radius:999px; height:6px; overflow:visible; border:0;
}
.shop-sidebar .pfns-widget .noUi-connect{ background: var(--bs-yellow); }
.shop-sidebar .pfns-widget .noUi-horizontal .noUi-handle{
  width:18px; height:18px; border-radius:50%; border:1px solid #ddd; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.15); top:-6px; right:-9px;
}
.shop-sidebar .pfns-widget .noUi-handle:before,
.shop-sidebar .pfns-widget .noUi-handle:after{ display:none; }
.shop-sidebar .pfns-widget .pfns-inputs{ display:grid; grid-template-columns: 1fr 1fr; gap:.75rem; }
@media (max-width:575.98px){ .shop-sidebar .pfns-widget .pfns-inputs{ grid-template-columns:1fr; } }
.shop-sidebar .pfns-widget .pfns-input{ width:100%; padding:.5rem .6rem; border:1px solid #ddd; border-radius:.5rem; font:inherit; }
.shop-sidebar .pfns-widget .pfns-btn{ border:0; border-radius:.5rem; padding:.55rem 1rem; background: var(--bs-yellow); color:#000; font-weight:600; cursor:pointer; width:100%; }
.shop-sidebar .pfns-widget .pfns-btn:hover{ filter:brightness(0.95); }

/* Woo default price filter */
.shop-sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{ background:#e9ecef; height:6px; border-radius:999px; }
.shop-sidebar .widget_price_filter .ui-slider-range{ background: var(--bs-yellow); }
.shop-sidebar .widget_price_filter .ui-slider-handle{
  top:-.45rem; width:18px; height:18px; border-radius:50%; border:1px solid #ddd; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.15);
}

/* =========================
   6) WIDGET: ISKANJE
   ========================= */
.shop-sidebar .widget_product_search .woocommerce-product-search{ display:flex; align-items:center; gap:.5rem; }
.shop-sidebar .widget_product_search .search-field{
  flex:1 1 auto; min-width:0; padding:.5rem .75rem; border:1px solid #ddd; border-radius:.5rem; font-size:1rem;
}
.shop-sidebar .widget_product_search button{
  flex:0 0 auto; width:40px; height:40px; border-radius:50%; border:none; background:var(--bs-yellow); cursor:pointer; position:relative; color:transparent; overflow:hidden;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l4.25 4.25c.41.41 1.07.41 1.48 0s.41-1.07 0-1.48zM9.5 14C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:center; background-size:22px;
}
.shop-sidebar .widget_product_search button:hover{ filter:brightness(0.9); }

/* =========================
   9) RESPONSIVE
   ========================= */
@media (max-width: 991px){
    
.shop-sidebar{
    width: 100%;
    position: static; top: auto; 
    padding-right: 0px;
}

/* Desktop: desna ločilna črta (če želiš sticky, pusti spodaj) */
@media (min-width: 992px){
  .shop-sidebar{
    position: sticky; /* če NE želiš sticky, zamenjaj s: position: static; */
    top: 0;
    border: 0;
    box-shadow: none;
    padding-right: 30px;
    margin-right: 30px;
  }

  .shop-sidebar::after{
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    width: 1px;
    height: 100%;
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.08) 15%,
      rgba(0,0,0,.12) 50%,
      rgba(0,0,0,.08) 85%,
      rgba(0,0,0,0) 100%
    );
    pointer-events: none;
  }
}