/* ==========================================================================
   Footeren: én række på prikket papir
   Emil, 3.10.2026: bud 5 fra artefaktet "Footer-varianter", uden håndskrift.
   Markup'en sættes ind af scripts/footer-enkel.js, som scripts/byg-forside2.js kalder.

   Siden har kun forsiden, resultaterne og Vue-casen, så footeren er ikke et sitemap:
   logoet til venstre, og til højre Resultater, Priser, mailen og knappen Book demo.
   Under dem en stiplet streg og det juridiske med småt: links til venstre og
   firmaoplysningerne til højre. Papiret er sidens prikkede papir med en revet
   overkant mod sektionen ovenover.
   ========================================================================== */

.fod {
  --fod-papir: #F4F3EF;
  --fod-prik: #D9D6CE;
  --fod-linje: #CFCCC4;
  --fod-daempet: #6E6B64;
  position: relative;
  background-color: var(--fod-papir);
  background-image: radial-gradient(var(--fod-prik) 1.1px, transparent 1.3px);
  background-size: 22px 22px;
  padding: clamp(2.5rem, 5vw, 3.75rem) 0 clamp(1.25rem, 3vw, 1.75rem);
}
/* Revet overkant: et stykke i sidens baggrundsfarve med takket underside. */
.fod::before { content: ""; position: absolute; inset: 0 0 auto; height: 14px; background: var(--bg, #fff);
  clip-path: polygon(0 0, 100% 0, 100% 45%, 96% 80%, 91% 40%, 86% 90%, 80% 50%, 74% 85%, 68% 35%, 61% 95%, 55% 55%, 48% 88%, 42% 42%, 35% 92%, 29% 50%, 22% 86%, 16% 38%, 9% 90%, 4% 48%, 0 82%); }

.fod__raekke { display: flex; flex-wrap: wrap; gap: 1.25rem 2.5rem; justify-content: space-between; align-items: center; }
.fod__logo { display: block; flex: none; }
.fod__logo img { display: block; height: 1.75rem; width: auto; }
.fod .fod__links { display: flex; flex-wrap: wrap; gap: .875rem 2rem; align-items: center; list-style: none; margin: 0; padding: 0; font: 500 .9375rem/1.2 'Poppins', sans-serif; }
.fod .fod__links li { margin: 0; }
.fod__links a { color: var(--ink); text-decoration: none; }
.fod__links a:not(.hp3a-btn-primary):hover { text-decoration: underline; text-underline-offset: .3em; }
.fod__links .hp3a-btn-primary { color: var(--white); }

.fod__jura { margin-top: clamp(1.75rem, 4vw, 2.5rem); padding-top: 1rem; border-top: 1px dashed var(--fod-linje); display: flex; flex-wrap: wrap; gap: .375rem 1.25rem; justify-content: space-between; font: 400 .8125rem/1.4 'Poppins', sans-serif; color: var(--fod-daempet); }
.fod .fod__jura ul { display: flex; flex-wrap: wrap; gap: .375rem 1.25rem; list-style: none; margin: 0; padding: 0; }
.fod .fod__jura li { margin: 0; }
.fod .fod__firma { margin: 0; font: inherit; color: inherit; }
.fod__jura a { color: inherit; text-decoration: none; }
.fod__jura a:hover { text-decoration: underline; }
.fod a:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }

/* På /resultater og /resultater/vue ligger siden selv på det prikkede papir, så papiret fortsætter ned i
   footeren: ingen revet kant, og en stiplet streg skiller i stedet (klassen sættes af scripts/menu-enkel.js). */
.fod--samme-papir { padding-top: 0; }
.fod--samme-papir::before { display: none; }
.fod--samme-papir > .wrap { border-top: 1px dashed var(--fod-linje); padding-top: clamp(2.5rem, 5vw, 3.75rem); }

/* Under 860 px har .wrap ingen luft i siderne, så footeren giver den selv. */
@media (max-width: 860px) {
  .fod { padding-inline: var(--space-l, 1.25rem); }
}