/*
 * Новая версия banzaiclub.ru — визуальный рефреш поверх существующей
 * (уже неплохо адаптивной) вёрстки general.css/home.css.
 * Задача: не ломать выверенную сетку/брейкпоинты, добавить глубины,
 * читаемости и современных деталей поверх фирменного чёрно-белого стиля
 * с зелёным акцентом (#67d200), сохранив жёсткий, "бойцовский" характер
 * бренда (без излишнего "смягчения" скруглениями).
 */

:root{
    --banzai-accent: #67d200;
    --banzai-ink: #000000;
    --banzai-ink-soft: #231f20;
    --banzai-focus: #67d200;
}

/* Плавные переходы на интерактивных элементах, которых их не было */
a, button, .btn_pink, input, select, textarea {
    transition: background-color .2s ease, color .2s ease, border-color .2s ease,
                box-shadow .2s ease, transform .15s ease;
}

/* Заметный, доступный фокус на клавиатурной навигации (WCAG) */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--banzai-focus);
    outline-offset: 2px;
}

/* Чуть больше "веса" у основных кнопок за счёт мягкой тени и hover-приподнятия */
.btn_pink, button[type="submit"] {
    box-shadow: 0 2px 0 rgba(0,0,0,.15);
}
.btn_pink:hover, button[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
.btn_pink:active {
    transform: translateY(0);
    box-shadow: 0 1px 0 rgba(0,0,0,.15);
}

/* Карточки (услуги/тренеры/новости/товары) — лёгкая тень вместо плоской заливки */
.card, .service_item, .instructor_item, .new_item, .good_item, .camp_item {
    transition: box-shadow .25s ease, transform .25s ease;
}
.card:hover, .service_item:hover, .instructor_item:hover,
.new_item:hover, .good_item:hover, .camp_item:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

/* Логотип/шапка — небольшая тень при скролле для отделения от контента */
header {
    box-shadow: 0 1px 0 rgba(0,0,0,.06);
}

/* Явное выделение активного пункта меню */
.nav a.item:hover, .nav a.general_page:hover {
    color: var(--banzai-accent);
}

/* Плейсхолдеры/скролл — не режем читаемость на маленьких экранах */
@media (max-width: 480px) {
    body { -webkit-text-size-adjust: 100%; }
}

/* Ссылка "Старая версия сайта" в футере */
.footer_old_version {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    opacity: .75;
}
.footer_old_version:hover {
    opacity: 1;
    color: var(--banzai-accent);
}