/* Задача 34, раздел 8 (мелкие улучшения), сокращено задачей 35,
   часть 1: индикатор прокрутки и подтверждение копирования убраны
   целиком (свои файлы CSS/JS для них были не нужны — недостаточно
   кода, чтобы выносить отдельно), у внешних ссылок убрана стрелка. */

/* Плавная прокрутка к якорям — отключается сама для
   prefers-reduced-motion (стандартное поведение браузера для
   scroll-behavior, ничего дополнительно указывать не нужно). */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Кнопка «Наверх». */
/* :not([hidden]) — не display:flex безусловно: иначе своя специфичность
   класса перебивала бы встроенное [hidden]{display:none} браузера, и
   btn.hidden=true в misc.js переставал бы визуально что-либо прятать
   (тот же приём и то же обоснование, что уже описано у .certs-lightbox
   в template_styles.css, задача 29). */
.back-to-top:not([hidden]) {
  display: flex;
}

/* Задача 35, часть 7: справа, не слева — привычнее, но справа внизу
   уже стоит виджет мессенджеров (.messenger-widget, right:24px/
   bottom:24px/56×56, задача 22) — та же сторона означала бы прямое
   наложение. Ставим над ним, с зазором: 24 (нижний отступ виджета) +
   56 (высота виджета) + 16 (зазор) = 96px. */
.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 96px;
  z-index: 40;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--color-accent-green);
  color: var(--color-white);
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.back-to-top svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.back-to-top:hover {
  background: var(--color-text);
}

/* Cookie-баннер — на всю ширину снизу, z-index выше (задача 14/29) —
   без этого поднятия кнопка была бы под ним, пока баннер виден. Тот
   же приём и та же переменная, что уже применяет .messenger-widget
   (у него самого точно такое же поднятие, плюс наш постоянный зазор
   72px = 56 высота + 16 отступ, чтобы кнопки не съехались вместе). */
body.has-cookie-banner .back-to-top {
  bottom: calc(var(--cookie-banner-h, 90px) + 20px + 72px);
}

@media (prefers-reduced-motion: no-preference) {
  .back-to-top {
    transition: opacity 0.2s ease-in-out;
  }
}

/* Подсветка активного пункта меню. */
.site-header__nav a.is-active-page,
.site-header__mobile-menu a.is-active-page {
  color: var(--color-accent-green);
  font-weight: 600;
}

/* Задача 37, часть 4: здесь была подсветка при наведении на карточках,
   на которые нельзя нажать — затемнение фото в карточках команды и
   подъём с тенью у отзывов, счётчиков, ценностей и пунктов чек-листа
   (задача 34, раздел 8). Тень и подъём обещают клик, а кликать там
   нечего — эффект убран. У кликабельного (каталог, портфолио,
   миниатюры сертификатов, кнопки, ссылки) — оставлен. */