/* =========================
   Header (layout)
========================= */

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255,255,255,.9);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--vcom-border);
}

body { padding-top: var(--vcom-header-h,72px); } /* skapar plats för fixed header */

/* Topbar */
.topbar { background:#111; color:#fff; font-size:.85rem; }
.topbar__inner {
  display:flex; justify-content:space-between; align-items:center;
  padding:.25rem 0;
}
.topbar__msg { font-weight:500; }

/* Layout-rad */
.header-inner {
  height: var(--vcom-header-h,72px);
  display: flex;
  align-items: center;
  gap: 1rem;
}

.mobile-toggle { order:-1; }
.branding       { order:0; }
.primary-nav    { order:1; flex:1 1 auto; }
.header-actions { order:2; margin-left:auto; }

/* Branding */
.branding img { max-height:48px; width:auto; }
.site-title    { font-weight:700; text-decoration:none; color:inherit; }

/* Mobile toggle */
.mobile-toggle {
  display:none;
  font-size:1.6rem;
  background:transparent;
  border:0;
  cursor:pointer;
  line-height:1;
  color:#111;
}
.mobile-toggle svg { width:24px; height:24px; display:block; }
.mobile-toggle path { stroke:currentColor; }

@media (max-width:960px){
  .mobile-toggle { display:inline-flex; order:-1; }
}

/* Adminbar-kompensation (WP) */
@media (min-width:783px){ body.admin-bar .site-header { top:32px; } }
@media (max-width:782px){ body.admin-bar .site-header { top:46px; } }