/* ==============================================
   ТОЛЬКО ФИЛЬТРЫ WOOCOMMERCE (поиск, цена, атрибуты)
   ============================================== */

/* ----- 1. КАРТОЧКА ВИДЖЕТА ФИЛЬТРОВ ----- */
.woocommerce-widget-layered-nav,
.widget_price_filter,
.widget_layered_nav_filters {
    background: var(--global-palette9,#FFFFFF);
    border: 1px solid var(--global-palette7,#d5dce4);
    border-radius: 0 !important;
    padding: 18px 16px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease;
}

.woocommerce-widget-layered-nav:hover,
.widget_price_filter:hover,
.widget_layered_nav_filters:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* ----- 2. ЗАГОЛОВКИ ВИДЖЕТОВ ----- */
.woocommerce-widget-layered-nav .widget-title,
.widget_price_filter .widget-title,
.widget_layered_nav_filters .widget-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    color: var(--global-palette3, #253141);
    border-bottom: 1px solid var(--global-palette6,#5d7b9d);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ----- 3. СПИСОК ФИЛЬТРОВ ----- */
.woocommerce-widget-layered-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-widget-layered-nav-list__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--global-palette6,#5d7b9d);
}

.woocommerce-widget-layered-nav-list__item:last-child {
    border-bottom: none;
}


/* ==============================================
   УВЕЛИЧИВАЕМ ОТСТУПЫ В ПУНКТАХ ФИЛЬТРОВ
   ============================================== */

.woocommerce-widget-layered-nav-list__item {
    padding-top: 10px !important;   /* увеличенный отступ сверху */
    padding-bottom: 10px !important; /* увеличенный отступ снизу */
    border-bottom: 1px solid var(--global-palette6,#5d7b9d);
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Убираем лишний margin у самого списка, если есть */
.woocommerce-widget-layered-nav-list {
    margin: 0 !important;
    padding: 0 !important;
}


/* ----- 4. ССЫЛКИ ----- */
.woocommerce-widget-layered-nav-list__item a {
    color: var(--global-palette3,#052f44);
    text-decoration: none;
    font-size: 14px;
    flex: 1;
    transition: color 0.2s ease;
}

.woocommerce-widget-layered-nav-list__item a:hover {
    color: var(--global-palette2,#4abc1a) !important;
}

/* ----- 5. КОЛИЧЕСТВО ТОВАРОВ ----- */
.woocommerce-widget-layered-nav-list__item .count {
    background: var(--global-palette8,#F1F3F8);
    color: var(--global-palette4,#094C72);
    font-size: 11px;
    padding: 0 10px;
    border-radius: 0 !important;
    min-width: 30px;
    text-align: center;
}

/* ----- 6. АКТИВНЫЙ ЭЛЕМЕНТ (выбранный фильтр) ----- */
.woocommerce-widget-layered-nav-list__item--chosen a {
    color: var(--global-palette1, #1a252e)!important;
    font-weight: 600;
}

/* ==============================================
   АКТИВНЫЕ ФИЛЬТРЫ (крестик справа)
   ============================================== */

.widget_layered_nav_filters ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.widget_layered_nav_filters li.chosen {
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    max-width: 100%;
    margin: 0;
    padding: 5px 25px 5px 10px;
    background: var(--global-palette9,#FFFFFF);
    border-radius: 0 !important;
    border: 1px solid var(--global-palette6,#5d7b9d);
    position: relative;
    transition: all 0.2s ease;
}

.widget_layered_nav_filters li.chosen a {
    color: var(--global-palette3,#052f44) !important;
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
    padding-right: 0;
    margin-right: 10px;
}

.widget_layered_nav_filters li.chosen a::before {
    display: none !important;
}



/* ==============================================
   УБИРАЕМ БЕЛЫЙ ФОН У АКТИВНЫХ ФИЛЬТРОВ
   ============================================== */

.woocommerce .widget_layered_nav_filters ul li a {
    background: transparent !important;
    font-weight: 700;
}

/* ==============================================
   ГАЛОЧКА ВЫБРАННОГО ФИЛЬТРА (яркая)
   ============================================== */

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
    content: "✓";
    color: var(--global-palette9,#FFFFFF) !important;
    opacity: 1;
    background: var(--global-palette10,#ff4500)!important;
    display: inline-block !important;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 0 !important;
    border: 1px solid var(--global-palette10,#ff4500)!important;
    margin-right: 6px;
    font-size: 14px;
    font-weight: 700;
}

/* ----- 7. ПОЛЗУНОК ЦЕНЫ ----- */
.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: var(--global-palette7,#d5dce4)!important;
    border: none;
    height: 6px;
    border-radius: 0 !important;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    width: 16px;
    height: 16px;
    background: var(--global-palette4,#094C72)!important;
    border: 2px solid var(--global-palette9,#FFFFFF);
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover {
    background: var(--global-palette2,#4abc1a);
    transform: scale(1.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
    background: var(--global-palette2,#4abc1a) !important;
    height: 6px;
    border-radius: 0 !important;
}

.widget_price_filter .price_slider_amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    font-size: 14px;
    color: var(--global-palette3,#052f44)!important;
}

.widget_price_filter .price_slider_amount .button {
    background: var(--global-palette8,#F1F3F8);
    color: var(--global-palette4,#094C72);
    border: 2px solid var(--global-palette4,#094C72);
    padding: 4px 12px;
    border-radius: 0 !important;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
    font-size:1em!important;
}

.widget_price_filter .price_slider_amount .button:hover {
    background: var(--global-palette2,#4abc1a);
    color: var(--global-palette9,#FFFFFF);
    border: 2px solid var(--global-palette9,#FFFFFF);
}

/* ----- Кнопка и цена (разные строки) ----- */
.widget_price_filter .price_slider_amount {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-top: 12px;
}

.widget_price_filter .price_slider_amount .button {
    order: 1; /* кнопка первая */
    width: 100%;
    text-align: center;
}

.widget_price_filter .price_label {
    order: 2; /* цена вторая */
    font-size: 0.9em;
    color: var(--global-palette3, #052f44);
    text-align: left;
}

.widget_price_filter .price_label .from,
.widget_price_filter .price_label .to {
    font-weight: 500;
    color: var(--global-palette4,#094C72);
}


/* ----- 8. ПОИСК ----- */
.widget_product_search {
    background: var(--global-palette9,#FFFFFF);
    border: 1px solid var(--global-palette7, #e8e4da);
    border-radius: 0 !important;
    padding: 18px 16px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease;
}

.widget_product_search:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.widget_product_search .widget-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    color: var(--global-palette3, #253141);
    border-bottom: 1px solid var(--global-palette6,#5d7b9d);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget_product_search input[type="search"] {
    border: none;
    border-bottom: 2px solid var(--global-palette6,#5d7b9d);
    padding: 10px 14px 8px 14px;
    border-radius: 0 !important;
    font-size: 14px;
    background: transparent;
    color: var(--global-palette3,#052f44);
    width: 100%;
    transition: border-color 0.2s ease;
    font-family: inherit;
    outline: none;
}

.widget_product_search input[type="search"]:focus {
    border-bottom-color: var(--global-palette1, #1a252e);
    outline: none;
}

.widget_product_search input[type="search"]::placeholder {
    color: var(--global-palette4, #094C72);
    font-weight: 400;
}

.widget_product_search button[type="submit"] {
    background: var(--global-palette1, #1a252e);
    color: var(--global-palette9, #fff);
    border: none;
    padding: 10px 20px;
    border-radius: 0 !important;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 8px;
    width: 100%;
}

.widget_product_search button[type="submit"]:hover {
    background: var(--global-palette2,#4abc1a);
}

/* ==============================================
   ВЫБРАННЫЕ ФИЛЬТРЫ (без обводки, яркий крестик)
   ============================================== */

/* 1. Убираем обводку, оставляем только фон */
.widget_layered_nav_filters li.chosen {
    border: 1px dotted var(--palette7,#d5dce4)!important;
    background: var(--global-palette8,#F1F3F8)!important;
    padding: 0 26px 0 0 !important;
}

/* 2. Крестик — цвет №10 (яркий), крупный, жирный */
.widget_layered_nav_filters li.chosen a::after {
    content: "×";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px !important;
    font-weight: 900 !important;
    transition: color 0.2s ease, background 0.2s ease;
    line-height: 1;
    color: var(--global-palette13, #1a252e) !important;
    background: var(--global-palette9,#FFFFFF) !important;
    border-radius: 50% !important;
    padding: 2px 6px !important;
    margin-left: 10px !important;
    border: none!important
}

.widget_layered_nav_filters li.chosen a:hover::after {
    color: var(--global-palette9,#FFFFFF) !important;
    background: var(--global-palette10,#ff4500) !important;
    border-radius: 50% !important;
    padding: 2px 6px !important;
    margin-left: 10px !important;
}


/* ----- 9. АДАПТИВ ----- */
@media (max-width: 768px) {
    .woocommerce-widget-layered-nav,
    .widget_price_filter,
    .widget_layered_nav_filters,
    .widget_product_search {
        padding: 14px 12px;
        border-radius: 0 !important;
    }

    .woocommerce-widget-layered-nav-list__item a {
        font-size: 13px;
    }

    .widget_layered_nav_filters li.chosen {
        padding: 3px 8px 3px 24px;
        font-size: 12px;
    }

    .widget_product_search input[type="search"] {
        font-size: 13px;
    }

    .widget_product_search button[type="submit"] {
        font-size: 13px;
        padding: 8px 16px;
    }
}

/* ==============================================
   СКРУГЛЕНИЯ ДЛЯ ФИЛЬТРОВ
   ============================================== */


/* --- Кнопка фильтра цены --- */
.widget_price_filter .price_slider_amount .button {
    border-radius: 30px !important;
}

/* --- Количество товаров (count) --- */
.woocommerce-widget-layered-nav-list__item .count {
    border-radius: 20px !important;
}