/* ═══════════════════════════════════════════════════════════════════════════
   AMBASSADOR · ЕДИНОЕ ПРАВИЛО ШАПКИ                       /assets/nav.css
   ───────────────────────────────────────────────────────────────────────────
   Правка Темура 09.08: на «Письме основателя» и на страницах с фото логотип и
   пункты меню были светлыми на светлом фоне — почти невидимы. Причина: шапка
   была скопирована в каждую страницу отдельно, и цвет букв жил в двадцати
   местах сразу. Здесь он живёт в одном.

   КАК ПОЛЬЗОВАТЬСЯ (три шага, новая страница — тоже):
     1) в <head> после своего <style> дописать:
        <link rel="stylesheet" href="/assets/nav.css">
     2) элементу шапки дать класс site-nav:
        <nav id="nav" class="site-nav">…  либо  <div class="bar site-nav">…
     3) телу страницы сказать, что за фон под шапкой:

        <body>                          светлый однотонный фон → ТЁМНОЕ меню
        <body class="nav-light">        то же самое, явно
        <body class="nav-dark">         фото / видео / тёмный верх → СВЕТЛОЕ меню
                                        + деликатная тёмная вуаль под шапкой;
                                        при прокрутке шапка становится кремовой
                                        плитой и буквы сами темнеют
        <body class="nav-dark nav-stay">тёмная плита, которая остаётся тёмной и
                                        после прокрутки (страницы городов) —
                                        вуаль не нужна, фон рисует сама страница

   Класс забыли — страница получает ТЁМНОЕ меню на светлом фоне. Это осознанный
   выбор умолчания: так ошибка выглядит как чуть более контрастная шапка, а не
   как исчезнувшее меню.

   ЧЕГО ЗДЕСЬ НЕТ И НЕ ДОЛЖНО БЫТЬ: text-shadow и свечения вокруг букв. Контраст
   над фотографией держит вуаль (scrim) под шапкой, а не обводка текста —
   тени удешевляют премиум. text-shadow:none ниже стоит намеренно: он гасит
   тени, оставшиеся в старой вёрстке страниц.

   Цвет шапки задаётся переменными --nav-*; правила ниже их только читают.
   Хотите поменять оттенок — правьте переменную, а не два десятка селекторов.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── тема по умолчанию: тёмные буквы на светлом ─────────────────────────── */
.site-nav{
  --nav-fg:        #1c1f2e;              /* логотип                         */
  --nav-fg-2:      #5b5347;              /* пункты меню                     */
  --nav-fg-hover:  #1c1f2e;
  --nav-dot:       #a2803f;              /* точка после логотипа            */
  --nav-line:      rgba(28,31,46,.26);   /* рамки кнопки-бургера и языков   */
  --nav-pill-bg:   #1c1f2e;              /* активный язык                   */
  --nav-pill-fg:   #f6f1e8;
  --nav-btn-bg:    transparent;
}

/* ── тёмная тема: светлые буквы над фото, видео и тёмным фоном ──────────── */
body.nav-dark .site-nav{
  --nav-fg:        #fbf7f0;
  --nav-fg-2:      #ece4d5;
  --nav-fg-hover:  #ffffff;
  --nav-dot:       #e2bd74;
  --nav-line:      rgba(243,230,196,.46);
  --nav-pill-bg:   #f3ece0;
  --nav-pill-fg:   #1c1f2e;
  --nav-btn-bg:    rgba(12,11,9,.42);
}

/* прокрутили страницу с фото: под шапкой уже кремовая плита — буквы темнеют.
   Страницы с постоянно тёмной плитой (.nav-stay) сюда не попадают. */
body.nav-dark:not(.nav-stay) .site-nav.scrolled{
  --nav-fg:        #1c1f2e;
  --nav-fg-2:      #5b5347;
  --nav-fg-hover:  #1c1f2e;
  --nav-dot:       #a2803f;
  --nav-line:      rgba(28,31,46,.26);
  --nav-pill-bg:   #1c1f2e;
  --nav-pill-fg:   #f6f1e8;
  --nav-btn-bg:    transparent;
}

