/* ------------------------------------------------------------
   Behandlingsnett footer

   Samme uttrykk som headeren og forsiden: hvit bunn, mye luft, tydelige
   skiller, rolig typografi. Fire bånd nedover, hvert med sin jobb:

     1. Hjelpetelefonene. De står øverst og de står alltid.
     2. Oppfordringen til behandlere, i merkevaregrønt.
     3. Lenkene, i tre spalter.
     4. Copyright og ansvarsfraskrivelse.

   Alle farger står som tall. Ikke fordi tokens er feil, men fordi denne
   filen har laert av forsiden: en farge satt med var() som ikke lar seg loese
   blir ugyldig, og en ugyldig `color` arver – noe som på en mørk flate
   betyr hvit tekst på hvit knapp. En footer skal ikke kunne bli usynlig.
   ------------------------------------------------------------ */

.bnfoot{
  --fo-blekk:#14241d;
  --fo-blekk-2:#4a5a52;
  --fo-dus:#5f6f67;
  --fo-linje:#e6e8e6;
  --fo-mykt:#f4f6f4;
  --fo-gronn:#388051;
  --fo-gronn-m:#2f7048;
  --fo-pine:#16352b;

  display:block;
  margin:0;
  background:#fff;
  color:#4a5a52;
  font-family:var(--bnett-font-body,"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif);
  font-size:15px;
  line-height:1.6;
  border-top:1px solid var(--fo-linje);
}
.bnfoot *{ box-sizing:border-box; }

.bnfoot .bnfoot__inner{
  max-width:1160px;
  margin:0 auto;
  padding-inline:24px;
}

/* ---- 1. hjelpetelefonene ---- */
.bnfoot .bnfoot__akutt{ background:var(--fo-mykt); padding-block:20px; }
.bnfoot .bnfoot__akutt-tittel{
  margin:0 0 8px;
  /* 11px var under vaar egen grense paa 12. Versaler med sperring leses
     dessuten smalere enn tallet tilsier. */
  font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:#5f6f67;
}
.bnfoot .bnfoot__akutt-liste{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap; gap:6px 28px;
}
.bnfoot a{ color:inherit; }
.bnfoot .bnfoot__akutt-liste a{
  display:inline-flex; align-items:baseline; gap:7px;
  color:#14241d; text-decoration:none; font-size:14.5px;
  padding:4px 0;
}
.bnfoot .bnfoot__akutt-liste a:hover b,
.bnfoot .bnfoot__akutt-liste a:focus b{ text-decoration:underline; }
.bnfoot .bnfoot__akutt-liste b{ color:#16352b; font-weight:700; font-variant-numeric:tabular-nums; }
.bnfoot .bnfoot__akutt-liste span{ color:#5f6f67; }

/* ---- 2. oppfordringen ---- */
.bnfoot .bnfoot__cta{ background:#388051; padding-block:22px; }
.bnfoot .bnfoot__cta-rad{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px;
}
.bnfoot .bnfoot__cta-tekst{
  margin:0; color:#fff; font-size:16px; max-width:64ch;
}
.bnfoot .bnfoot__cta-tekst strong{ color:#fff; font-weight:700; }
/* Hvit knapp, mørk tekst. Fargen staar som tall og med !important fordi
   akkurat denne kombinasjonen er den som har sviktet foer. */
.bnfoot a.bnfoot__cta-knapp{
  flex:none;
  display:inline-flex; align-items:center; justify-content:center;
  min-height:46px; padding:12px 26px;
  border-radius:999px; border:0;
  background:#fff !important;
  color:#16352b !important;
  font-weight:700; font-size:15.5px; text-decoration:none;
  transition:background .15s ease;
}
.bnfoot a.bnfoot__cta-knapp:hover,
.bnfoot a.bnfoot__cta-knapp:focus{ background:#e8efe6 !important; color:#16352b !important; }
.bnfoot a.bnfoot__cta-knapp:focus-visible{ outline:3px solid #fff; outline-offset:3px; }

/* ---- 3. lenkene ---- */
.bnfoot .bnfoot__hoved{ padding-block:44px 36px; }
.bnfoot .bnfoot__kolonner{
  display:grid;
  grid-template-columns:1.4fr 1.2fr .9fr;
  gap:40px;
}

.bnfoot a.bnfoot__logo{
  display:inline-block;
  color:#14241d; text-decoration:none;
  font-family:var(--bnett-font-head,"Bricolage Grotesque",-apple-system,system-ui,sans-serif);
  font-size:20px; font-weight:800; letter-spacing:-.02em; line-height:1;
}
.bnfoot a.bnfoot__logo span{ color:#388051; }
.bnfoot a.bnfoot__logo:focus-visible{ outline:2px solid #388051; outline-offset:3px; }

.bnfoot .bnfoot__slagord{
  margin:12px 0 0; max-width:42ch;
  color:#5f6f67; font-size:14.5px;
}
.bnfoot .bnfoot__epost{ margin:12px 0 0; }
.bnfoot .bnfoot__epost a{
  /* Inline-boks uten hoeyde er ikke en klikkflate. Den var 16px hoey. */
  display:inline-block; padding:5px 0;
  color:#2f7048; font-weight:600; text-decoration:none; font-size:14.5px;
}
.bnfoot .bnfoot__epost a:hover{ text-decoration:underline; }

.bnfoot .bnfoot__tittel{
  margin:0 0 12px;
  font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:#5f6f67;
  font-family:inherit;
}
.bnfoot .bnfoot__liste{ list-style:none; margin:0; padding:0; }
.bnfoot .bnfoot__liste--to{ columns:2; column-gap:24px; }
.bnfoot .bnfoot__liste li{ margin:0; break-inside:avoid; }
.bnfoot .bnfoot__liste a{
  display:block; padding:5px 0;
  color:#4a5a52; text-decoration:none; font-size:14.5px;
}
.bnfoot .bnfoot__liste a:hover,
.bnfoot .bnfoot__liste a:focus{ color:#16352b; text-decoration:underline; }
.bnfoot .bnfoot__liste a:focus-visible{ outline:2px solid #388051; outline-offset:2px; border-radius:3px; }

/* ---- 4. bunnlinjen ---- */
.bnfoot .bnfoot__bunn{ border-top:1px solid var(--fo-linje); padding-block:18px 26px; }
.bnfoot .bnfoot__bunn-rad{
  display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 24px;
}
.bnfoot .bnfoot__bunn-rad p{ margin:0; color:#5f6f67; font-size:13.5px; }
.bnfoot .bnfoot__note{ max-width:56ch; }

@media (max-width:900px){
  .bnfoot .bnfoot__kolonner{ grid-template-columns:1fr 1fr; gap:32px; }
  .bnfoot .bnfoot__merke{ grid-column:1 / -1; }
}
@media (max-width:560px){
  .bnfoot .bnfoot__inner{ padding-inline:16px; }
  .bnfoot .bnfoot__kolonner{ grid-template-columns:1fr; gap:28px; }
  .bnfoot .bnfoot__liste--to{ columns:2; }
  .bnfoot .bnfoot__cta-rad{ flex-direction:column; align-items:flex-start; }
  .bnfoot a.bnfoot__cta-knapp{ width:100%; }
  .bnfoot .bnfoot__akutt-liste{ flex-direction:column; gap:2px; }
}
@media (max-width:400px){
  .bnfoot .bnfoot__liste--to{ columns:1; }
}

@media (prefers-reduced-motion:reduce){
  .bnfoot a.bnfoot__cta-knapp{ transition:none; }
}