/* layout.css — общая навигация BarsStal (PHASE B, STEP B2).
   Header + мобильный drawer. Новый, независимый слой поверх существующих
   страниц — ничего в calculator/legal-контенте не переносилось сюда. */

.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(13,18,25,.92);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--border);
}
.site-header-inner{
  max-width:1180px;margin:0 auto;padding:0 20px;
  display:flex;align-items:center;gap:28px;min-height:60px;
}
.site-brand{
  display:flex;align-items:center;gap:9px;color:var(--text-primary);text-decoration:none;
  font-family:var(--font-display);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.02em;
  flex-shrink:0;
}
.site-brand-logo{width:24px;height:24px;border-radius:50%;object-fit:cover;}

.site-nav{display:flex;align-items:center;gap:22px;flex:1;}
.nav-link{
  color:var(--text-secondary);text-decoration:none;background:none;border:none;
  font-family:var(--font-mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;
  cursor:pointer;padding:8px 2px;display:inline-flex;align-items:center;gap:7px;
  transition:color .15s;
}
.nav-link:hover{color:var(--text-primary);}
.nav-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm);}
.nav-link.is-disabled{color:var(--text-muted);cursor:default;}
.nav-link.is-disabled:hover{color:var(--text-muted);}
.nav-link .badge{font-size:9.5px;padding:2px 7px;}

.site-header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.site-header-actions .button{padding:9px 16px;min-height:36px;font-size:11.5px;}

.hamburger{
  display:none;flex-direction:column;justify-content:center;gap:4px;
  width:38px;height:38px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);
  cursor:pointer;padding:0;align-items:center;
}
.hamburger span{width:16px;height:2px;background:var(--text-secondary);display:block;}
.hamburger:hover{border-color:#3a4a5c;}
.hamburger:focus-visible{outline:none;box-shadow:var(--focus-ring);}

.drawer-overlay{position:fixed;inset:0;background:rgba(6,9,13,.72);z-index:200;}
.site-drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(300px,84vw);z-index:201;
  background:var(--surface);border-left:1px solid var(--border);
  padding:20px 20px 28px;display:flex;flex-direction:column;gap:4px;
  box-shadow:var(--shadow-sm);
}
/* [hidden] и наш display:flex/block имеют одинаковую специфичность — без явного
   правила автор-стиль побеждает UA-стиль, и элемент с атрибутом hidden всё равно
   показывается. Явно возвращаем ожидаемое поведение hidden. */
.drawer-overlay[hidden], .site-drawer[hidden]{display:none;}
.site-drawer .modal-close{align-self:flex-end;margin-bottom:10px;}
.site-drawer .nav-link{padding:13px 4px;font-size:13px;border-bottom:1px solid var(--border-soft);width:100%;}
.site-drawer .button{margin-top:14px;width:100%;}

/* лёгкая подсветка блока статуса/входа, когда на него переходят через "Аккаунт" в новой навигации */
.site-highlight{box-shadow:0 0 0 2px var(--accent) !important;transition:box-shadow .2s;}

@media (max-width:768px){
  .site-nav, .site-header-actions .nav-link, .site-header-actions .button{display:none;}
  .hamburger{display:flex;}
  .site-header-inner{min-height:54px;}
}