/* Тема bum (витрина дилера «Авто Драйв», Москва; https://bum.acemaster.ru).
   Палитра цели (сайт автодрайвмск.рф, снято 07.09.2026): фирменный синий
   #306fae — доминанта сайта, оттенки #2e6aa7 / #0084ff; графит и белый —
   нейтральные; красный — только маркетинг (акции/скидки), и на витрине
   остаётся базовым (проценты скидок легаси-темы уже синие #306fae —
   осознанно не перекрашиваем в красный, ховеры ссылок — #306fae, тёмный
   #2e6aa7 — только кнопки/края, как у цели).
   В отличие от toyota/autobu шапка остаётся СВЕТЛОЙ (как у цели и базовой
   болванки): переопределяем синие акценты базовой темы (#366ec0/#4d81cd)
   фирменным синим дилера; тёмную шапку не вводим.
   Подключается последним — переопределяет базовую тему без её правок
   (канон «Тема оформления», CONTEXT.md; каркас — themes/toyota).

   Фаза 2 (#165): «воздушный современный» — детали донора мягче (прожарка
   08.09). Решения сессии 09.09: тени карточек — все .card кроме
   footer .card; тач-цели — всё кликабельное ≥44px (включая чипы марок).
   Контрасты (WCAG, гейт AA) — в отчёте PR #165: #8ab8de на #2C2D2E 6.57:1,
   #ffffff 13.80:1, #306fae/#2e6aa7 на #ffffff 5.24:1/5.62:1, чёрный на
   #E6E6E6 16.83:1, бейджи #e60000 4.81:1. */

:root {
  --c-primary: #306fae;
  /* фирменный синий Авто Драйва */
  --c-accent: #2e6aa7;
  /* тёмный оттенок (hover/края кнопок) */
}

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

/* Ховеры меню светлой шапки — в фирменный синий */
#topmenu .wrap a:hover,
header nav a:hover,
header nav.card a:hover {
  color: #306fae;
}

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

/* Кнопки/CTA (фаза 2, #165): радиус 10px + лёгкая тень «воздушности»
   (донор — 5px и жёсткое свечение, берём мягче); тач-цель ≥44px. */
.button-primary,
button[type="submit"],
.submit-button,
.button,
.btn,
.btn-primary,
#applyFilters,
#notfind button {
  background-color: #306fae;
  border-color: #2e6aa7;
  color: #ffffff;
  border-radius: 10px;
  box-shadow: rgba(48, 111, 174, 0.15) 0 2px 6px;
  min-height: 44px;
}

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

/* Чипы марок (фаза 2, #165): фон #E6E6E6, чёрный текст, пилюля 30px,
   тач-цель ≥44px. Фон чипа задан и в .brand-btn, и в :after —
   перекрашиваем оба; обводка при ховере (conic-gradient #306fae)
   базой сохранена: 4.20:1 на #E6E6E6 ≥3:1 для UI-компонентов.
   color/border-color самого <a> — чёрный/пилюльный: иначе наследует
   синий темы (замер аудита 09.09). */
.brand-btn,
.brand-btn:after {
  background-color: #e6e6e6;
  border-radius: 30px;
}

.brand-btn {
  color: #2c2d2e;
  border-color: #e6e6e6;
  min-height: 44px;
}

.brand-btn b {
  color: #2c2d2e;
}

/* «Все марки» / «Свернуть» (.toggle-btn) — согласованы с чипами (#165) */
.toggle-btn {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #2c2d2e;
  border-radius: 30px;
  min-height: 44px;
}

.toggle-btn:hover {
  background-color: #d9d9d9;
}

/* Карточки (фаза 2, #165): лёгкая тень; радиус 16px — базовый, не меняем.
   Карточки футера — исключение (тёмный фон, тень не нужна). */
.card {
  box-shadow: rgba(0, 0, 0, 0.08) 0 4px 14px;
}

footer .card {
  box-shadow: none;
}

/* Поля форм (фаза 2, #165): рамка фирменным синим, фокус-свечение,
   тач-цель ≥44px. Placeholder базовый #919399 — не светлее порога.
   #searchinput — специфичнее (id) базового input: включён отдельно;
   кастомные поля фильтров (.select-trigger) — в тот же стиль
   (аудит 09.09: вижн-модель отметила серые рамки полей). */
input,
textarea,
select,
#searchinput {
  border: 1px solid #306fae;
  min-height: 44px;
}

input:focus,
textarea:focus,
select:focus,
#searchinput:focus {
  border-color: #306fae;
  box-shadow: rgba(48, 111, 174, 0.2) 0 0 0 3px;
}

/* Специфичность поднята (.custom-select …): filters.css подключается
   ПОСЛЕ theme.css, и её .select-trigger (0,1,0) перекрывал бы рамку.
   Замер 09.09 на проде: селект был серый #d9d9d9 — оверрайд проигрывал
   по порядку; (0,2,0)/(0,3,0) выигрывают независимо от порядка. */
.custom-select .select-trigger {
  border: 1px solid #306fae;
}

.custom-select .select-trigger:hover {
  border-color: #2e6aa7;
}

.custom-select .select-trigger:focus,
.custom-select .select-trigger.active {
  border-color: #306fae;
  box-shadow: rgba(48, 111, 174, 0.2) 0 0 0 3px;
}

/* Кнопка «Записаться на тест-драйв» (аудит #165): базовый product.css
   красит #call в графит #2c2d2e (стиль донора, hover #000) — по спеке
   CTA витрины синие. product.css подключается ПОСЛЕ theme.css, поэтому
   специфичность поднята (body #call против #call). */
body #call {
  background-color: #306fae;
}

body #call:hover {
  background-color: #2e6aa7;
}

/* Футер (фаза 2, #165): графит #2C2D2E, текст белый, ссылки #8ab8de
   (6.57:1), hover #a9c9e8 (8.0:1). Активная ссылка базовой темы #245a8f
   на графите сливается — переопределена на цвет ссылок. */
footer,
footer .card {
  background-color: #2c2d2e;
  color: #ffffff;
}

footer p,
footer b,
footer li,
footer .tel {
  color: #ffffff;
}

footer p i,
footer small {
  color: #cfd3d8;
  /* 9.15:1 на #2C2D2E */
}

footer a {
  color: #8ab8de;
}

footer a:hover {
  color: #a9c9e8;
}

footer a.active {
  color: #8ab8de;
  text-decoration: underline;
}

footer hr {
  border-color: rgba(255, 255, 255, 0.25);
}

/* Типографика (фаза 2, #165): крупные заголовки; на мобильных (≤768px)
   компактнее — не раздуваем шрифты. */
h1 {
  font-size: 40px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 26px;
  }

  h2 {
    font-size: 20px;
  }
}

/* Выбранные элементы фасетов, прогресс, точки слайдера — фирменный синий;
   hover выбранного фасета — тёмный оттенок (светлый снят, гейт AA #165) */
.brand-item.selected,
.progress-fill,
.catalog-section .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #306fae;
}

.brand-item.selected:hover {
  background-color: #2e6aa7;
}