/* ============================================================
   Menyendringer — isolert fra 1:1-basen. Lastes ETTER styles.css.
   Kun: (1) symmetrisk kryss (X), (2) Stellar-aktig styling på lenkene.
   ============================================================ */

/* (1) Kryss: begge streker skal krysse i senter av 13px-boksen.
   Før: line-1 top:0 uten translate, line-2 translateY(-9.9px) → sentrene
   traff ikke hverandre, så ene streken satt høyere. Nå symmetrisk. */
.Hamburger_container2 .line-1 {
  transform: translateY(5.5px) rotate(-45deg);
  transform-origin: center center;
}
.Hamburger_container2 .line-2 {
  transform: translateY(-5.5px) rotate(45deg);
  transform-origin: center center;
}

/* (2) Menylenker — Stellar-aktig: mindre, renere, tydeligere hierarki
   (originalen var 40–50px+ / opptil ~9.7vh). Beholder FKDisplay + monokrom. */
.menu a {
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1.08;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 390px) {
  .menu a {
    font-size: clamp(28px, 3.4vw, 40px);
  }
}
@media only screen and (min-width: 768px) {
  .menu a {
    font-size: clamp(30px, 3vw, 44px);
  }
}

.menu ul li {
  margin-bottom: 0.5rem;
}

/* Rolig Stellar-hover: fargeskift + liten indent */
.menu ul li div a {
  transition: color 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.menu ul li div a:hover {
  color: #8f8f8f;
  transform: translateX(8px);
}