/*
  personvern.css
  Selvstendig stilark for /personvern — den fullstendige
  personvernerklæringen. Bygget etter samme mønster som kontakt.css:
  filen har ingen avhengigheter til andre sider/seksjoner og kan
  trygt fjernes eller flyttes uten å påvirke resten av nettsiden.

  /cookies bruker fortsatt css/legal.css (placeholder-stilarket) —
  denne filen rører ikke den siden.

  Ren, løpende juridisk tekst: hvit bakgrunn, ingen kort/bokser rundt
  seksjonene. Overskrifter i Clash Display (samme lokale fontfil som
  resten av siden, se public/fonts/clash-display/), brødtekst og
  punktlister i Inter (lastes i css/base.css).

  Tekstkolonnen er smalere enn .page-container (maks 72ch) slik at
  linjelengden holder seg lesbar på store skjermer, mens marginene
  utenfor følger samme container som øvrige innholdssider.
*/

@font-face {
  font-family: 'Clash Display';
  src: url('../public/fonts/clash-display/ClashDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body {
  background: #ffffff;
  color: #111111;
}

.page-container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding-left: clamp(20px, 5vw, 64px);
  padding-right: clamp(20px, 5vw, 64px);
}

/* Toppen er avstanden ned fra navigasjonen, som på /kontakt. Bunnen
   følger felles seksjonsrytme: 60px + footerens 60px = 120px. */
.legal-doc {
  /* Kun topp/bunn her — venstre/høyre-padding kommer fra
     .page-container (samme feilkilde/fiks som css/revisionsbureauet.css). */
  padding-top: clamp(96px, 14vw, 140px);
  padding-bottom: 60px;
}

.legal-doc__inner {
  max-width: 72ch;
}

/* ---------- Tittel og dato ---------- */

.legal-doc__title {
  font-family: 'Clash Display', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif;
  font-weight: 500;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  line-height: 1.15;
  margin: 0 0 16px;
}

.legal-doc__updated {
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  line-height: 1.5;
  color: #9ea2a2;
  margin: 0;
}

/* ---------- Nummererte seksjoner ---------- */

/* Luften over seksjonsoverskriftene skiller seksjonene fra hverandre —
   derfor ingen kant, bakgrunn eller boks. */
.legal-doc__heading {
  font-family: 'Clash Display', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif;
  font-weight: 500;
  font-size: clamp(1.25rem, 2.4vw, 1.6rem);
  line-height: 1.3;
  margin: clamp(40px, 6vw, 56px) 0 14px;
}

.legal-doc__text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.7;
  color: #111111;
  margin: 0 0 16px;
}

.legal-doc__text:last-child {
  margin-bottom: 0;
}

.legal-doc__list {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.7;
  color: #111111;
  margin: 0 0 16px;
  padding-left: 1.3em;
}

.legal-doc__list li {
  margin-bottom: 8px;
}

.legal-doc__list li:last-child {
  margin-bottom: 0;
}

.legal-doc__list::marker,
.legal-doc__list li::marker {
  color: #9ea2a2;
}

/* Lenker (e-post, telefon, DPA) — tilbaketrukket, markert med
   understrek i stedet for egen farge. */
.legal-doc__text a,
.legal-doc__list a {
  color: inherit;
  text-decoration: underline;
}

.legal-doc__text a:hover,
.legal-doc__list a:hover {
  opacity: 0.6;
}

@media (max-width: 760px) {
  /* Mellomrommet ned til footeren redusert til 32px på mobil (fra
     60px) — samme rytme (32px + footerens 60px) som resten av
     sidene. Toppen (avstand fra navigasjonen) er urørt. */
  .legal-doc {
    padding-bottom: 32px;
  }
}