/* Hovedmeny v2: Galleri, Meny (undermeny), Selskap, Om oss (undermeny). Ingen hamburger. */
.nav{align-items:center}
.nav-grp{position:relative;display:flex;align-items:center}
.nav .nav-top{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.nav-pil{width:11px;height:11px;flex:none;transition:transform .25s}
.nav-grp.open .nav-pil{transform:rotate(180deg)}
.nav .nav-top:focus-visible,.nav .nav-sub a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.nav .nav-top.is-on{color:var(--gold)}
.nav .nav-top.is-on:after{right:0}
.nav-sub{display:none;position:absolute;top:100%;left:-16px;z-index:5;min-width:190px;margin:8px 0 0;padding:8px;list-style:none;background:var(--ink2);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px #0000008c}
.nav-sub:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.nav-grp.open .nav-sub{display:block}
html:not(.js) .nav-grp:hover .nav-sub,html:not(.js) .nav-grp:focus-within .nav-sub{display:block}
.nav .nav-sub a{display:block;min-height:0;padding:11px 14px;border:0;border-radius:9px;background:none;font:500 15px/1.2 var(--sans);white-space:nowrap;color:var(--cream)}
.nav .nav-sub a:after{display:none}
.nav .nav-sub a:hover{background:var(--ink3);color:var(--gold)}
.nav .nav-sub a[aria-current=page]{background:none;color:var(--gold)}

/* 1024px er desktop: alt på én linje */
@media (min-width:1024px) and (max-width:1024px){
  .header-in{flex-wrap:nowrap}
  .nav{order:0;width:auto;margin:0;padding:0;gap:28px;overflow:visible}
  .nav a{min-height:0;padding:10px 0;border:0;border-radius:0;font-size:15px}
  .nav a:after{display:block}
  .nav a[aria-current=page]{background:none;border-color:transparent;color:var(--gold)}
}

/* Under 1024px: fire punkter i én rad under logolinjen, undermenyer som paneler i full bredde */
@media (max-width:1023px){
  .nav{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible}
  .nav-grp{position:static;display:block}
  .nav > a,.nav .nav-top{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 12px;font-size:14px;white-space:nowrap}
  .nav .nav-top.is-on{background:var(--gold);color:var(--ink);border-color:var(--gold)}
  .nav-sub{left:var(--gutter);right:var(--gutter);top:100%;min-width:0;margin-top:8px;padding:6px}
  .nav .nav-sub a{display:flex;align-items:center;min-height:48px;padding:0 16px;border:0;border-radius:9px;font-size:16px;white-space:normal}
  .nav .nav-sub a[aria-current=page]{background:var(--ink3)}
  html:not(.js) .nav-grp:hover .nav-sub,html:not(.js) .nav-grp:focus-within .nav-sub{display:none}
}
@media (max-width:767px){
  .nav{gap:4px}
  .nav > a,.nav .nav-top{padding:0 6px;font-size:13.5px;gap:4px}
}
@media (max-width:359px){
  .nav > a,.nav .nav-top{padding:0 4px;font-size:13px}
}