/* ============================================================
   ЭлектроТочка — Панель фильтров каталога (по макету OBMEN)
   Акцент/CTA: #d81f2a · тёмная кнопка: #121314
   Подключается последним в rs_catalog_assets() → перекрывает rs-catalog.css
   ============================================================ */

:root{
  --et-accent:#d81f2a;
  --et-dark:#121314;
  --et-ink:#1f2123;
  --et-muted:#a6abb2;
  --et-line:#e6e8eb;
  --et-bg:#eef0f3;
  --et-head:#f3f4f6;
}

/* ---- сайдбар прокручивается со страницей (sticky обрезал низ с кнопками на 100%) ---- */
.rs-catalog .rs-catalog__sidebar_body{position:static;top:auto;}

/* ---- общий контейнер ---- */
.rs-catalog .rs-catalog__filters.filter{background:transparent;border:none;padding:0;}
.rs-catalog .filter__block{display:block;}
.rs-catalog .filter__list{display:flex;flex-direction:column;gap:16px;}

/* ---- каждый виджет = белая карточка ---- */
.rs-catalog .filter__list > .widget{
  background:#fff;border:1px solid var(--et-line);border-radius:10px;
  overflow:hidden;margin:0;padding:0;box-shadow:none;
}

/* ---- заголовок блока (серая шапка, капсом) ---- */
.rs-catalog .filter__list > .widget > .widget-title,
.rs-catalog .filter__list > .widget > .widget-title .panel-heading,
.rs-catalog .filter__list > .widget > .widget-title .panel-title,
.rs-catalog .filter__list > .widget > .widget-title .filter__head{
  display:block;width:100%;text-align:left;background:var(--et-head);margin:0;border:none;float:none;
}
.rs-catalog .filter__list > .widget > .widget-title .panel-title a,
.rs-catalog .filter__list > .widget > .widget-title .filter__accordion{
  display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;position:relative;
  padding:13px 36px 13px 18px;background:var(--et-head);border:none;
  font-family:'Montserrat','Open Sans',sans-serif;font-weight:700;font-size:13px;
  text-transform:uppercase;letter-spacing:.03em;color:var(--et-ink);
  text-decoration:none;text-align:left;cursor:pointer;
}
.rs-catalog .filter__list > .widget > .widget-title .panel-title a:hover,
.rs-catalog .filter__list > .widget > .widget-title .filter__accordion:hover{color:var(--et-ink);}
/* каретка/шеврон заголовка — абсолютно справа (текст всегда слева) */
.rs-catalog .filter__list > .widget > .widget-title .panel-title a i{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);margin:0;
  color:var(--et-muted);font-size:12px;transition:.15s;
}

/* ---- тело блока ---- */
.rs-catalog .filter__list .panel-body{padding:8px 0;}
.rs-catalog .filter__list .priceFilterBody,
.rs-catalog .filter__list .filter__body{padding:14px 18px;}

