/* ============================================================
   OPPSLAG (Oppslag.astro) — mobilgjennomgang, okt 2026
   Overskriften blir en knapp bare paa smal skjerm, og bare med JS
   (.er-sammenleggbar). Over 767 px og uten JS er dette en vanlig
   overskrift, og ingenting her gjelder.
   ============================================================ */
.oppslag__knapp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: left;
  text-transform: inherit;
  cursor: pointer;
}
.oppslag__knapp:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
  border-radius: 4px;
}

/* «+» lukket, «−» aapen: den loddrette streken krymper bort. */
.oppslag__tegn {
  position: relative;
  flex: none;
  width: 14px;
  height: 14px;
  color: var(--aksent-tekst);
}
.oppslag__tegn::before,
.oppslag__tegn::after {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  background: currentColor;
  transition: transform 200ms ease;
}
.oppslag__tegn::before { width: 14px; height: 1.5px; }
.oppslag__tegn::after { width: 1.5px; height: 14px; }
.oppslag__knapp[aria-expanded="true"] .oppslag__tegn::after { transform: scaleY(0); }
@media (prefers-reduced-motion: reduce) {
  .oppslag__tegn::after { transition: none; }
}
html.bevegelse-av .oppslag__tegn::after { transition: none; }

/* Paa moerk bunn (tjenestene) er aksenten den lyse varianten. */
.v-explore .oppslag__tegn { color: var(--aksent-tekst-mork); }

/* Lukket: seksjonen krymper til en rad. */
.oppslag.er-sammenleggbar:has(.oppslag__knapp[aria-expanded="false"]) .v-explore__title,
.oppslag.er-sammenleggbar:has(.oppslag__knapp[aria-expanded="false"]) .v-sources__heading { margin-bottom: 0; }
.v-explore:has(.oppslag__knapp[aria-expanded="false"]) { padding-bottom: var(--space-xl); }
.v-sources:has(.oppslag__knapp[aria-expanded="false"]) { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.v-sources:has(.oppslag__knapp[aria-expanded="false"]) .v-sources__inner::after { margin-top: 0; }