/* Alekos footer (ny, 03.10.2026) — samme kort med runde hjørner på creme som før, men i den nye stil: varm, mørk glas over den
   slørede solnedgang (som mobilmenuen), guldknap, Trustpilot med tal. Svalbard (side 5859) får den kolde navy-tone.
   Alt er præfikset "af-" og ligger under .af, så intet rammer resten af sitet. */

@font-face { font-family: "AF Poppins"; src: url(../fonts/poppins-latin-300.woff2) format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "AF Poppins"; src: url(../fonts/poppins-latin-400.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "AF Poppins"; src: url(../fonts/poppins-latin-500.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "AF Poppins"; src: url(../fonts/poppins-latin-600.woff2) format("woff2"); font-weight: 600; font-display: swap; }

.af {
  --af-cocoa: #341e12; --af-guld: linear-gradient(180deg, #f3d39b, #d9a35a); --af-guld-lys: #e9c88f; --af-knaptekst: #6b4524;
  --af-tekst: rgba(255, 255, 255, .78); --af-linje: rgba(255, 255, 255, .12);
  --af-ease: cubic-bezier(.16, 1, .3, 1); --af-fjeder: cubic-bezier(.34, 1.56, .64, 1);
  --af-tone: linear-gradient(180deg, rgba(5, 24, 60, 0) 0%, rgba(5, 24, 60, .12) 60%, rgba(5, 18, 45, .35) 100%);
  display: block; background: #fbf6ee; padding: 0 46px 46px; font-family: "AF Poppins", Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased; color: #fff;
}
.af *, .af *::before, .af *::after { box-sizing: border-box; }
.af a { color: inherit; text-decoration: none; background: none; box-shadow: none; }
.af p, .af ul { margin: 0; padding: 0; }
.af ul { list-style: none; }
.af img { display: block; max-width: 100%; border: 0; border-radius: 0; box-shadow: none; }
.af svg { width: 18px; height: 18px; fill: currentColor; }
.af svg.af-streg, .af .af-pil, .af .af-prik svg { fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.af :focus-visible { outline: 2px solid #f3d39b; outline-offset: 3px; border-radius: 6px; }

.af .af-kort {
  position: relative; isolation: isolate; overflow: hidden; border-radius: 40px; padding: 56px 64px 34px;
  background: #05183c url(../media/footer-baggrund.jpg) center / cover; /* den mørkeblå baggrund fra den gamle footer (Caspers valg) */
  box-shadow: 0 30px 80px rgba(52, 30, 18, .18);
}
.af .af-kort::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--af-tone); }
/* et svagt lysskær øverst til højre, så kortet ikke er fladt */
.af .af-kort::after { content: ""; position: absolute; z-index: -1; width: 620px; height: 620px; right: -180px; top: -320px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(243, 211, 155, .16), rgba(243, 211, 155, 0)); pointer-events: none; }

/* top: logo + Trustpilot | knapper */
.af .af-top { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-bottom: 40px; border-bottom: 1px solid var(--af-linje); }
.af .af-brand { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.af .af-logo { display: block; color: #fff; }
.af .af-logo svg { width: 150px; height: auto; fill: currentColor; }
.af .af-tp { display: inline-flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--af-tekst); }
.af .af-tp b { color: #fff; font-weight: 600; }
.af .af-stjerner { display: inline-flex; gap: 2px; }
.af .af-stjerner i { width: 18px; height: 18px; background: #00b67a; display: grid; place-items: center; }
.af .af-stjerner i::before { content: ""; width: 12px; height: 12px; background: #fff; clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.af .af-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.af .af-knap { display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: 50px; padding: 0 24px; border-radius: 99px;
  font-size: 14.5px; font-weight: 500; white-space: nowrap; transition: transform .35s var(--af-fjeder), background-color .25s, box-shadow .3s; }
.af .af-knap:hover { transform: translateY(-1px); }
.af .af-knap-glas { color: #fff; background: rgba(255, 255, 255, .13); }
.af .af-knap-glas:hover { background: rgba(255, 255, 255, .22); }
.af .af-knap-guld { padding: 0 6px 0 24px; color: var(--af-knaptekst); background: var(--af-guld); box-shadow: 0 6px 18px rgba(217, 163, 90, .28), inset 0 1px 0 rgba(255, 255, 255, .45); }
.af .af-prik { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .55); transition: transform .45s var(--af-fjeder); }
.af .af-prik svg { width: 16px; height: 16px; stroke-width: 2.2; transform: rotate(-45deg); }
.af .af-knap-guld:hover .af-prik { transform: rotate(45deg); }

/* kolonner */
.af .af-gitter { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 2fr) minmax(0, 2.6fr); gap: 40px; padding: 44px 0 46px; }
.af .af-gruppe > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; cursor: default; pointer-events: none; }
.af .af-gruppe > summary::-webkit-details-marker { display: none; }
.af .af-pil { display: none; width: 18px; height: 18px; color: var(--af-guld-lys); transition: transform .45s var(--af-ease); }
.af .af-titel { display: block; margin-bottom: 18px; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--af-guld-lys); }
.af .af-gruppe li { font-size: 14px; line-height: 1.45; color: var(--af-tekst); }
.af .af-gruppe li + li { margin-top: 9px; }
.af .af-gruppe a { transition: color .2s; }
.af .af-gruppe a:hover { color: #fff; text-decoration: underline; text-decoration-color: rgba(243, 211, 155, .6); text-underline-offset: 4px; }
.af .af-luft { margin-top: 18px !important; }
.af .af-svag { color: rgba(255, 255, 255, .58) !important; font-size: 13px !important; }
.af .af-rejse-kolonner { display: grid; grid-template-columns: 1fr 1fr; gap: 0 36px; }
.af .af-laengde { font-size: 13px; font-weight: 500; color: #fff; margin: 0 0 10px; }
.af .af-laengde em { font-style: normal; font-weight: 300; color: rgba(255, 255, 255, .6); }
.af .af-laengde-blok + .af-laengde-blok { margin-top: 24px; }

/* bund: mærker | sociale medier + copyright */
.af .af-bund { display: flex; align-items: center; justify-content: space-between; gap: 24px 40px; flex-wrap: wrap; padding-top: 28px; border-top: 1px solid var(--af-linje); }
.af .af-maerker { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.af .af-flise { width: 54px; height: 54px; object-fit: contain; border-radius: 10px; background: #fff; padding: 3px; }
.af .af-flise.af-rund { border-radius: 50%; padding: 0; background: none; }
.af .af-ret { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; justify-content: flex-end; }
.af .af-some { display: flex; gap: 8px; }
.af .af-some a { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .1); color: #fff; transition: background-color .25s, transform .35s var(--af-fjeder); }
.af .af-some a:hover { background: rgba(255, 255, 255, .2); transform: translateY(-2px); }
.af .af-copy { font-size: 12.5px; color: rgba(255, 255, 255, .55); }

/* (Svalbard-varianten er droppet: hele footeren er mørkeblå, Caspers valg 03.10.2026) */

@media (max-width: 1180px) {
  .af { padding: 0 24px 24px; }
  .af .af-kort { padding: 48px 40px 30px; }
  .af .af-gitter { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); }
  .af .af-rejser { grid-column: 1 / -1; }
  .af .af-rejse-kolonner { grid-template-columns: repeat(3, 1fr); }
  .af .af-laengde-blok + .af-laengde-blok { margin-top: 0; }
}
/* mobil: Rejser / Alekos / Godt at vide foldes sammen, så footeren ikke bliver 2,5 skærmlængder */
@media (max-width: 767px) {
  .af { padding: 0 10px 10px; }
  .af .af-kort { border-radius: 30px; padding: 40px 22px 26px; }
  .af .af-top { flex-direction: column; align-items: flex-start; gap: 22px; padding-bottom: 30px; }
  .af .af-brand { flex-direction: column; align-items: flex-start; gap: 14px; }
  .af .af-cta { width: 100%; display: grid; grid-template-columns: 1fr; }
  .af .af-knap { width: 100%; }
  .af .af-gitter { display: block; padding: 8px 0 30px; }
  .af .af-gruppe { border-bottom: 1px solid var(--af-linje); }
  .af .af-gruppe > summary { pointer-events: auto; cursor: pointer; min-height: 60px; }
  .af .af-gruppe > summary .af-titel { margin: 0; font-size: 13px; }
  .af .af-pil { display: block; }
  .af details.af-gruppe[open] > summary .af-pil { transform: rotate(180deg); }
  .af details.af-gruppe > :not(summary) { padding-bottom: 22px; }
  .af .af-rejse-kolonner { grid-template-columns: 1fr; }
  .af .af-laengde-blok + .af-laengde-blok { margin-top: 20px; }
  .af .af-gruppe li + li { margin-top: 0; }
  .af .af-gruppe li a { display: block; padding: 10px 0; }
  .af .af-kontakt { border-bottom: 0; padding-top: 26px; }
  .af .af-bund { flex-direction: column; align-items: flex-start; }
  .af .af-ret { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .af *, .af *::before, .af *::after { transition-duration: .01ms !important; } }

/* rolig opbygning som den gamle footer (Casper 03.10.2026): logo | Rejser | Information | Kontakt, én kolonne pr. emne */
.af .af-kort { padding-top: 60px; }
.af .af-gitter { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1.15fr); gap: 48px; padding: 0 0 50px; }
.af .af-brand { flex-direction: column; align-items: flex-start; gap: 22px; }
.af .af-tp { align-items: flex-start; flex-direction: column; gap: 8px; font-size: 13px; line-height: 1.45; }
.af .af-rejse-kolonner { display: block; }
.af .af-gruppe li { font-size: 13.5px; }
.af .af-gruppe li + li { margin-top: 8px; }
.af .af-ret { flex-direction: column; align-items: flex-end; gap: 10px; }
.af .af-seo { font-size: 12.5px; color: rgba(255, 255, 255, .55); }
.af .af-seo a:hover { color: #fff; }
.af .af-ret .af-some { order: -1; }
@media (max-width: 1180px) {
  .af .af-gitter { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .af .af-rejser { grid-column: auto; }
}
@media (max-width: 767px) {
  .af .af-brand { padding-bottom: 26px; border-bottom: 1px solid var(--af-linje); }
  .af .af-ret { align-items: flex-start; }
  .af .af-seo a { display: inline-block; padding: 10px 0; }
}
@media (max-width: 767px) { .af .af-gruppe li a, .af .af-seo a { padding: 11px 0; } .af .af-gruppe li { font-size: 14px; } }
@media (min-width: 768px) and (max-width: 1180px) {
  .af .af-gitter { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 36px; }
  .af .af-brand { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 28px; }
  .af .af-tp { flex-direction: row; align-items: center; }
  .af .af-tp br { display: none; }
}
.af .af-skil { display: none; }
@media (min-width: 768px) and (max-width: 1180px) { .af .af-skil { display: inline; } }
/* badges større — de er vigtige (Casper 03.10.2026) */
.af .af-maerker { gap: 30px; }
.af .af-flise { width: 74px; height: 74px; }
.af .af-stjerner i { width: 22px; height: 22px; }
.af .af-stjerner i::before { width: 15px; height: 15px; }
@media (max-width: 767px) { .af .af-maerker { gap: 20px 24px; } .af .af-flise { width: 66px; height: 66px; } }
.af .af-tp { min-height: 44px; justify-content: center; }
/* større logo, stjernerne centreret under det (Casper 03.10.2026) — samme på alle skærme */
.af .af-brand { display: inline-flex; flex-direction: column; align-items: center; gap: 16px; align-self: start; justify-self: start; }
.af .af-logo svg { width: 190px; }
.af .af-tp { align-items: center; }
@media (min-width: 768px) and (max-width: 1180px) {
  .af .af-brand { grid-column: 1 / -1; flex-direction: column; align-items: center; gap: 16px; }
  .af .af-tp { flex-direction: column; }
}
@media (max-width: 767px) { .af .af-logo svg { width: 170px; } .af .af-brand { display: flex; width: 100%; } }