/* ============ КАТЕГОРИИ (дерево) — абсолютное позиционирование (устойчиво к длинным именам) ============ */
.rs-catalog .filter__list .nav-stacked{margin:0;padding:0;list-style:none;}
.rs-catalog .filter__list .nav-stacked li{margin:0;position:relative;}
/* текст ссылки переносится в отступах: слева место под шеврон, справа под счётчик */
.rs-catalog .filter__list .nav-stacked li > a{
  display:block;padding:7px 34px 7px 30px;font-size:13px;line-height:1.3;
  color:#454545;text-decoration:none;border:none;background:none;
}
.rs-catalog .filter__list .nav-stacked li:hover > a{color:var(--et-accent);}
/* счётчик — абсолютно в правом верхнем углу строки, не переносится */
.rs-catalog .filter__list .nav-stacked li > .badge{
  position:absolute;top:7px;right:13px;
  background:none;color:var(--et-muted);font-weight:400;font-size:12px;
  padding:0;min-width:auto;white-space:nowrap;
}
/* шеврон/спейсер — абсолютно слева, у первой строки */
.rs-catalog .filter__list .nav-stacked .et-chev{
  position:absolute;top:0;left:4px;width:22px;height:31px;z-index:1;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.rs-catalog .filter__list .nav-stacked .et-chev i{display:none;} /* не зависим от Font Awesome */
.rs-catalog .filter__list .nav-stacked .et-chev:not(._spacer)::before{
  content:"";display:block;width:0;height:0;
  border-left:5px solid #9aa1aa;border-top:4px solid transparent;border-bottom:4px solid transparent;
  transition:transform .15s;
}
.rs-catalog .filter__list .nav-stacked .et-chev._spacer{cursor:default;}
.rs-catalog .filter__list .nav-stacked li.et-open > .et-chev::before{
  transform:rotate(90deg);border-left-color:var(--et-accent);
}
/* поддерево — блок, плавное сворачивание, отступ уровня +16px */
.rs-catalog .filter__list .nav-stacked .children{
  list-style:none;margin:0;padding:0 0 0 16px;
  max-height:0;overflow:hidden;transition:max-height .3s ease;
}
.rs-catalog .filter__list .nav-stacked li.et-open > .children{max-height:2000px;}
/* активная ветка — красным */
.rs-catalog .filter__list .nav-stacked li.current-cat > a,
.rs-catalog .filter__list .nav-stacked li.current-cat-parent > a,
.rs-catalog .filter__list .nav-stacked li.current-cat-ancestor > a{color:var(--et-accent);font-weight:700;}
.rs-catalog .filter__list .nav-stacked li.current-cat > .badge,
.rs-catalog .filter__list .nav-stacked li.current-cat-parent > .badge{color:var(--et-accent);}

/* ============ ЦЕНА (слайдер) ============ */
.rs-catalog .filter__list .price_slider_wrapper > p{
  font-size:12px;color:var(--et-muted);margin:0 0 10px;
}
.rs-catalog .filter__list .price_slider.ui-slider{
  position:relative;height:4px;background:#e2e5e9;border:none;border-radius:2px;
  margin:6px 6px 20px;
}
.rs-catalog .filter__list .price_slider .ui-slider-range{
  background:var(--et-accent);height:4px;border-radius:2px;
}
.rs-catalog .filter__list .price_slider .ui-slider-handle{
  width:18px;height:18px;top:50%;margin-top:-9px;margin-left:-9px;
  background:#fff;border:3px solid var(--et-accent);border-radius:50%;
  box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:grab;
}
.rs-catalog .filter__list .price_slider_amount{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.rs-catalog .filter__list .price_slider_amount input[type=text]{
  display:block !important;
  width:calc(50% - 4px);height:40px;padding:0 10px;text-align:center;
  border:1px solid #d3d6db;border-radius:6px;font-size:13px;color:var(--et-ink);
  background:#fff;box-shadow:none;}
.rs-catalog .filter__list .price_slider_amount #min_price{order:1;}
.rs-catalog .filter__list .price_slider_amount #max_price{order:2;}
.rs-catalog .filter__list .price_slider_amount .price_label{
  order:3;width:100%;font-size:12px;color:var(--et-muted);text-align:center;margin:6px 0 0;
}
/* кнопка «Искать» убрана — цена применяется автоматически при отпускании слайдера */
.rs-catalog .filter__list .price_slider_amount button{display:none !important;}
.rs-catalog .filter__list .price_slider_amount .clear{display:none;}

/* ============ БРЕНД (поиск + чекбоксы) ============ */
.rs-catalog .filter__list .et-brand-search-wrap{position:relative;margin-bottom:10px;}
.rs-catalog .filter__list .et-brand-search-wrap i{
  position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#c2c7ce;font-size:12px;
}
.rs-catalog .filter__list .et-brand-search{
  width:100%;height:38px;padding:0 12px 0 32px;border:1px solid #d3d6db;border-radius:6px;
  font-size:13px;color:var(--et-ink);outline:none;
}
.rs-catalog .filter__list .checkbox__nav{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;
  max-height:230px;overflow-y:auto;padding-right:4px;
}
.rs-catalog .filter__list .checkbox__nav li{margin:0;}
.rs-catalog .filter__list .checkbox__nav li a{
  display:flex;align-items:center;gap:10px;padding:7px 2px;font-size:13px;
  color:var(--et-ink);text-decoration:none;
}
.rs-catalog .filter__list .checkbox__nav li a:hover{color:var(--et-accent);}
.rs-catalog .filter__list .checkbox__nav .checkbox{
  width:18px;height:18px;flex-shrink:0;border:2px solid #c4c9cf;border-radius:4px;
  display:inline-flex;align-items:center;justify-content:center;background:#fff;transition:.12s;
}
.rs-catalog .filter__list .checkbox__nav li.chosen a .checkbox,
.rs-catalog .filter__list .checkbox__nav li.active a .checkbox,
.rs-catalog .filter__list .checkbox__nav li.current a .checkbox,
.rs-catalog .filter__list .checkbox__nav li.current-cat a .checkbox{
  background:var(--et-accent);border-color:var(--et-accent);
}
.rs-catalog .filter__list .checkbox__nav li.chosen a .checkbox:after,
.rs-catalog .filter__list .checkbox__nav li.active a .checkbox:after,
.rs-catalog .filter__list .checkbox__nav li.current a .checkbox:after,
.rs-catalog .filter__list .checkbox__nav li.current-cat a .checkbox:after{
  content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;
  transform:rotate(45deg);margin-top:-2px;
}
/* выбранный бренд — текст красным */
.rs-catalog .filter__list .checkbox__nav li.current a,
.rs-catalog .filter__list .checkbox__nav li.current-cat a{color:var(--et-accent);}
.rs-catalog .filter__list .checkbox__nav::-webkit-scrollbar{width:8px;}
.rs-catalog .filter__list .checkbox__nav::-webkit-scrollbar-thumb{background:#c4c9cf;border-radius:4px;}
.rs-catalog .filter__list .checkbox__nav::-webkit-scrollbar-track{background:#f1f2f4;border-radius:4px;}

/* ============ ТОЛЬКО СО СКИДКОЙ ============ */
.rs-catalog .filter__list #rs_woocommerce_onsale_filter-2 .nav-stacked > li > a{padding:8px 18px;}

/* ============ КНОПКИ УПРАВЛЕНИЯ ============ */
.rs-catalog .filter__control{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.rs-catalog .filter__control .rs-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:7px;
  font-family:'Montserrat','Open Sans',sans-serif;font-weight:700;font-size:12px;
  text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:pointer;
}
.rs-catalog .filter__control .rs-btn._btn-primary{background:var(--et-accent);color:#fff;border:none;}
.rs-catalog .filter__control .rs-btn._btn-primary:hover{background:#bb1925;}
.rs-catalog .filter__control .rs-btn._btn-reset{background:#fff;border:1px solid #d3d6db;color:#454545;}
.rs-catalog .filter__control .rs-btn._btn-reset:hover{border-color:var(--et-accent);color:var(--et-accent);}

/* ============ Бренд + фасеты: свёрнуты по умолчанию (раскрывает свой JS-toggle initAccordion) ============ */
.rs-catalog .filter__list .filter__item .filter__body{display:none;}

/* ============ МОБИЛЬНЫЙ ДРОВЕР ФИЛЬТРА (<992px): панель выезжает сбоку по кнопке ============ */
.et-filter-toggle,.et-filter-backdrop,.et-filter-close{display:none;}
@media (max-width:991.98px){
  /* плавающая кнопка «Фильтры» (у нижне-правого края) */
  .et-filter-toggle{
    display:inline-flex;align-items:center;gap:8px;
    position:fixed;right:14px;bottom:18px;z-index:1201;
    background:var(--et-accent);color:#fff;border:none;border-radius:30px;
    padding:12px 22px;font-family:'Montserrat','Open Sans',sans-serif;font-weight:700;
    font-size:14px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;
    box-shadow:0 6px 18px rgba(216,31,42,.4);
  }
  .et-filter-toggle::before{content:"";width:16px;height:16px;
    background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 5h18v2l-7 7v5l-4 2v-7L3 7z'/%3E%3C/svg%3E");}
  /* сайдбар → off-canvas слева */
  .rs-catalog .rs-catalog__sidebar{
    position:fixed;top:0;left:-360px;bottom:0;z-index:1202;
    width:88%;max-width:340px;margin-left:0;background:#eef0f3;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    padding:52px 14px 28px;box-shadow:0 0 34px rgba(0,0,0,.3);
    transform:none !important;transition:left .3s ease; /* none!important глушит AOS inline transform */
  }
  .rs-catalog .rs-catalog__sidebar.et-drawer-open{left:0;}
  .rs-catalog .rs-catalog__sidebar_body{position:static;top:auto;}
  /* затемнение */
  .et-filter-backdrop{
    display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1201;
    opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;
  }
  .et-filter-backdrop.et-show{opacity:1;visibility:visible;}
  /* закрыть */
  .et-filter-close{
    display:flex;align-items:center;justify-content:center;
    position:absolute;top:10px;right:12px;z-index:2;width:34px;height:34px;
    border:none;background:#fff;border-radius:50%;font-size:22px;line-height:1;
    color:#1f2123;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.18);
  }
}

/* ============ Ширина панели фильтра — чуть шире под глубокое дерево (+~5px влево) ============ */
/* ТОЛЬКО десктоп: ниже 992px у темы сайдбар стекается над товарами (не grid) — там не трогаем */
@media (min-width:992px){
  .rs-catalog .rs-catalog__wrapper{grid-template-columns:1.12fr 1fr 1fr 1fr 1fr;}
  .rs-catalog .rs-catalog__sidebar{margin-left:-5px;}
}