.fullscreen-cover h1 {
  color: #ffffff !important;
  font-size: 3vw; /* Større tekst */
  text-align: center;
  margin: 0 auto;
  max-width: 70%; /* Sørger for at teksten ikke overstiger 70% av skjermen */
  z-index: 999;
  opacity: 0; /* Start usynlig */

  /* Legg til tekstskyggene for ekstra effekt */
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7),
               0 0 20px rgba(0, 0, 0, 0.5),
               0 0 30px rgba(0, 0, 0, 0.3);

  /* Animasjon for fade-in */
  animation: fadeIn 2s ease-out forwards;
}

/* Fade-in animasjon */
@keyframes fadeIn {
  0% {
    opacity: 0;  /* Begynner usynlig */
  }
  100% {
    opacity: 1;  /* Slutter fullt synlig */
  }
}
.fs-toggle {
    position: fixed;
    right: clamp(10px, 2vw, 20px);
    bottom: clamp(10px, 2vw, 20px);
    z-index: 100000; /* over ticker og swiper */
    width: 42px; height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(6px);
    display: grid; place-items: center;
    cursor: pointer;
    opacity: .65;
    transition: opacity .2s ease, transform .2s ease, background .2s ease;
    pointer-events: auto; /* i tilfelle noe under har pointer-events: none */
  }

  .fs-toggle:hover {
    opacity: 1;
    transform: translateY(-1px);
  }

  /* 🔧 Hvite ikoner med ca 80 % transparens */
  .fs-toggle svg {
    width: 20px;
    height: 20px;
    display: block;
    color: rgba(255,255,255,0.8);  /* gjør ikonene hvite og 80 % transparente */
    fill: currentColor;
  }

  .fs-toggle[hidden] {
    display: none !important;
  }

  /* Flytt knappen litt opp hvis ticker vises nederst */
  body.has-ticker .fs-toggle {
    bottom: clamp(116px, 5vh, 88px);
  }

  @media (prefers-contrast: more) {
    .fs-toggle {
      border-color: #fff;
      background: #000;
      opacity: .95;
    }
    .fs-toggle svg {
      color: #fff;
    }
  }

   /* Oppdaterings-indikator (liten prikk nederst) */
  .update-indicator {
    position: fixed;
    left: clamp(10px, 2vw, 18px);
    bottom: clamp(10px, 2vw, 18px);
    width: 12px; height: 12px;
    border-radius: 999px;
    background: #22c55e;   /* grønn */
    box-shadow: 0 0 0 0 rgba(34,197,94,.6);
    opacity: 0;             /* usynlig til den animeres */
    z-index: 100000;        /* over innhold */
    pointer-events: none;
  }
  body.has-ticker .update-indicator {
    bottom: clamp(56px, 5vh, 88px); /* flytt opp når ticker er aktiv */
  }

  /* Animasjoner */
  @keyframes ui-blink-ok {
    0%   { opacity: 0; transform: scale(0.8); box-shadow: 0 0 0 0 rgba(34,197,94,.6); }
    25%  { opacity: 1; transform: scale(1);   box-shadow: 0 0 0 6px rgba(34,197,94,.0); }
    50%  { opacity: .9;                        box-shadow: 0 0 0 0 rgba(34,197,94,.6); }
    100% { opacity: 0; transform: scale(0.8); box-shadow: 0 0 0 10px rgba(34,197,94,0); }
  }
  @keyframes ui-blink-err {
    0%   { opacity: 0; transform: scale(0.8); box-shadow: 0 0 0 0 rgba(239,68,68,.6); }
    25%  { opacity: 1; transform: scale(1);   box-shadow: 0 0 0 6px rgba(239,68,68,.0); }
    50%  { opacity: .9;                        box-shadow: 0 0 0 0 rgba(239,68,68,.6); }
    100% { opacity: 0; transform: scale(0.8); box-shadow: 0 0 0 10px rgba(239,68,68,0); }
  }

  .update-indicator.anim-ok  { animation: ui-blink-ok 900ms ease-out 1; }
  .update-indicator.anim-err { animation: ui-blink-err 900ms ease-out 1; }

  /* Respektér redusert animasjon */
  @media (prefers-reduced-motion: reduce) {
    .update-indicator.anim-ok,
    .update-indicator.anim-err { animation-duration: 200ms; }
  }