/* Мобильное меню (бургер + drawer) для страниц без style.css: fotokniga.html, review.html,
   restore-review.html. Логика в /nav-mobile.js (id navBurger/navDrawer, класс is-open).
   Собственные имена классов navm-burger/navm-drawer/navm-drawer-link — не совпадают с
   nav-burger/nav-drawer из index.html и style.css: fotokniga.html грузит albums-section.css
   (машинное подмножество style.css) для раздела конструктора, и правила .nav-burger/.nav-drawer
   из общей темы цепляли бы этот drawer, опираясь на переменные (--fg, --line), которых на этой
   странице нет.
   Цвета только через переменные с фолбэком на оба набора имён: fotokniga.html и review.html
   держат fk-палитру (--fk-ink/--fk-bg/--fk-line), restore-review.html держит терракотовую
   без fk-префикса (--ink/--bg/--line). */

.navm-burger {
  display: none;
  align-items: center;
  justify-content: center;
  background: none;
  border: 1.5px solid var(--fk-ink, var(--ink, #1d1a17));
  border-radius: 999px;
  padding: 8px 14px;
  min-height: 44px;
  cursor: pointer;
  flex-shrink: 0;
  color: var(--fk-ink, var(--ink, #1d1a17));
  line-height: 1;
  transition: background 0.16s ease;
}
.navm-burger:hover { background: var(--hover-layer, rgba(0,0,0,.04)); }
.navm-burger:active { background: var(--press-layer, rgba(0,0,0,.08)); }
.navm-burger svg { display: block; }

@media (max-width: 820px) {
  .navm-burger { display: flex; }
}

.navm-drawer {
  position: fixed;
  top: var(--hdr, 63px);
  left: 0; right: 0;
  background: var(--fk-bg, var(--bg, #fdfbf7));
  border-bottom: 1px solid var(--fk-line, var(--line, rgba(0,0,0,.1)));
  box-shadow: 0 8px 32px rgba(0,0,0,.12);
  z-index: 99;
  padding: 8px 16px 24px;
  clip-path: inset(0 0 100% 0);
  transition: clip-path 0.3s ease;
  pointer-events: none;
}
.navm-drawer.is-open {
  clip-path: inset(0 0 0% 0);
  pointer-events: auto;
}
/* :where() держит специфичность на нуле: на fotokniga.html пункт «Фотомастерская» в drawer
   несёт ещё и класс .fk-restore-link (display:none по умолчанию, показывается только внутри
   html.is-build.auth-likely-logged-in) — без :where() наше display:block спорило бы с ним по
   порядку подключения файлов, а не по смыслу. Так побеждает всегда более специфичное правило
   страницы, независимо от того, где в head лежит этот файл. */
:where(.navm-drawer-link) {
  display: block;
  /* Эталон в style.css обходится без этой строки: там есть глобальный сброс a{text-decoration:none}.
     Три наши страницы style.css не подключают, и без сброса пункты меню идут подчёркнутыми. */
  text-decoration: none;
  padding: 15px 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--fk-ink, var(--ink, #1d1a17));
  border-bottom: 1px solid var(--fk-line, var(--line, rgba(0,0,0,.1)));
  transition: color 0.15s;
}
:where(.navm-drawer-link):hover { color: var(--fk-ink, var(--ink, #1d1a17)); }

/* Экран стал шире порога — бургер гаснет, а открытый drawer иначе остаётся висеть: закрыть его
   нечем, nav-mobile.js слушает только клик вне панели, ни Esc, ни resize он не ловит. Реальный
   вход не десктопный ресайз, а поворот телефона: 390x844 в альбомной ориентации даёт 844px. */
@media (min-width: 821px) {
  .navm-drawer { display: none; }
}