/* ============================================================
   e-uzd — УНІВЕРСАЛЬНИЙ хедер сайту (один на всіх сторінках).
   Markup: partials/header.php. Підключається і на головній (Bootstrap),
   і на сторінках-протоколів (protocol.css). Самодостатній — класи .site-*,
   не залежить від ресетів цих фреймворків. Потребує remixicon.css + Nunito/Inter.
   ============================================================ */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line,#E2ECEE);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.site-header *{box-sizing:border-box}
.site-header a{-webkit-tap-highlight-color:transparent}
.site-header__in{max-width:1140px;margin:0 auto;padding:0 18px;height:64px;
  display:flex;align-items:center;gap:16px}

.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.site-logo img{width:36px;height:36px;display:block}
.site-logo__word{font-family:'Nunito',sans-serif;font-weight:900;font-size:22px;
  letter-spacing:-.5px;color:var(--ink,#0E2730);line-height:1}
.site-logo__word span{color:var(--teal-d,#2A9DA0)}

.site-collapse{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-menu{display:flex;align-items:center;gap:26px}
.site-menu a{color:var(--ink,#0E2730);font-weight:500;font-size:15px;text-decoration:none}
.site-menu a:hover,.site-menu a:focus{color:var(--teal-dd,#0F7A7D)}

.site-actions{display:flex;align-items:center;gap:14px}
.site-soc{display:inline-flex;align-items:center;gap:12px;font-size:20px;line-height:1}
.site-soc a{display:inline-flex;text-decoration:none;transition:transform .15s,opacity .15s}
.site-soc a:hover{transform:translateY(-1px);opacity:.85}
.site-soc .tg{color:#229ED9}
.site-soc .fb{color:#1877F2}
.site-soc .yt{color:#FF0000}

/* Кнопки Вхід / Реєстрація — лише бренд-кольори в усіх станах (без фіолетового фокусу) */
.site-login,.site-reg{text-decoration:none;font-weight:700;font-size:14px;
  padding:9px 18px;border-radius:10px;white-space:nowrap;transition:.15s;
  display:inline-flex;align-items:center;line-height:1;cursor:pointer}
.site-login{border:1.5px solid var(--teal-d,#2A9DA0);color:var(--teal-dd,#0F7A7D);background:#fff}
.site-login:hover,.site-login:focus,.site-login:active{background:var(--teal-bg,#EAF8F8);
  color:var(--teal-dd,#0F7A7D);border-color:var(--teal-d,#2A9DA0);box-shadow:none;outline:none}
.site-reg{background:var(--teal-d,#2A9DA0);color:#fff;border:1.5px solid var(--teal-d,#2A9DA0)}
.site-reg:hover,.site-reg:focus,.site-reg:active{background:var(--teal-dd,#0F7A7D);color:#fff;
  border-color:var(--teal-dd,#0F7A7D);box-shadow:none;outline:none}
.site-login:focus-visible,.site-reg:focus-visible{outline:2px solid var(--teal-d,#2A9DA0);outline-offset:2px}

.site-burger{display:none;border:0;background:transparent;color:var(--ink,#0E2730);
  font-size:26px;line-height:1;cursor:pointer;padding:4px}

/* ---- Мобільне меню (бургер) ---- */
@media (max-width:820px){
  .site-header__in{height:auto;min-height:56px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
  .site-burger{display:inline-flex;margin-left:auto}
  .site-collapse{display:none;flex:1 1 100%;width:100%;flex-direction:column;align-items:stretch;gap:12px;
    padding:10px 0 4px;border-top:1px solid var(--line,#E2ECEE)}
  .site-header.open .site-collapse{display:flex}
  .site-menu{flex-direction:column;align-items:stretch;gap:0}
  .site-menu a{padding:11px 2px;font-size:16px;border-bottom:1px solid var(--line,#E2ECEE)}
  .site-actions{flex-direction:column;align-items:stretch;gap:10px}
  .site-soc{justify-content:center;font-size:24px;gap:22px;padding:6px 0}
  .site-login,.site-reg{justify-content:center;padding:11px;font-size:15px}
}