/* Sidespecifikke sektioner: sidehoved på undersider, tilmelding, kontakt, downloads. */

/* ——— Sidehoved på undersider ——— */
.hk-pagehead{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--hk-surface);border-bottom:1px solid var(--hk-border);
  padding-block:clamp(2.5rem,6vw,4.5rem);
}
.hk-pagehead--media{color:#fff;background:#001725;border-bottom:0}
.hk-pagehead--media::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--hk-hero-veil)}
.hk-pagehead__media{position:absolute;inset:0;z-index:-2}
.hk-pagehead__media img{width:100%;height:100%;object-fit:cover}
.hk-pagehead--media h1,.hk-pagehead--media .hk-lede{color:#fff}
.hk-pagehead--media .hk-lede{color:rgba(255,255,255,.9)}
.hk-pagehead--media .hk-crumbs,
.hk-pagehead--media .hk-crumbs a,
.hk-pagehead--media .hk-crumbs [aria-current]{color:rgba(255,255,255,.82)}
.hk-pagehead__inner{max-width:56ch}
.hk-pagehead__actions{display:flex;flex-wrap:wrap;gap:var(--hk-s-3);margin-top:var(--hk-s-5)}

/* ——— Tilmeldingsside ———
   Holdlisten står øverst og server-renderet. DriveDesk-rammen ligger under
   som selve booking-trinnet; den er ikke sidens indhold, den er dens knap. */
.hk-signup{display:grid;gap:clamp(2rem,5vw,3.5rem)}
@media (min-width:1000px){
  .hk-signup{grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);align-items:start}
  .hk-signup__aside{position:sticky;top:calc(70px + var(--hk-s-5))}
}
.hk-signup__aside .hk-card+.hk-card{margin-top:var(--hk-s-4)}

.hk-embed{
  border:1px solid var(--hk-border);border-radius:var(--hk-r-lg);
  background:var(--hk-surface);overflow:hidden;
  /* Pladsen reserveres, så den doven-indsatte ramme ikke flytter noget. */
  min-height:420px;
}
.hk-embed[data-loaded]{min-height:0}
/* DriveDesks "standard"-tema har mørk tekst på gennemsigtig baggrund, så
   rammen får hvid bund — også når sitet står i mørk tilstand. */
.hk-embed[data-mode="signup"]{background:#fff;color-scheme:light;padding:var(--hk-s-4)}
.hk-embed iframe{display:block;width:100%;border:0}
.hk-spinner{
  width:2rem;height:2rem;border-radius:50%;
  border:3px solid var(--hk-border-strong);border-top-color:var(--hk-accent-fill);
  animation:hk-spin .9s linear infinite;
}
@keyframes hk-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.hk-spinner{animation:none}}

.hk-assurance{list-style:none;margin:0;padding:0;display:grid;gap:var(--hk-s-3)}
.hk-assurance li{display:flex;gap:.7rem;align-items:flex-start;font-size:.94rem;color:var(--hk-text-soft)}
.hk-assurance svg{flex:0 0 auto;margin-top:.15rem;color:var(--hk-ok)}

/* ——— Kontakt ——— */
.hk-contact{display:grid;gap:clamp(2rem,5vw,3.5rem)}
@media (min-width:900px){.hk-contact{grid-template-columns:1fr 1fr}}
.hk-nap{list-style:none;margin:0;padding:0;display:grid;gap:var(--hk-s-5)}
.hk-nap li{display:grid;grid-template-columns:auto 1fr;gap:var(--hk-s-4);align-items:start}
.hk-nap__icon{
  display:grid;place-items:center;width:44px;height:44px;border-radius:var(--hk-r-md);
  background:var(--hk-accent-soft);color:var(--hk-accent-text);
}
.hk-nap h3{font-size:1rem;margin-bottom:.15rem}
.hk-nap p,.hk-nap address{margin:0;font-style:normal;color:var(--hk-text-soft)}
.hk-nap a{color:var(--hk-text-soft)}
.hk-nap a:hover{color:var(--hk-accent-text)}
.hk-map{border-radius:var(--hk-r-lg);overflow:hidden;border:1px solid var(--hk-border);aspect-ratio:16/10;background:var(--hk-surface-2)}
.hk-map iframe{width:100%;height:100%;border:0;display:block}

