/* ==========================================================
   Доработки поверх шаблона. Файл НЕ генерируется из SCSS —
   правки здесь не пропадут при пересборке template_styles.css.
   Подключён в header.php перед </head>.
   ========================================================== */

/* === Меню в хедере: hover и активный пункт (16.10.2026) === */
.header__menu ul a {
  transition: color .2s ease;
}
.header__menu ul a svg {
  transition: fill .2s ease;
}
.header__menu ul a:hover,
.header__menu ul a.active {
  color: var(--color-tile7);
}
.header__menu ul a:hover svg,
.header__menu ul a.active svg {
  fill: var(--color-tile7);
}

/* Активный пункт красим сразу, без анимации — иначе при переходе в раздел видно мигание */
.header__menu ul a.active,
.header__menu ul a.active svg {
  transition: none;
}

/* === Меню в футере: hover и активный пункт (16.10.2026) === */
.footer__menu-list ul a,
.footer__bottom ul li a {
  transition: color .2s ease;
}
.footer__menu-list ul a:hover,
.footer__menu-list ul a.active,
.footer__bottom ul li a:hover,
.footer__bottom ul li a.active {
  color: var(--color-tile7);
}
.footer__menu-list ul a.active,
.footer__bottom ul li a.active {
  transition: none;
}