:root{
  --jaba-yellow:#ffe800;
  --jb-font: "Oswald", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

html, body { overflow-x:hidden !important; }

/* ✅ KUN TYPOGRAFI-LOCK PÅ HEADER + MENU + SØG (ikke hele siden) */
.site-header,
.site-header *,

.main-nav,
.main-nav a,

.mobile-menu,
.mobile-menu a,

#searchBar,
#searchBar input,

#searchResults,
#searchResults *{
  font-family: var(--jb-font) !important;
}

/* ✅ HARD LOCK: header må ALDRIG forsvinde ved scroll */
.site-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  height: 58px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;

  background: #000 !important;
  color:#fff !important;

  border-bottom: 3px solid var(--jaba-yellow) !important;

  z-index: 999999 !important;

  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* LOGO */
.logo img{
  height:34px;
  width:auto;
  display:block;
  margin:0;
}

/* PC MENU */
.main-nav{ display:flex; gap:22px; }
.main-nav a{
  color:#fff !important;
  text-decoration:none;
  font-size:16px;
  font-weight:600;
  padding-bottom:4px;
  position:relative;
  white-space:nowrap;
}
.main-nav a.active::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-6px;
  height:3px;
  background:var(--jaba-yellow);
  border-radius:999px;
}

/* SØG */
.search-icon{
  cursor:pointer;
  padding:8px;
  display:flex;
  align-items:center;
}
.search-icon img{ width:24px; height:24px; margin-top:1px; }

/* BURGER */
.burger{
  display:none;
  flex-direction:column;
  gap:4px;
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
}
.burger span{
  width:26px;
  height:3px;
  background:#fff;
  margin-top:1px;
}

/* SEARCH BAR */
#searchBar{
  display:none;
  position:fixed;
  top:58px;
  left:50%;
  transform:translateX(-50%);
  width:85%;
  max-width:330px;
  background:#fff;
  border:2px solid #ccc;
  border-radius:10px;
  padding:10px 18px;
  z-index: 999990;
}
#searchBar.show{ display:block; }
#searchBar input{
  width:100%;
  font-size:16px;
  border:none;
  outline:none;
  background:transparent;
}

/* MOBIL MENU */
.mobile-menu{
  display:none;
  position:fixed;
  top:58px;
  left:0;
  right:0;
  background:#000;
  padding:20px 20px 15px;
  border-bottom:3px solid var(--jaba-yellow);
  z-index: 999980;
}
.mobile-menu a{
  display:block;
  color:#fff !important;
  font-size:17px;
  padding:10px 0;
  border-bottom:1px solid #111;
  text-align:left;
}
.mobile-menu.open{ display:block !important; }

/* MOBIL */
@media (max-width:900px){
  .main-nav{ display:none; }
  .burger{ display:flex; }
}

/* RESULTS */
#searchResults{
  position:fixed;
  top:120px;
  left:50%;
  transform:translateX(-50%);
  width:85%;
  max-width:330px;
  background:#fff;
  border:2px solid #ccc;
  border-radius:10px;
  padding:4px 0;
  z-index: 999970;
  display:none;
}
#searchResults.show{ display:block; }
.sr-item{
  padding:10px 14px;
  border-bottom:1px solid #eee;
  cursor:pointer;
  text-align:left;
  font-size:15px;
}
.sr-item:hover{ background:#f6f6f6; }
.sr-item strong{ display:block; font-size:16px; margin-bottom:2px; }
.sr-no{ padding:12px; text-align:center; color:#666; }

/* Fælles afstand på profiloversigter */
body.jaba-profiloversigt {
    padding-top: 60px !important;
}