/* ── буквы ──────────────────────────────────────────────────────────────── */
.site-nav .wordmark,
.site-nav .wm-name{color:var(--nav-fg);text-shadow:none}
.site-nav .wordmark .dot{color:var(--nav-dot);text-shadow:none}

.site-nav .navlinks a,
.site-nav .barlinks a,
.site-nav .nav-links a.link{color:var(--nav-fg-2);text-shadow:none}
.site-nav .navlinks a:hover,
.site-nav .barlinks a:hover,
.site-nav .nav-links a.link:hover{color:var(--nav-fg-hover)}

/* ── переключатель языка ────────────────────────────────────────────────── */
.site-nav .lang-switch{border-color:var(--nav-line)}
.site-nav .lang-switch button,
.site-nav .lang-switch a{color:var(--nav-fg-2)}
.site-nav .lang-switch button[aria-pressed="true"],
.site-nav .lang-switch a.active{background:var(--nav-pill-bg);color:var(--nav-pill-fg)}
.site-nav .lang{border-color:var(--nav-line)}
.site-nav .lang button:not(.active){color:var(--nav-fg-2)}

/* ── кнопка мобильного меню ─────────────────────────────────────────────── */
.site-nav .navbtn{border-color:var(--nav-line);background:var(--nav-btn-bg)}
.site-nav .navbtn span{background:var(--nav-fg)}
body.nav-dark .site-nav:not(.scrolled) .navbtn{
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* ── вуаль под шапкой над фото и видео ──────────────────────────────────────
   Тонкая тёмная подложка, уходящая в ноль ниже шапки: она держит контраст
   вместо теней у букв. Ниже самой шапки продлена на 44px, чтобы край не
   читался линией. */
body.nav-dark:not(.nav-stay) .site-nav{background:none}
body.nav-dark:not(.nav-stay) .site-nav::before{
  content:"";position:absolute;inset:0 0 -44px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(12,11,9,.56) 0%,
    rgba(12,11,9,.48) 54%,
    rgba(12,11,9,.24) 78%,
    rgba(12,11,9,0)  100%);
  transition:opacity .45s ease}
body.nav-dark:not(.nav-stay) .site-nav.scrolled{
  background:oklch(94.5% .013 84 / .96);box-shadow:0 1px 0 rgba(28,31,46,.10)}
body.nav-dark:not(.nav-stay) .site-nav.scrolled::before{opacity:0}

/* ── мобильная выпадающая панель ────────────────────────────────────────────
   Панель — кремовая плита под шапкой, поэтому внутри неё буквы всегда тёмные,
   даже когда сама шапка светлая над фотографией. */
@media(max-width:640px){
  /* только ОТКРЫТАЯ панель: на страницах туров бургера нет и .navlinks остаётся
     обычной строкой поверх фотографии — там буквы должны оставаться светлыми
     (поймано рендером: «КОНТАКТЫ» темнели над тёмной вуалью) */
  .site-nav.menu-open .navlinks{
    --nav-fg-2:     #5b5347;
    --nav-fg-hover: #1c1f2e;
    --nav-line:     rgba(28,31,46,.26);
    --nav-pill-bg:  #1c1f2e;
    --nav-pill-fg:  #f6f1e8;
  }
}

/* ── тесный экран ───────────────────────────────────────────────────────────
   На страницах туров бургера нет, и при 390px логотип наезжал на «CONTACT»
   (поймано рендером). Логотип уступает место пунктам — правило общее, чтобы
   новая страница не повторила. */
@media(max-width:560px){
  nav.site-nav .wordmark{font-size:1.12rem;letter-spacing:.11em}
  nav.site-nav .navlinks{min-width:0}
}

@media (prefers-reduced-motion:reduce){
  body.nav-dark:not(.nav-stay) .site-nav::before{transition:none}
}
