/* felles.css — Delte hjelpeklasser for mønstre som gjentar seg på tvers av flere
   sider (footer-logo-boksen, skjul/vis, enkle mellomrom osv.). Inkluderes sammen
   med hver enkelt sides egen CSS-fil. Erstatter tidligere inline style="..."-
   attributter, som en streng Content-Security-Policy (style-src) ikke tillater.
   Ligger i public_html/default/. */

/* Lenker uten egen klasse får nettstedets gullfarge i stedet for nettleserens blå/lilla. */
a { color: #8b6f2a; }

.skjult { display: none; }
.flex-1 { flex: 1; }

.mt-halv { margin-top: 0.5rem; }
.mt-1 { margin-top: 1rem; }
.mt-1-5 { margin-top: 1.5rem; }
.mt-2 { margin-top: 2rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-1-5 { margin-bottom: 1.5rem; }
.mb-2 { margin-bottom: 2rem; }
.m0 { margin: 0; }

.tekst-sentrert { text-align: center; }
.tekst-hoyre { text-align: right; }
.tom-tilstand-tekst { text-align: center; color: #999; }
.feilrod { color: #8b1a1a; }

.lenke-muted { color: var(--muted); text-decoration: underline; }
.lenke-gold { color: var(--gold); text-decoration: underline; }

.skille-punkt { margin: 0 0.6rem; }

/* Footer-logo-boksen som gjentas identisk på flere sider (personvern, kjøpsbetingelser,
   arveveiviser, signeringsveiledning m.fl.) */
.footer-logo-boks {
  margin-top: 1.2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.footer-logo-img {
  height: 32px;
  width: auto;
  margin-bottom: 0.6rem;
}
.footer-org {
  font-size: 0.75em;
  letter-spacing: 0.03em;
}

/* Liten Vipps-logo foran alle spørsmål og handlinger som gjelder Vipps (innlogging og betaling): <span class="v-ikon"></span> */
.v-ikon { display: inline-block; width: 1.2em; height: 1.2em; vertical-align: -0.22em; margin-right: 0.4em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ff5b24' fill-rule='evenodd' d='M20,6.33c0-.24,0-.49,0-.73,0-.21,0-.41,0-.61,0-.45-.05-.89-.12-1.33-.08-.44-.22-.87-.42-1.26-.41-.8-1.06-1.45-1.86-1.86-.4-.2-.82-.34-1.26-.42-.44-.07-.88-.11-1.33-.12-.2,0-.41,0-.61,0-.24,0-.48,0-.73,0h-7.33C6.09,0,5.85,0,5.61,0c-.2,0-.41,0-.61,0-.45,0-.89.05-1.33.12-.44.07-.87.22-1.26.42-.8.41-1.45,1.06-1.86,1.86-.2.4-.34.83-.42,1.26-.07.44-.11.88-.12,1.33,0,.21,0,.41,0,.61C0,5.85,0,6.09,0,6.33v7.33C0,13.91,0,14.15,0,14.39c0,.21,0,.41,0,.61,0,.45.04.89.12,1.33.08.44.22.87.42,1.27.41.8,1.06,1.45,1.86,1.86.4.2.82.34,1.26.42.44.07.88.11,1.33.12.2,0,.41,0,.61,0,.24,0,.48,0,.73,0h7.33c.24,0,.48,0,.73,0,.2,0,.41,0,.61,0,.45,0,.89-.04,1.33-.12.44-.07.87-.22,1.26-.42.8-.41,1.45-1.06,1.86-1.86.2-.4.34-.83.42-1.27.07-.44.11-.88.12-1.33,0-.2,0-.41,0-.61,0-.24,0-.48,0-.73v-7.33h0Z'/%3E%3Cpath fill='%23fff' d='M10.3,12.72c1.75,0,2.74-.85,3.69-2.08.52-.66,1.18-.8,1.66-.43.47.38.52,1.09,0,1.75-1.37,1.8-3.12,2.89-5.35,2.89-2.41,0-4.54-1.32-6.01-3.64-.43-.62-.33-1.28.14-1.61s1.18-.19,1.61.47c1.04,1.56,2.46,2.65,4.26,2.65h0ZM13.57,6.9c0,.85-.66,1.42-1.42,1.42s-1.42-.57-1.42-1.42.66-1.42,1.42-1.42,1.42.62,1.42,1.42Z'/%3E%3C/svg%3E") center / contain no-repeat; border-radius: 22%; flex-shrink: 0; }
.btn-gold .v-ikon, .btn-primary .v-ikon { box-shadow: 0 0 0 1.5px #fff; }
h2 .v-ikon, h3 .v-ikon { width: 0.85em; height: 0.85em; vertical-align: -0.08em; }