/* ============================================================
   sereda.lv — единый header (стиль как в CV romans.sereda.lv)
   Канонический источник: lab/shared/sereda-header.css
   Копия кладётся в public/ каждого сайта и подключается как
   <link rel="stylesheet" href="/sereda-header.css">.
   Все классы под-namespace .shdr / .shdr-* + переменные --shdr-*, чтобы
   гарантированно не конфликтовать со стилями сайта.
   ============================================================ */
:root{
  --shdr-bg:#09070f; --shdr-text:#f4eef7; --shdr-muted:#b3a6c6; --shdr-faint:#8a7da6;
  --shdr-violet:#a855f7; --shdr-magenta:#ff2d9b; --shdr-orange:#ff9d3d;
  --shdr-card:rgba(255,255,255,.06);
  --shdr-grad:linear-gradient(110deg,#a855f7 0%,#ff2d9b 52%,#ff9d3d 100%);
  --shdr-mono:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace;
  --shdr-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Roboto,sans-serif;
  --shdr-h:54px;
}
.shdr{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  background:linear-gradient(180deg,rgba(9,7,15,.82),rgba(9,7,15,.28) 70%,transparent);
  font-family:var(--shdr-sans)}
.shdr .shdr-in{display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:13px 22px;max-width:1120px;margin:0 auto}
.shdr .shdr-brand{position:static;display:flex;align-items:center;gap:10px;font-weight:700;
  letter-spacing:-.02em;color:var(--shdr-text);text-decoration:none;font-size:16px;
  font-family:var(--shdr-sans)}
.shdr .shdr-brand:hover{opacity:.92}
.shdr .shdr-orb{width:12px;height:12px;border-radius:50%;background:var(--shdr-grad);
  box-shadow:0 0 16px var(--shdr-violet);flex:none}
.shdr .shdr-right{display:flex;align-items:center;gap:14px}
.shdr .shdr-langs{display:flex;gap:2px;font-family:var(--shdr-mono);font-size:12px}
.shdr .shdr-langs a{color:var(--shdr-faint);cursor:pointer;padding:4px 7px;border-radius:6px;
  transition:.15s;text-decoration:none;user-select:none}
.shdr .shdr-langs a:hover{color:var(--shdr-text)}
.shdr .shdr-langs a.on{color:var(--shdr-orange);background:var(--shdr-card)}
/* маленькая незаметная кнопка (логин/выход и т.п.) в правой части */
.shdr .shdr-btn{font-family:var(--shdr-sans);font-size:12px;color:var(--shdr-muted);
  background:none;border:1px solid transparent;border-radius:6px;padding:4px 9px;
  cursor:pointer;text-decoration:none;transition:.15s;line-height:1.4}
.shdr .shdr-btn:hover{color:var(--shdr-text);border-color:var(--shdr-card);background:var(--shdr-card)}
.shdr .shdr-user{font-size:12px;color:var(--shdr-faint);font-family:var(--shdr-mono)}
.shdr form{margin:0;display:inline}
@media(max-width:520px){.shdr .shdr-in{padding:11px 16px}.shdr .shdr-brand{font-size:15px}}