/* Общая обвязка сайта, которую сервер вставляет во все шаблоны
   (backend/app/seo_ssr.py: _inject_chrome). Подключается последним в <head>,
   поэтому перекрывает разнобой inline-стилей .cft по страницам.
   Разметка футера — frontend/partials/footer.html, ссылки навигации —
   frontend/partials/nav-links.html. Версия ?v= — константа CHROME_CSS в seo_ssr.py
   (scripts/check_static_versions.py и bump_static.py её видят). */

/* Нижний отступ 100px: плавающая кнопка стилиста (.pc-launcher, 52px на 24px от низа)
   закрывала футер, ссылки не нажимались (UX-приёмка 23.09.2026). */
.cft{text-align:center;padding:20px 20px 100px;font-size:11px;line-height:1.6;color:var(--text2,#888);border-top:1px solid var(--border,#e0e0e0)}
footer.seo-footer{padding-bottom:100px}

/* Юридические страницы на телефоне: «← На главную» уезжала под лупу и бургер,
   которые стоят fixed справа (UX-приёмка 23.09.2026). */
@media (max-width:820px){.terms-nav-back,.pn-back{margin-right:100px}}

/* Меню шапки (набор утверждён Еленой 23.09.2026, partials/nav-links.html). Список помечен
   сервером атрибутом data-ferrum-nav — селектор по классу «…-links» ловил бы чужие списки.
   Кнопка «Подбор аромата» — основная кнопка бренда по брендбуку § 8: чёрная #1a1a1a, белый
   текст, ховер #333, радиус 8, Jost 500. Розовый металл #A38985 в брендбуке «не фоновым»
   (только акцент и градиентные подложки), металлическая — у плавающей кнопки стилиста,
   две рядом спорили бы (проверка бренд-директора 23.09.2026). */
ul[data-ferrum-nav] a.nav-cta{padding:8px 16px;border:1px solid #1a1a1a;border-radius:8px;background:#1a1a1a;color:#fff!important;font-family:'Jost',sans-serif;font-weight:500;white-space:nowrap}
ul[data-ferrum-nav] a.nav-cta:hover{background:#333;border-color:#333}
ul[data-ferrum-nav] a.nav-login{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

/* Один порог переключения шапки для всех семейств (UX-приёмка 23.09.2026, прогон 3):
   семейства прятали список на 600/768/820 px, а бургер mobile-nav.js включался только
   с 768 — в полосе 769–820 шапка дропов оставалась без навигации. С новым набором
   (6 пунктов + кнопка + лупа) список помещается в одну строку только от ~1024 px
   в компактном виде и от ~1250 px в обычном. Ниже 1024 — бургер.
   Прячем список только на странице с бургером: сервер ставит body[data-ferrum-burger], когда
   в шаблоне есть mobile-nav.js или .nv-b главной (без :has — старые Safari/Firefox). Кабинет
   и страницы без бургера остаются как были (код-ревью 23.09.2026). */
@media (max-width:1023px){
  body[data-ferrum-burger] ul[data-ferrum-nav]{display:none!important}
  body[data-ferrum-burger] .nav-burger,body[data-ferrum-burger] .nv-b{display:flex!important}
}
@media (min-width:1024px) and (max-width:1249px){
  ul[data-ferrum-nav]{gap:14px!important}
  ul[data-ferrum-nav] a{font-size:11px!important;letter-spacing:.6px!important}
  ul[data-ferrum-nav] a.nav-cta{padding:6px 10px}
}

/* Кнопка «Подбор аромата →» в мобильном меню — одинаковая на всех страницах, включая
   главную (у неё своё меню без mobile-nav.css): белая на тёмном оверлее, радиус 8 как у
   кнопки шапки (брендбук § 8). id-селектор перекрывает mobile-nav.css, где бы тот ни
   подключался. */
#mobile-menu a.primary{background:#fff;color:#1a1a1a;padding:12px 28px;border-radius:8px;margin-top:4px;font-weight:500;border:0}

/* Открытое мобильное меню: плавающая кнопка стилиста (.pc-launcher, z-index 9998) лежала
   поверх оверлея, и на экране были две кнопки подбора (решение Елены 23.09.2026: прятать).
   Класс mm-open на body ставят toggleMobileMenu в mobile-nav.js и на главной. */
body.mm-open .pc-launcher{display:none!important}