/* ——— Downloads ——— */
.hk-docs{display:grid;gap:var(--hk-s-4);list-style:none;margin:0;padding:0}
@media (min-width:700px){.hk-docs{grid-template-columns:repeat(2,1fr)}}
.hk-doc{
  display:grid;grid-template-columns:auto 1fr;gap:var(--hk-s-4);align-items:start;
  padding:var(--hk-s-5);background:var(--hk-surface);
  border:1px solid var(--hk-border);border-radius:var(--hk-r-md);
}
.hk-doc__icon{
  display:grid;place-items:center;width:44px;height:44px;border-radius:var(--hk-r-sm);
  background:var(--hk-accent-soft);color:var(--hk-accent-text);
}
.hk-doc h3{font-size:1.02rem;margin-bottom:.3rem}
.hk-doc p{font-size:.92rem;color:var(--hk-text-soft);margin-bottom:var(--hk-s-3)}
.hk-doc__link{font-weight:700;font-size:.94rem;display:inline-flex;align-items:center;gap:.35rem}

/* ——— Trustpilot / omtale ———
   Statisk badge med link. Trustpilots eget script loader tredjeparts-JS på
   hver sidevisning; det betaler vi ikke for på en side hvor LCP betyder noget. */
.hk-trust{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--hk-s-4);
  padding:var(--hk-s-4) var(--hk-s-5);border-radius:var(--hk-r-md);
  background:var(--hk-surface);border:1px solid var(--hk-border);
}
.hk-trust__stars{display:flex;gap:.15rem;color:#00b67a}
.hk-trust a{font-weight:700}

/* ——— Historie / citat ——— */
.hk-story{display:grid;gap:clamp(2rem,5vw,3.5rem);align-items:center}
@media (min-width:900px){.hk-story{grid-template-columns:.9fr 1.1fr}}
.hk-story__media img{border-radius:var(--hk-r-lg);box-shadow:var(--hk-shadow-md)}
.hk-quote{
  font-size:clamp(1.15rem,1rem + .8vw,1.5rem);font-weight:600;line-height:1.45;
  letter-spacing:-.01em;
}
.hk-quote cite{display:block;margin-top:var(--hk-s-3);font-size:.92rem;font-style:normal;color:var(--hk-text-faint);font-weight:400}

/* ——— CTA-bånd ——— */
.hk-cta-band{
  background:linear-gradient(135deg,#001725,#0a2f45);
  color:#fff;border-radius:var(--hk-r-lg);padding:clamp(2rem,5vw,3.5rem);
  display:grid;gap:var(--hk-s-5);align-items:center;
}
@media (min-width:840px){.hk-cta-band{grid-template-columns:1.5fr auto}}
.hk-cta-band h2{color:#fff;margin-bottom:.5rem}
.hk-cta-band p{color:rgba(255,255,255,.88);margin-bottom:0;max-width:52ch}
.hk-cta-band__actions{display:flex;flex-wrap:wrap;gap:var(--hk-s-3)}

/* ——— Områdeliste ——— */
.hk-areas{display:flex;flex-wrap:wrap;gap:var(--hk-s-2);list-style:none;margin:0;padding:0}

/* ——— 404 ——— */
.hk-404{text-align:center;padding-block:clamp(4rem,10vw,7rem);max-width:60ch;margin-inline:auto}
.hk-404__code{font-size:clamp(4rem,3rem + 8vw,8rem);font-weight:800;line-height:1;color:var(--hk-accent-text);letter-spacing:-.05em}