/* =========================================================
   Cars & Care · biludlejning.css
   Kun til biludlejning.html. Linkes efter site.css.
   Bruger kun tokens og temavariabler fra site.css.
   Klassenavne med præfikset abo- (biludlejning).
   ========================================================= */

/* ---------- Sidehoved: tilbuddet til højre, flåden nederst ---------- */
.abo-offer { align-self: end; }
.abo-offer .included__price { margin-top: var(--space-3); }
.abo-offer__note { margin-top: var(--space-4); font-size: var(--fs-xs); color: var(--c-subtle-dark); }
.abo-offer__facts { margin-top: var(--space-6); }

/* Flåden som et smalt panorama (udsnittet photo--fleet-row, højst 900 px bredt),
   med afhentningsstedet til venstre */
.abo-lineup {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 56.25rem); gap: var(--space-5) var(--space-8); align-items: end;
  margin-top: clamp(3rem, 2rem + 3vw, 4.5rem); padding-top: var(--space-6); border-top: 1px solid var(--line);
}
.abo-lineup__label { font-size: var(--fs-eyebrow); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--c-subtle-dark); }
.abo-lineup__place { margin-top: var(--space-3); font-size: 1.125rem; font-weight: 600; letter-spacing: -.01em; color: var(--fg); }
.abo-lineup__text .link { margin-top: var(--space-3); }
.abo-lineup__photo { width: 100%; justify-self: end; }

/* ---------- Ledige biler ---------- */
.abo-cars__foot { margin-top: var(--space-6); }
.abo-cars__more { margin-bottom: var(--space-5); max-width: 40rem; color: var(--fg-muted); }
.abo-cars__example { max-width: 34rem; }

/* ---------- Med i prisen / Ikke med i prisen: ens vægt i begge kolonner ---------- */
.abo-incl__foot { margin-top: var(--space-7); }
.abo-incl__note { margin-top: var(--space-5); }

/* ---------- Krav og RKI ---------- */
.abo-krav { align-items: stretch; }
.abo-krav__intro { display: flex; flex-direction: column; }
.abo-krav__rki { margin-top: var(--space-6); max-width: 30rem; }
.abo-krav__list { align-self: end; }
/* Pladsholder under et krav: mindre og lettere end selve kravet */
.abo-reqs__sub { display: block; margin-top: .3rem; font-size: var(--fs-xs); font-weight: 500; line-height: 1.5; color: var(--fg-muted); }

/* ---------- Sådan får du bilen (mørk) ---------- */
.abo-steps__note { max-width: 46rem; font-size: var(--fs-small); }
.abo-steps__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); margin-top: var(--space-6); }

/* ---------- FAQ ---------- */
.abo-faq .faq-group__head .h2 { max-width: 9em; }
.abo-faq__link { margin-top: var(--space-5); }
.abo-faq { padding-block: 0; }

/* ---------- Forespørgsel ---------- */
/* Teksten til venstre bliver stående, mens man udfylder formularen (fra 960 px) */
.abo-enquiry__intro { position: sticky; top: calc(var(--header-h) + var(--space-6)); }
.abo-enquiry__lead { margin-top: var(--space-5); max-width: 28rem; }
.abo-enquiry__call { margin-top: var(--space-6); padding-top: var(--space-5); border-top: 1px solid var(--line); max-width: 28rem; color: var(--fg-muted); }
.abo-enquiry__asap { margin-top: var(--space-2); }
.abo-enquiry__alt { margin-top: var(--space-3); }
.abo-enquiry__declare .field__error { margin-top: 0; }
.abo-enquiry__form .ph-note { margin-top: 0; }
.abo-enquiry__form .abo-enquiry__alt + .ph-note { margin-top: var(--space-4); }
.form-success .summary__label { margin-top: var(--space-2); }

/* Tablet: tre biler i to kolonner giver et ensomt kort. Det sidste kort lægges ned over
   hele bredden med fotoet til venstre (fotoet beholder sit 3:2-format og sin skarphed). */
@media (min-width: 641px) and (max-width: 1080px) {
  .abo-cars .car-card:last-child:nth-child(odd) { grid-column: 1 / -1; flex-direction: row; align-items: flex-start; }
  .abo-cars .car-card:last-child:nth-child(odd) .car-card__media { flex: 0 0 min(44%, 22rem); margin: var(--space-4) 0 var(--space-4) var(--space-4); border-radius: var(--radius-md); }
  .abo-cars .car-card:last-child:nth-child(odd) .car-card__body { align-self: stretch; }
}
/* Tablet: de tre trin bliver stående på én række */
@media (min-width: 641px) and (max-width: 959px) {
  .abo-steps.steps--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 959px) {
  .abo-lineup { grid-template-columns: minmax(0, 1fr); }
  .abo-lineup__photo { justify-self: start; }
  .abo-krav__list { align-self: start; }
  .abo-enquiry__intro { position: static; }
}
@media (max-width: 640px) {
  .abo-lineup { padding-top: var(--space-5); }
  .abo-steps__actions .btn { flex: 1 1 100%; }
}