/* ==========================================================================
   HOCO REDESIGN — 31 SHOP SIDEBAR
   Restyles ONLY the shop/category sidebar widgets to match /test.
   Scope: the shop sidebar column + its widgets. Product cards, page title,
   toolbar, header, footer are NOT touched here.
   RTL: logical properties only. Responsive: sidebar drops below grid on mobile
   (Woodmart already reorders the column; we just tidy spacing).
   ========================================================================== */

/* ---- widget cards: clean white, rounded, subtle border ---- */
.area-sidebar-shop .widget-area .widget,
.sidebar-container .widget-area .widget,
.sidebar-content .widget{
  background:var(--hoco-surface);
  border:1px solid var(--hoco-line);
  border-radius:var(--hoco-radius);
  padding:18px 18px 20px;
  margin-bottom:18px;
  box-shadow:0 2px 12px rgba(40,10,50,.05);
}
.area-sidebar-shop .widget-area .widget:last-child,
.sidebar-container .widget-area .widget:last-child,
.sidebar-content .widget:last-child{margin-bottom:0}

/* ---- widget titles: brand purple + small accent bar ---- */
.area-sidebar-shop .widget-area .widget .widget-title,
.sidebar-container .widget-area .widget .widget-title,
.sidebar-content .widget .widget-title{
  color:var(--hoco-brand);
  font-weight:800;
  font-size:16px;
  margin:0 0 14px;
  padding:0 0 12px;
  border-bottom:1px solid var(--hoco-line);
  display:flex;
  align-items:center;
  gap:9px;
  line-height:1.3;
}
.area-sidebar-shop .widget-area .widget .widget-title::before,
.sidebar-container .widget-area .widget .widget-title::before,
.sidebar-content .widget .widget-title::before{
  content:"";
  flex:0 0 auto;
  width:5px;
  height:18px;
  border-radius:3px;
  background:var(--hoco-brand);
}

