/* wa-lint: skip */
/* ==========================================================================
   Forms — kontaktformular og lignende. Erstatter inline style="..."
   attributter med navngivne klasser, så styling kan tema-skiftes og
   genbruges. Bygger oven på tokens.css (--border, --text, --space-*).
   ========================================================================== */

.form {
  max-width: 500px;
}

.form-row {
  margin-bottom: var(--space-m);
}
.form-row--lg { margin-bottom: var(--space-l); }

.form-row__honeypot {
  /* Honeypot-felt — gemt for mennesker, fanger spam-bots */
  display: none;
}
/* Fallback hvis --shadow-color ikke loader: eksplicit outline ved keyboard-focus. */

.form-submit {
  width: 100%;
  justify-content: center;
}

.form-meta {
  font-size: 0.8rem;
  margin-top: var(--space-s);
}

/* Sidebar / kolonne ved siden af formen */
.form-aside {
  padding-top: var(--space-2xl);
}

.form-aside__h3 {
  margin-top: var(--space-xl);
}
.form-aside__h3:first-of-type {
  margin-top: 0;
}

.form-intro {
  margin-bottom: var(--space-xl);
}

/* Forventnings-afstemning før formularen — hvad sker der efter du sender */
.contact-expectations {
  margin-bottom: var(--space-2xl);
  padding: var(--space-l) var(--space-xl);
  background: var(--color-surface-subtle, rgb(246, 246, 244));
  border-left: 3px solid var(--color-accent, rgb(25, 68, 77));
  border-radius: 8px;
}

[data-theme="dark"] .contact-expectations,
[data-theme="dark"] .contact-expectations {
  background: rgba(255, 255, 255, 0.04);
}

.contact-expectations__head {
  font-size: 1.05rem;
  margin-top: 0;
  margin-bottom: var(--space-s);
}

.contact-expectations__list {
  margin: 0;
  padding-left: var(--space-l);
  font-size: 0.95rem;
  line-height: 1.55;
}

.contact-expectations__list li {
  margin-bottom: var(--space-xs);
}
.contact-expectations__list li:last-child {
  margin-bottom: 0;
}