/* Тема autobu (витрина bum-bum-chao, перенос auto-bu-163.ru).
   Палитра цели (CSS-переменные донора, проверено по живому сайту 06.09):
   графит #181818 (шапка/подвал), primary #D42222, accent #BF0C0C,
   светлый красный #DF4545, тёмный #B41515, бейдж #C21B1D→#FE4E33.
   Подключается последним — переопределяет базовую тему без её правок
   (канон «Тема оформления», CONTEXT.md; каркас — themes/toyota). */

:root {
  --c-primary: #d42222;
  /* красный AutoBu */
  --c-primary-light: #df4545;
  --c-ink: #181818;
  /* графит — тёмная шапка/подвал */
  --c-accent: #bf0c0c;
}

/* Тёмная шапка и подвал (графит по палитре цели) + светлый текст;
   красный — акценты. Донор: --header-bg/--footer-bg #181818. */
header,
#adressline,
#topmenu,
header .wrap.container,
header .logomenu,
header nav,
header nav.card,
header .phonefavorite,
footer,
footer .wrap,
footer .card {
  background-color: #181818;
  border-color: #181818;
}

#adressline p,
#adressline i,
#topmenu .wrap a,
header nav a,
header nav.card a,
header .phonefavorite a,
header .phonefavorite span,
footer,
footer p,
footer p i,
footer a,
footer a:link,
footer small {
  color: #e0e5ef;
}

#topmenu .wrap a:hover,
header nav a:hover,
header nav.card a:hover,
footer a:hover {
  color: #df4545;
}

/* Бургер-меню и выпадающий поиск — светлые (вне графита), текст читаемый */
#menu {
  background-color: #f3f4f3;
}
#menu a {
  color: #2c2d2e;
}
#menu a:hover {
  color: #d42222;
}
#searchresult {
  background-color: #ffffff;
}

/* Логотип в шапке: фиксированный размер (не схлопывается базовым стилем) */
header .logo img {
  height: 46px;
  width: auto;
  max-width: none;
}

/* Иконки телефона/избранного и бургер-меню — светлые на графите,
   ховер — красный (донор: --header-text-color #E0E5EF, --accent-light #DF4545).
   path трубки телефона красится прямым правилом general.css (Волна 2,
   #306fae) — переопределяем на уровень path (специфичность выше). */
header .phonefavorite .phone svg,
header .phonefavorite .favorite svg,
header .phonefavorite .phone svg path {
  stroke: #e0e5ef;
}

header .phonefavorite .phone:hover svg,
header .phonefavorite .favorite:hover svg,
header .phonefavorite .phone:hover svg path {
  stroke: #df4545;
}

header .logomenu .hamburger .top,
header .logomenu .hamburger .middle,
header .logomenu .hamburger .bottom {
  stroke: #e0e5ef;
}

/* Акцент-цвета базовой темы: синий #366ec0 / #4d81cd → красный AutoBu */
a,
a:hover,
.breadcrumbs a:hover,
.breadcrumbs i,
.toggle-filters {
  color: #d42222;
}

button:hover,
.button:hover {
  background-color: #b41515;
}

.brand-item.selected,
.progress-fill,
.catalog-section .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #d42222;
}

/* Кнопки форм и пагинация — к бренду */
.button-primary,
button[type="submit"],
.submit-button,
.button,
.btn {
  background-color: #d42222;
  border-color: #bf0c0c;
  color: #ffffff;
}

.button-primary:hover,
button[type="submit"]:hover,
.submit-button:hover,
.button:hover,
.btn:hover {
  background-color: #bf0c0c;
}

.pagination .current,
.pagination a.active,
.catalog-pagination .page.active {
  background-color: #d42222;
  border-color: #d42222;
}

/* Синие элементы базовой темы (аудит 28.08) → красный AutoBu */
.btn-primary,
#applyFilters,
.toggle-btn,
#showAllBtn,
#collapseBtn,
#notfind button {
  background-color: #d42222;
  border-color: #bf0c0c;
  color: #ffffff;
}
.btn-primary:hover,
.toggle-btn:hover,
#notfind button:hover {
  background-color: #bf0c0c;
}
.percentage,
.cost i,
i.percentage,
.card .text i,
.swiper-slide .card i,
.catalog-section .cost i,
.todaylist i,
i,
i.percentage,
.cost i,
i.percentage span,
.percentage span {
  color: #d42222;
  border-color: #d42222;
}

/* Жёсткий красный для процентов скидок (перебивает базовую специфику) */
.cost i,
i.percentage,
.percentage,
.cost i span,
i span {
  color: #d42222 !important;
  border-color: #d42222 !important;
}

/* Нейтральные кнопки (попапы, cookie-баннер) — графит */
.popup-content button,
#accept-cookies,
#decline-cookies {
  background-color: #181818;
  border-color: #181818;
  color: #ffffff;
}

/* Кнопки без классов (карточки «Оставить заявку», шапка «Заказать звонок») */
.container.buttons button,
#mobilecallback,
.phonefavorite button {
  background-color: #d42222;
  border-color: #bf0c0c;
  color: #ffffff;
}

.container.buttons button:hover,
#mobilecallback:hover,
.phonefavorite button:hover {
  background-color: #bf0c0c;
}

/* Фокус/активные состояния */
a:focus-visible,
button:focus-visible,
.custom-select:focus-within {
  outline-color: #d42222;
}

.toggle-filters.active,
.filter-tag.active,
.filter-btn.active {
  border-color: #d42222;
  color: #d42222;
}

/* Карточки: акцент на ховере (красная рамка/тень) */
.card:hover,
.product-card:hover,
.swiper-slide .card:hover {
  box-shadow: 0 4px 16px rgba(212, 34, 34, 0.25);
  border-color: #d42222;
}

/* Аккордеон и вкладки */
.acc-item.active .acc-title,
.tabs .tab.active {
  color: #d42222;
  border-color: #d42222;
}

.toggle-filters {
  border-bottom-color: #d42222;
}

#trade-in {
  fill: #d42222;
}

/* ── Старая цена/скидка в углу фото — красная плашка (как на доноре) ──────
   У донора: side-badge градиент #C21B1D → #FE4E33, текст белый. */
#products .card .text p.cost small,
#products .card .text p.cost small[style*="background"],
.card .text p.cost small,
p.cost small {
  background-image: linear-gradient(135deg, #c21b1d 0%, #fe4e33 100%);
  color: #fff;
}