/*
Template:       metro
Theme Name:     Metro Child
Theme URI:      https://radiustheme.com/demo/wordpress/themes/metro
Author:         RadiusTheme
Author URI:     https://www.radiustheme.com
Description:    Metro is a clean and modern WordPress Theme for Ecommerce and Online Store. This theme comes with all necessary features and pages for a Ecommerce website.
Version:        1.0
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
License:        Envato split License
License URI:    https://themeforest.net/licenses/terms/regular
*/

.widget_metro_about img {
    max-height: 70px;
}

/* Ссылка «Все категории» */
#menu-item-56567 a {
    font-weight: 500;
}


.sidebar-widget-area .widget.widget_product_categories li {
    font-size: 15px;
    margin-bottom: 5px;
}

/* 1. Скрываем ВСЕ элементы списка категорий по умолчанию */
.widget_product_categories:not(.main-shop) ul.product-categories li {
    display: none !important;
}

/* 2. Показываем родительскую категорию, если мы находимся в её подкатегории */
/* Этот класс добавляется к "БЫТОВАЯ ХИМИЯ", когда мы внутри неё */
.widget_product_categories ul.product-categories > li.current-cat-parent {
    display: block !important;
}

/* 3. Показываем текущую категорию, если она является категорией верхнего уровня */
/* Этот класс добавляется к категории, если мы находимся прямо в ней */
.widget_product_categories ul.product-categories > li.current-cat {
    display: block !important;
}

/* 4. Принудительно показываем вложенные списки (подкатегории) внутри активной ветки */
.widget_product_categories ul.product-categories > li.current-cat-parent ul.children,
.widget_product_categories ul.product-categories > li.current-cat ul.children {
    display: block !important;
}

/* 5. Возвращаем видимость элементам внутри активной ветки */
/* Так как в шаге 1 мы скрыли все li, нужно вернуть видимость тем, что внутри открытой ветки */
.widget_product_categories ul.product-categories > li.current-cat-parent li,
.widget_product_categories ul.product-categories > li.current-cat li {
    display: block !important;
}

/* Выделение текущих категорий */
.widget_product_categories ul.product-categories .current-cat-parent,
.widget_product_categories ul.product-categories .current-cat {
    font-weight: 500;
}


/* Гарантированное применение Font Awesome для иконок соцсетей */
.fa.fa-facebook,
.fa.fa-facebook-square,
.fa.fa-twitter,
.fa.fa-vk,
.fa.fa-instagram,
.fa.fa-telegram,
.fa.fa-whatsapp,
.fa.fa-vimeo,
.fa.fa-youtube,
.fa.fa-linkedin,
.fa.fa-pinterest,
.fa.fa-tumblr,
.fa.fa-reddit,
.fa.fa-heart-o {
  font-family: "FontAwesome" !important;
  font-weight: 400 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Фикс для псевдоэлементов */
.fa.fa-facebook::before,
.fa.fa-twitter::before,
.fa.fa-vk::before {
  font-family: "FontAwesome" !important;
}


/* СТРАНИЦА КАТЕГОРИЙ */

/* Убираем стандартные маркеры списка */
.woo-cat-tree {
  list-style: none;
  padding: 0;
  margin: 0;
}
.woo-cat-tree li { margin: 8px 0; }

/* Ссылки */
.woo-cat-tree a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: color 0.2s;
  display: inline-block;
  padding: 4px 0;
}
.woo-cat-tree a:hover { color: #0073aa; }

/* Счётчик товаров */
.woo-cat-tree .count {
  color: #888;
  font-weight: normal;
  font-size: 0.9em;
  margin-left: 6px;
}

/* Вложенность */
.woo-cat-tree .children {
  list-style: none;
  padding-left: 22px;
  margin-top: 6px;
  border-left: 2px solid #e5e5e5;
}

/* Размеры шрифтов по уровням */
.cat-level-1 > a { font-size: 1.1em; font-weight: 600; background-color: #EDF2FE; padding: 15px 20px; border-radius: 4px; }
.cat-level-2 > a { font-size: 1em; color: #555; }
.cat-level-3 > a { font-size: 0.95em; color: #777; }

/* Отступы между колонками на мобильных */
@media (max-width: 767.98px) {
  .woo-cat-col { margin-bottom: 2rem; }
}

/* END СТРАНИЦА КАТЕГОРИЙ */

/* Контейнер результатов поиска в попапе */
#rdtheme-search-popup form input {
    background: #fff;
    color: #000;
    border-radius: 4px;
}

#rdtheme-search-popup form .search-btn {
    position: absolute;
    margin-left: -65px;
    color: #000;
}
#rdtheme-search-popup form .search-btn .flaticon-search:before {
    color: #000;
}

@media(max-width: 767px){
    #rdtheme-search-popup form .search-btn {
        padding: 15px 20px 12px;
    }
    #rdtheme-search-popup form {
        top: 30%;
    }
}

#rdtheme-search-popup-results {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    z-index: 99999;
    width: 60%;
    max-height: 350px;
    overflow-y: auto;
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: none; /* Скрыт по умолчанию */
}

/* Элемент результата */
#rdtheme-search-popup-results li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid #f5f5f5;
    transition: background 0.2s;
}
#rdtheme-search-popup-results li:last-child {
    border-bottom: none;
}
#rdtheme-search-popup-results li a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #333;
    width: 100%;
}
#rdtheme-search-popup-results li:hover {
    background: #f9f9f9;
}

