/* DK SEO Agency — forsidens nummerpladefelt og proceskontrakt.
   Bevidst faa regler: formularen er WPForms' egen, og jo mindre vi roerer
   dens layout, jo mindre kan vi braekke. Alt her er TILFOEJET markup, ikke
   overskrivning af WPForms' klasser. */

.dk-fp-bil {
  margin: .55rem 0 0;
  padding: .7rem .9rem;
  background: #f4f7fb;
  border: 1px solid #dfe5ee;
  border-left: 3px solid #0d3b91;
  border-radius: 8px;
  font-size: .95rem;
  line-height: 1.5;
  color: #1f2937;
}
.dk-fp-bil strong { color: #0f172a; }
.dk-fp-prik { color: #94a3b8; margin: 0 .15rem; }

/* Beskeden ved spaerret opslag. Gul frem for roed: det er ikke en fejl, og det
   er ikke kundens skyld — det er en midlertidig graense. */
.dk-fp-bil--besked {
  background: #fffbeb;
  border-color: #fde68a;
  border-left-color: #d97706;
  color: #78350f;
}

.dk-fp-kontrakt { margin: 1rem 0 0; }

.dk-fp-trin {
  list-style: none;
  margin: 0 0 .8rem;
  padding: 0;
  display: grid;
  gap: .45rem;
}
.dk-fp-trin li {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  font-size: .95rem;
  line-height: 1.45;
  color: #1f2937;
  margin: 0;
}
.dk-fp-trin li span {
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #0d3b91;
  color: #fff;
  font-size: .82rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .05rem;
}


/* Under 480 px staar formularen i fuld bredde og har kun lidt luft omkring
   sig — saa skal kontrakten fylde mindre, ikke det samme. */
@media (max-width: 480px) {
  .dk-fp-bil  { font-size: .9rem; padding: .6rem .75rem; }
  .dk-fp-trin li { font-size: .9rem; }
}