/* ============================================================
 * Мелкий полиш: иконки, выделение текста, плейсхолдеры, счётчики,
 * скроллбар фильтра, табы, общий easing.
 * Отдельный файл, не трогает основной style.css.
 * ============================================================ */

/* --- 1. Плавный цвет иконок избранное/сравнение вместо мгновенного щелчка --- */
.btn_compare svg *,
.btn_favorites svg *,
.card_cart .card_btns button svg * {
  transition: fill .25s ease, stroke .25s ease, opacity .25s ease;
}

/* --- 2. Фирменное выделение текста вместо браузерного синего --- */
::selection {
  background: var(--main-color);
  color: #fff;
}
[data-theme=dark_theme] ::selection {
  background: var(--main-color);
  color: #fff;
}

/* --- 3. Пружинный easing на часто используемых интерактивных элементах --- */
a,
button,
.btn_secondary,
.btn_more,
.nav-tabs > li > a,
.dropdown-menu,
.dropdown-toggle,
.tooltip,
.box_check .check,
.minconf .check,
.card_swatches .swatch_color,
.card_chips .chip,
.filter_btn .check,
.form input,
.form textarea,
.filter_input input {
  transition-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
}

/* --- 5. Единый цвет плейсхолдеров вместо дефолтного браузерного --- */
input::placeholder,
textarea::placeholder {
  color: #9AA0A8;
  opacity: 1;
}
[data-theme=dark_theme] input::placeholder,
[data-theme=dark_theme] textarea::placeholder {
  color: #7A7D82;
}

/* --- 6. "Бамп" счётчиков (корзина/избранное/сравнение в мобильном fix_menu) --- */
@keyframes wow-bump {
  0%   { transform: scale(1); }
  35%  { transform: scale(1.35); }
  60%  { transform: scale(.92); }
  100% { transform: scale(1); }
}
.fix_menu .box_count.wow-bump {
  animation: wow-bump .4s cubic-bezier(.34, 1.56, .64, 1);
}

/* --- 7. Скроллбар списка фильтров: плавное появление ползунка, без скачка ширины --- */
.s_catalog .filter_container .filter_body .filter .woocommerce-widget-layered-nav-list::-webkit-scrollbar {
  width: 6px;
}
.s_catalog .filter_container .filter_body .filter .woocommerce-widget-layered-nav-list::-webkit-scrollbar-thumb {
  background: transparent;
  transition: background .25s ease;
}
.s_catalog .filter_container .filter_body .filter .woocommerce-widget-layered-nav-list:hover::-webkit-scrollbar-thumb {
  background: gray;
}

/* --- 8. Мягкое появление активной вкладки (FAQ, сравнение, карточка товара) --- */
@keyframes wow-tab-fade-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.tab-content > .active {
  animation: wow-tab-fade-in .3s cubic-bezier(.22, 1, .36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .fix_menu .box_count.wow-bump,
  .tab-content > .active {
    animation: none;
  }
}