/* ---- search widget: rounded input + brand submit ---- */
.widget_product_search .wd-search-form .searchform{
  position:relative;
  display:flex;
  align-items:stretch;
  background:#f4f1f6;
  border:1.5px solid transparent;
  border-radius:11px;
  overflow:hidden;
  transition:.2s;
}
.widget_product_search .wd-search-form .searchform:focus-within{
  border-color:var(--hoco-brand);
  background:#fff;
}
.widget_product_search .wd-search-form .searchform input.s{
  flex:1 1 auto;
  min-width:0;
  border:0 !important;
  background:transparent;
  padding:11px 15px;
  font-family:inherit;
  font-size:14.5px;
  color:var(--hoco-ink);
  outline:0;
  box-shadow:none !important;
}
.widget_product_search .wd-search-form .searchform button.searchsubmit{
  flex:0 0 auto;
  border:0;
  background:var(--hoco-brand);
  color:#fff;
  padding:0 18px;
  font-family:inherit;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  transition:.2s;
}
.widget_product_search .wd-search-form .searchform button.searchsubmit:hover{
  background:var(--hoco-brand-dark);
}
.widget_product_search .wd-search-form .searchform button.searchsubmit span{color:#fff}

/* ---- category list: tidy rows + muted count badges ---- */
.widget_product_categories ul.product-categories,
.widget_product_categories ul.product-categories ul{
  list-style:none;
  margin:0;
  padding:0;
}
.widget_product_categories ul.product-categories li.cat-item{
  margin:0;
  border-bottom:1px solid var(--hoco-line);
}
.widget_product_categories ul.product-categories > li.cat-item:last-child{border-bottom:0}
.widget_product_categories ul.product-categories li.cat-item a{
  display:inline-block;
  padding:9px 4px;
  color:var(--hoco-ink);
  font-size:14.5px;
  font-weight:500;
  transition:color .15s;
}
.widget_product_categories ul.product-categories li.cat-item a:hover{
  color:var(--hoco-brand);
}
.widget_product_categories ul.product-categories li.cat-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.widget_product_categories ul.product-categories li.cat-item .count{
  flex:0 0 auto;
  background:var(--hoco-bg);
  color:var(--hoco-muted);
  font-size:12px;
  font-weight:700;
  line-height:1;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid var(--hoco-line);
}
.widget_product_categories ul.product-categories li.cat-item:hover .count{
  background:var(--hoco-brand);
  color:#fff;
  border-color:var(--hoco-brand);
}
/* nested subcategories indent (logical) */
.widget_product_categories ul.product-categories ul.children{
  margin-block-start:4px;
  padding-inline-start:14px;
  width:100%;
}

/* ---- price filter: brand slider + rounded inputs ---- */
.widget_price_filter .price_slider_wrapper .price_slider,
.widget_price_filter .price_slider.ui-slider{
  display:block !important;
  height:5px;
  background:var(--hoco-line);
  border:0;
  border-radius:999px;
  margin:6px 6px 20px;
  position:relative;
}
.widget_price_filter .ui-slider .ui-slider-range{
  background:var(--hoco-brand);
  height:5px;
  border-radius:999px;
}
.widget_price_filter .ui-slider .ui-slider-handle{
  width:18px;
  height:18px;
  top:-7px;
  margin:0;
  background:var(--hoco-brand);
  border:3px solid #fff;
  border-radius:50%;
  box-shadow:0 2px 6px rgba(40,10,50,.28);
  cursor:grab;
  transition:transform .12s;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle:active{
  transform:scale(1.12);
}
.widget_price_filter .price_slider_amount{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.widget_price_filter .price_slider_amount input[type="text"]{
  flex:1 1 40%;
  min-width:0;
  width:auto;
  border:1.5px solid var(--hoco-line) !important;
  border-radius:10px !important;
  background:#f4f1f6;
  padding:9px 11px;
  font-family:inherit;
  font-size:13.5px;
  color:var(--hoco-ink);
  transition:.2s;
}
.widget_price_filter .price_slider_amount input[type="text"]:focus{
  border-color:var(--hoco-brand) !important;
  background:#fff;
  outline:0;
}
.widget_price_filter .price_slider_amount button.button{
  flex:0 0 auto;
  background:var(--hoco-brand) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:10px !important;
  padding:9px 18px;
  font-family:inherit;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  transition:.2s;
}
.widget_price_filter .price_slider_amount button.button:hover{
  background:var(--hoco-brand-dark) !important;
}
.widget_price_filter .price_label{
  flex:1 1 100%;
  color:var(--hoco-muted);
  font-size:13px;
  margin-top:2px;
}
.widget_price_filter .price_label .from,
.widget_price_filter .price_label .to{
  color:var(--hoco-brand);
  font-weight:700;
}

/* ---- "Filter by" layered-nav widget: swatch chips ---- */
.woodmart-woocommerce-layered-nav .wd-filter-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.woodmart-woocommerce-layered-nav .wd-filter-list li.wc-layered-nav-term{
  margin:0;
}
.woodmart-woocommerce-layered-nav .wd-filter-list li.wc-layered-nav-term a.layered-nav-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  background:#f4f1f6;
  border:1.5px solid var(--hoco-line);
  border-radius:999px;
  color:var(--hoco-ink);
  font-size:13px;
  font-weight:600;
  transition:.18s;
}
.woodmart-woocommerce-layered-nav .wd-filter-list li.wc-layered-nav-term a.layered-nav-link:hover,
.woodmart-woocommerce-layered-nav .wd-filter-list li.wc-layered-nav-term.chosen a.layered-nav-link{
  background:var(--hoco-brand);
  border-color:var(--hoco-brand);
  color:#fff;
}
.woodmart-woocommerce-layered-nav .wd-filter-list li.wc-layered-nav-term a .wd-swatch{background:transparent;box-shadow:none;padding:0;margin:0}
.woodmart-woocommerce-layered-nav .wd-filter-list li.wc-layered-nav-term a .wd-swatch-text{color:inherit;font:inherit}
.woodmart-woocommerce-layered-nav .wd-filter-list li.wc-layered-nav-term .count{
  background:var(--hoco-bg);
  color:var(--hoco-muted);
  font-size:11px;
  font-weight:700;
  line-height:1;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid var(--hoco-line);
  margin-inline-start:6px;
}

/* ---- responsive: give the sidebar breathing room when it drops below grid ---- */
@media (max-width:991px){
  .area-sidebar-shop .widget-area,
  .sidebar-container .widget-area{
    margin-top:22px;
  }
}