/* Миниатюра товара */
#rdtheme-search-popup-results .thumb img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

/* Текст и цена */
#rdtheme-search-popup-results .content {
    flex: 1;
    min-width: 0;
}
#rdtheme-search-popup-results .content .title {
    font-size: 14px;
    margin: 0 0 4px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#rdtheme-search-popup-results .content .price {
    font-size: 13px;
    color: #0073aa;
    font-weight: 600;
}

/* Состояния: загрузка / пусто / ошибка */
#rdtheme-search-popup-results .loading,
#rdtheme-search-popup-results .no-results,
#rdtheme-search-popup-results .error {
    padding: 16px;
    text-align: center;
    color: #888;
    font-size: 13px;
}

/* END Контейнер результатов поиска в попапе */


/* Карточка товара */
.product-meta-group .product-meta-sku,
.product-meta-group .product-meta-seperator {
    display: none !important;
}


/* Виджет «Каталог товаров» на Главной */
.slider-categories {
    margin-top: 40px;
    overflow: hidden;
}

.slider-categories > .swiper-wrapper {
    /* gap: 30px; */
}

.slider-categories .slide {
    position: relative;
    width: 100%;
    height: 400px;
    display: inline-block;
    flex-shrink: 0;
    background-color: var(--color-secondary-light);
    border-radius: 8px;
    padding: 30px;
    overflow: hidden;

    max-width: 244px;
}

.slider-categories .slide.big {
    max-width: 410px;
}

.slider-categories .slide > .title {
    font-weight: 600;
    font-size: 20px;
    color: var(--color-main);
}

.slider-categories .slide > .slug {
    margin-top: 10px;
}

.slider-categories .slide > .image {
    position: absolute;
    right: -80px;
    bottom: -50px;

    transition: .3s;
}

.slider-categories .slide:hover > .image {
    right: -40px;
    bottom: -25px;
}

.slider-home-next,
.slider-home-prev,
.slider-categories-next,
.slider-categories-prev,
.slider-products-next,
.slider-products-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 9;
    background: var(--color-secondary);
    border-radius: 4px;
    padding-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

.slider-products-next,
.slider-products-prev {
    background: var(--color-secondary-light);
}

.slider-home-next,
.slider-home-prev {
    top: 50%;
}

.slider-home-next > img,
.slider-home-prev > img,
.slider-categories-next > img,
.slider-categories-prev > img {
    filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(320deg) brightness(102%) contrast(101%);
}

.slider-home-next > img,
.slider-categories-next > img,
.slider-products-next > img {
    transform: rotate(180deg);
}

.slider-home-next {
    right: 50px;
    padding-left: 16px;
}

.slider-home-prev {
    left: 50px;
}

.slider-categories-next {
    top: 0;
    right: 0;
}

.slider-categories-prev {
    top: 0;
    right: 50px;
}

.slider-products-next {
    top: 50px;
    right: 50px;
}

.slider-products-prev {
    top: 50px;
    right: 100px;
}

.slider-home-next.swiper-button-disabled,
.slider-home-prev.swiper-button-disabled {
    opacity: .7;
}

.slider-categories-next.swiper-button-disabled,
.slider-categories-prev.swiper-button-disabled {
    background: var(--color-secondary-light);
}

.slider-categories-next.swiper-button-disabled > img,
.slider-categories-prev.swiper-button-disabled > img {
    filter: none;
}


/* Плавающее меню внизу экрана */
.controls-mobile {
    display: none;
}


@media (max-width: 767px) {
    .slider-categories-next,
    .slider-categories-prev {
        display: none;
    }

    .controls-mobile {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 70px;
        z-index: 11;
        background: #fff;
        display: flex;
        align-items: center;
        border-top: 1px solid var(--color-main-light);

        padding: 0 15px;
    }

    .controls-mobile > .link {
        text-decoration: none;
        color: var(--color-main);
        font-size: 12px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .slider-categories .slide.big {
        max-width: 520px;
    }
}

@media (min-width: 767px) {
    .slider-categories .swiper-scrollbar {
        display: none;
    }
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    .slider-categories .slide.big {
        max-width: 415px;
    }
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
    .slider-categories .slide.big {
        max-width: 388px;
    }
}

@media (min-width: 1199.98px) and (max-width: 1399.98px) {
    .slider-categories .slide.big {
        max-width: 470px;
    }

    .slider-categories .slide {
        max-width: 293px;
    }
}

:root {
    --color-main: #252222;
    --color-main-light: #BCBCBC;
    --color-buttons: #333333;
    --color-secondary: #163EC2;
    --color-secondary-light: #EDF2FE;
    --color-danger: #FF4E4E;
}

/* Сотрудничество */
.cooperation .button {
    padding: 18px 35px !important;
    border-radius: 2px !important;
    font-size: 14px !important;
    text-transform: uppercase;
}

.cooperation-img {
    background-image: url(/wp-content/uploads/2026/06/cooperation.jpg);
    background-position: center;
    height: 100%;
    border-radius: 8px;
}


/* Страница 404 */
.site-content .error-page-area {
    background-position-y: center;
}


/* Плавающий значок reCAPTCHA (v3) */
.grecaptcha-badge {
    display: none;
}