/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/

/* 1. Уменьшение миниатюр категорий */
.column_shop_categories .product-category img {
    max-width: 110px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 15px auto !important;
}

/* 2. Стили для кнопки Contact Form 7 */
div.wpcf7 input[type="submit"],
div.wpcf7 button[type="submit"] {
    background-color: #2083bc !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px;
    padding: 12px 28px;
    font-weight: 600;
    transition: all 0.3s ease;
}

div.wpcf7 input[type="submit"]:hover,
div.wpcf7 button[type="submit"]:hover {
    background-color: #1a6da0 !important;
    transform: translateY(-2px);
}

/* 3. ТОЧЕЧНОЕ ОКРАШИВАНИЕ ИКОНОК (БЕЗ ГЛОБАЛЬНЫХ ЗАЛИВОК) */

/* Синие иконки (добавляйте класс .blue-icon к нужной колонке, элементу Icon Box или Image) */
.blue-icon img,
img.blue-icon {
    filter: invert(41%) sepia(83%) saturate(542%) hue-rotate(162deg) brightness(88%) contrast(89%) !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* Белые иконки (для синих баннеров) */
.white-icon img,
img.white-icon,
.white-icon .icon_wrapper img,
.white-icon .mfn-icon-box img,
.white-icon .icon-box-img {
    filter: brightness(0) invert(1) !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* На случай, если иконка внутри Icon Box шрифтовая (FontAwesome / Muffin) */
.white-icon i,
.white-icon .icon_wrapper i,
.white-icon .mfn-icon-box i {
    color: #ffffff !important;
}

/* 4. Тень по контуру воронки */
.vakcit-3d-shadow img {
    filter: drop-shadow(0px 20px 25px rgba(0, 0, 0, 0.45));
    transition: transform 0.3s ease, filter 0.3s ease;
}

.vakcit-3d-shadow img:hover {
    transform: translateY(-5px);
    filter: drop-shadow(0px 25px 30px rgba(0, 0, 0, 0.55));
}

/* 5. ИНДИВИДУАЛЬНЫЕ СТИЛИ ДЛЯ ТЕХНИЧЕСКОГО ЦЕНТРА */
.tech-card-1,
.tech-card-2,
.tech-card-3 {
    overflow: hidden !important;
    border-radius: 20px !important;
}

.tech-card-1 .mfn-icon-box,
.tech-card-2 .mfn-icon-box,
.tech-card-3 .mfn-icon-box,
.tech-card-1 .icon_wrapper,
.tech-card-2 .icon_wrapper,
.tech-card-3 .icon_wrapper,
.tech-card-1 .icon_frame,
.tech-card-2 .icon_frame,
.tech-card-3 .icon_frame {
    background: transparent !important;
}

/* Цвет шрифтовых иконок FontAwesome/Muffin */
.tech-card-1 .mfn-icon-box i,
.tech-card-1 .icon_wrapper i { color: #2083bc !important; }
.tech-card-2 .mfn-icon-box i,
.tech-card-2 .icon_wrapper i { color: #1e6d99 !important; }
.tech-card-3 .mfn-icon-box i,
.tech-card-3 .icon_wrapper i { color: #d96b27 !important; }

/* Цвет графических иконок PNG/SVG в карточках */
.tech-card-1 .mfn-icon-box img {
    filter: invert(41%) sepia(83%) saturate(542%) hue-rotate(162deg) brightness(88%) contrast(89%) !important;
}
.tech-card-2 .mfn-icon-box img {
    filter: invert(34%) sepia(35%) saturate(1200%) hue-rotate(165deg) brightness(90%) contrast(90%) !important;
}
.tech-card-3 .mfn-icon-box img {
    filter: invert(53%) sepia(87%) saturate(1450%) hue-rotate(345deg) brightness(93%) contrast(92%) !important;
}


/* Скрываем кнопку добавления в корзину и блок цены на странице товара */
.single-product .single_add_to_cart_button,
.single-product .quantity,
.single-product p.price,
.single-product .woocommerce-variation-price {
    display: none !important;
}


/* 1. Переносим название "Доступные диаметры, мм" НАВЕРХ над кнопками */
.mfn-vr {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.mfn-vr label {
    display: block !important;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
}

/* 2. Делаем красивые отступы между кнопками и между рядами */
.mfn-vr .mfn-vr-options {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important; /* Отступ между кнопками во все стороны */
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.mfn-vr .mfn-vr-options li {
    margin: 0 !important; /* Убираем стандартные кривые маржины */
}

/* Скрываем ссылку 'Сброс' в BeTheme */
.mfn-variations-wrapper .mfn-reset-variations,
a.mfn-reset-variations {
    display: none !important;
}



/* Выравнивание и отступы для краткого описания товара */
.single-product .woocommerce-product-details__short-description {
    text-align: justify !important; /* Выравнивание по левому краю */
    margin-top: 25px !important;  /* Отступ сверху от заголовка */
    margin-bottom: 25px !important; /* Отступ снизу до кнопок вариаций */
}

/* На всякий случай выравниваем текст во внутренних абзацах */
.single-product .woocommerce-product-details__short-description p {
    text-align: left !important;
    margin-bottom: 0 !important;
}