/*
Theme Name:     Autusin Child Theme
Theme URI:      http://demo.wpthemego.com/themes/sw_autusin/
Description:    A child theme of SW Autusin
Author:         magentech
Author URI:     https://themeforest.net/user/magentech/
Template:       autusin
Version:        2.0.5
License:        GNU General Public License v2 or later
*/

/* === Фікс для мега-меню з прокруткою === */
.megamenu,
.mega-menu,
.sub-menu {
  max-height: 80vh; /* обмежує висоту меню */
  overflow-y: auto; /* додає вертикальну прокрутку */
  overflow-x: hidden; /* запобігає горизонтальній прокрутці */
  scrollbar-width: thin; /* для Firefox */
}

/* === Стилізація скролу для Chrome, Edge, Safari === */
.megamenu::-webkit-scrollbar,
.mega-menu::-webkit-scrollbar,
.sub-menu::-webkit-scrollbar {
  width: 6px;
}

.megamenu::-webkit-scrollbar-thumb,
.mega-menu::-webkit-scrollbar-thumb,
.sub-menu::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

/* === Прокрутка для .dropdown-sub в Autusin === */
.autusin-mega .dropdown-sub {
  max-height: 80vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* IE/Edge */
}

/* === Fix full-width menu === */
#main-menu {
  width: 100% !important;
  float: none !important;
}

/* === Вирівнювання елементів в .header-mid === */
.header-mid .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
/* Заголовок підкатегорії в мега-меню: дозволяємо перенос рядка */
.dropdown-menu.nav-level1 .dropdown-submenu > a .menu-title,
.dropdown-submenu.column-5 > a .menu-title {
  display: inline-block;
  max-width: 100%;          /* Не перевищує ширину колонки */
  white-space: normal !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.3;
}

/* Додаємо відступ для читабельності */
.dropdown-submenu.column-5 {
  padding: 10px 15px;
}
.addcart-wrapper.single-buynow .button-buynow {
    display: none !important;
}
/* Стиль іконки wishlist — базовий колір */
.add_to_wishlist.button-icon-link svg path {
  fill: #444 !important; /* колір за замовчуванням (сірий) */
  transition: fill 0.3s ease;
}

/* При наведенні на кнопку wishlist */
.add_to_wishlist.button-icon-link:hover svg path {
  fill: red !important; /* змінюємо на червоний */
}

/* Якщо кнопка активна (додана в список бажань), можна зробити інший колір */
/* Припустимо, що клас .added додається після кліку */
.add_to_wishlist.button-icon-link.added svg path {
  fill: red !important;
}