/* Joldas nav override — 2025-10-07 (guest CTA always visible) */
:root{
  --nav-text: var(--text,#e5e7eb);
  --nav-soft: var(--soft,#111827);
}
header.site-header .wrap.header-row{ align-items:center }
#topNav{
  position:relative;
  display:flex; align-items:center; justify-content:flex-end;
  min-height:48px; gap:0; background:transparent; border:0;
}
/* горизонтальный список ссылок */
#topNav .links{ display:flex; align-items:center; gap:8px; }
/* базовые текстовые ссылки (не .btn) */
#topNav .links a:not(.btn){
  display:inline-flex; align-items:center; padding:8px 12px; border-radius:10px;
  text-decoration:none; color:var(--nav-text);
}
#topNav .links a:not(.btn):hover{ background:rgba(255,255,255,.08) }
/* текущая страница — не кликается */
#topNav .links a[aria-current="page"],
#topNav .links a.is-current{
  background:rgba(255,255,255,.12); pointer-events:none; opacity:.9;
}

/* наша кнопка-бургер */
#topNav .hamburger{
  display:none !important; /* включаем в @media и/или JS */
  margin-left:8px; align-items:center; justify-content:center;
  border:0; background:transparent; padding:8px; border-radius:10px;
  cursor:pointer; color:var(--nav-text);
}
#topNav .hamburger svg{ width:22px; height:22px; display:block }

/* скрываем старую кнопку из v2.css, если попадётся */
#topNav .menu-btn, .menu-btn{ display:none !important; }

/* Принудительный «мобильный» режим флагом (для авторизованных) */
#topNav[data-force-mobile="1"] .links{ display:none; }
#topNav[data-force-mobile="1"][data-open="1"] .links{
  display:flex; position:absolute; right:0; top:48px; flex-direction:column; gap:6px;
  background:var(--nav-soft); border:1px solid rgba(255,255,255,.08);
  border-radius:12px; min-width:220px; padding:6px; z-index:999;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
#topNav[data-force-mobile="1"] .links a:not(.btn){ padding:10px 12px; border-radius:8px; }

/* ГОСТИ: CTA всегда видимы, без бургера */
#topNav[data-guest="1"] .links{ display:flex !important; gap:10px; }
#topNav[data-guest="1"] .links a.btn{ height:42px; padding:0 14px; border-radius:999px; font-weight:700; }
#topNav[data-guest="1"] .hamburger{ display:none !important; }

/* Мобильный режим по ширине: для авторизованных — бургер; для гостей — ссылки остаются видимыми */
@media (max-width: 859.98px){
  /* авторизованные */
  header.site-header #topNav:not([data-guest="1"]) .hamburger{ display:inline-flex !important; }
  header.site-header .wrap #topNav:not([data-guest="1"]) .hamburger{ display:inline-flex !important; }
  header.site-header.v2s-3aecc166 #topNav:not([data-guest="1"]) .hamburger{ display:inline-flex !important; }
  #topNav:not([data-guest="1"]) .links{ display:none; }
  #topNav:not([data-guest="1"])[data-open="1"] .links{
    display:flex; position:absolute; right:0; top:48px; flex-direction:column; gap:6px;
    background:var(--nav-soft); border:1px solid rgba(255,255,255,.08);
    border-radius:12px; min-width:220px; padding:6px; z-index:999;
    box-shadow:0 10px 30px rgba(0,0,0,.35);
  }
  #topNav:not([data-guest="1"]) .links a:not(.btn){ padding:10px 12px; border-radius:8px; }

  /* гости — CTA всегда видимы и статичны */
  #topNav[data-guest="1"] .links{ display:flex !important; position:static !important; }
}

/* Десктоп */
@media (min-width: 860px){
  #topNav .links{ display:flex; position:static; background:transparent; border:0; padding:0; box-shadow:none; }
  #topNav .hamburger{ display:none !important; }
}
