/* samtykke.css — Pengeguides valg oppå Silktide Consent Manager.
   ---------------------------------------------------------------
   css/silktide-consent-manager.css er vendret og skal stå uendret, så den
   kan byttes ut med en nyere versjon uten at noen må lete etter hva vi
   har endret. Alt vårt ligger her.

   Silktide eksponerer et lite sett CSS-variabler på #stcm-wrapper. Vi
   setter dem til Pengeguides palett, slik at banneret ser ut som en del av
   nettstedet og ikke som noe som er limt på utenfra. Verdiene er hentet
   fra :root i pengeguide.css, ikke gjettet.

   MERK OM KNAPPENE. Ikke overstyr .stcm-accept-all eller .stcm-reject-all.
   Kontrollert i det vendrede stilarket 14. august 2026: de to klassene har
   null regler i hele fila, og begge knappene får bare .stcm-button
   .stcm-button-primary. De er derfor pikselidentiske ved konstruksjon.
   Det er nøyaktig det Datatilsynet krever, og det er en egenskap ved koden
   vi ikke skal røre. Skal en av dem skille seg ut, er svaret nei. */

#stcm-wrapper {
  --fontFamily: Archivo, system-ui, sans-serif;

  /* --green er lenkefargen i pengeguide.css. Den brukes her og ikke
     --spruce, fordi knappene er handlinger og ikke flater. Hvit tekst på
     #0b4a7a måler godt over 4,5:1. */
  --primaryColor: #0b4a7a;

  --backgroundColor: #ffffff;
  --textColor: #0e1c28;                       /* = --ink */
  --boxShadow: 0 1px 2px rgba(14, 28, 40, .08), 0 8px 24px rgba(14, 28, 40, .12);

  --backdropBackgroundColor: rgba(14, 28, 40, .45);
  --backdropBackgroundBlur: 2px;

  --iconColor: #0b4a7a;
  --iconBackgroundColor: #ffffff;
}

/* Silktide-logoen i banneret.
   ---------------------------------------------------------------
   Den er hardkodet i silktide-consent-manager.js linje 895–902 og har
   ingen konfigurasjonsbryter, så den må skjules her.

   MIT-lisensen krever at lisensteksten følger med koden. Den kravet
   oppfyller vi i toppen av js/silktide-consent-manager.js, der hele
   lisensen står. Den krever ikke logo i grensesnittet, og å skjule den
   er derfor tillatt.

   Fjernes denne regelen, dukker en Silktide-logo opp i banneret ved
   siden av «Tilpass». Det er ikke en feil i koden vår.

   SPESIFISITETEN ER IKKE VILKÅRLIG. Det vendrede stilarket setter
   `display:flex` med velgeren `#stcm-banner a.stcm-logo` — én id, én
   klasse og ett element. En regel på `#stcm-wrapper .stcm-logo` taper mot
   den og gjør ingenting; det ble målt i nettleser 14. august 2026, med
   logoen fortsatt synlig. Velgeren under må derfor beholde både id-en,
   elementet og klassen. Forenkler du den, kommer logoen tilbake. */
#stcm-banner a.stcm-logo,
#stcm-wrapper a.stcm-logo {
  display: none;
}

/* Kredittlenken nederst i innstillingsvinduet står. Teksten er satt til
   norsk i js/samtykke.js. Den peker ut av nettstedet, og skal derfor ha
   samme dempede uttrykk som andre eksterne lenker i bunnen. */
#stcm-wrapper .stcm-credit-link {
  font-size: 13px;
  color: #4a5c6b;                             /* = --muted */
}

/* Banneret er det første leseren møter, før tallpanelet. CLAUDE.md sier at
   det første hun møter ikke skal stå i veien for grunnen til at hun kom.
   Derfor en avgrenset bredde og ikke en flate over hele skjermen. */
#stcm-banner {
  max-width: 34rem;
}

/* Kontrollen i bunnteksten.
   ---------------------------------------------------------------
   Den er en <button> og ikke en <a>, fordi den åpner et vindu i stedet for
   å navigere. Men den står i samme liste som lenkene rundt seg og skal se
   ut som dem, ellers ser den ut som en feil.

   Verdiene er ikke gjettet: de speiler .fgrid a i pengeguide.css, inkludert
   min-block-size på 2.75rem, som er der for at klikkflaten skal være stor
   nok på berøringsskjerm. Endres den regelen, skal denne endres med. */
.fgrid .bunn-knapp {
  display: inline-flex;
  align-items: center;
  min-block-size: 2.75rem;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.fgrid .bunn-knapp:hover {
  color: var(--green);
}