/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 31 2025 | 22:25:34 */
.woocommerce ul.products li.product a img{margin:0px!important;}
.elementor-slideshow__title{display:none!important;}

.cutdocs .elementor-swiper-button{
	padding: 15px;
    background: #f15a38;
    border-radius: 100px;
}

.cutdocs .elementor-swiper-button:hover{
	background:#4c6376;
}

/*Кастомный CSS для фильтра*/
/* Сетка: 4 колонки на десктопе, 2 на мобильных */
.wpfMainWrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

@media (max-width: 768px) {
  .wpfMainWrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Стилизация кнопки селекта */
.wpfFilterWrapper .wpfCheckboxHier .ms-options-wrap > button {
  border: 1px solid #f15a38 !important;
  border-radius: 10px !important;
  padding: 10px 15px !important;
  background-color: #fefefe !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: left !important;
  color: #333 !important;
}

/* Заголовок фильтра */
.wpfFilterWrapper .wpfFilterTitle .wfpTitle {
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #333 !important;
  margin-bottom: 6px !important;
}

/*------------*/

.ms-options-wrap > .ms-options {
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 10px;
  background-color: #fff; /* на всякий случай */
}

.ms-options-wrap > .ms-options > ul {
  padding: 0; /* Убираем внутренние отступы у ul, они будут у label */
  margin-left: 0; /* Убираем отступ слева у ul */
  list-style: none;
}

.ms-options-wrap > .ms-options > ul li {
  margin: 5px 0; /* 10px между пунктами за счёт margin */
}

.ms-options-wrap > .ms-options > ul li label {
  display: block;
  padding: 2px 26px; /* внутренний отступ: сверху/снизу 2px, слева 26px */
  line-height: 24px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  position: relative;
  border-radius: 0; /* по умолчанию без скругления */
  transition: background-color 0.3s ease, color 0.3s ease, border-radius 0.3s ease;
}

/* Кастомный чекбокс - скрываем стандартный */
.ms-options-wrap > .ms-options > ul li label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Псевдоэлемент для кастомной галочки */
.ms-options-wrap > .ms-options > ul li label::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #f15a38;
  border-radius: 4px;
  background-color: transparent;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

/* Активный (выбранный) и hover label */
.ms-options-wrap > .ms-options > ul li.selected label,
.ms-options-wrap > .ms-options > ul li label:hover {
  background-color: #f15a38 !important;
  color: #fff !important;
  border-radius: 5px;
}

/* Для активного и hover меняем цвет границы псевдоэлемента на белый */
.ms-options-wrap > .ms-options > ul li.selected label::before,
.ms-options-wrap > .ms-options > ul li label:hover::before {
  border-color: #ffffff !important;
}

/* Убираем заливку галочки при активации чекбокса */
.ms-options-wrap > .ms-options > ul li label input[type="checkbox"]:checked + span::before,
.ms-options-wrap > .ms-options > ul li label input[type="checkbox"]:checked::before {
  background-color: transparent !important;
  border-color: #f15a38 !important;
}