/* Aides au remplissage du formulaire de demande (kreditantrag.html) — chargé uniquement sur cette page */

/* Anrede : deux grands boutons, focus clavier visible (les radios restent focusables) */
.anrede-options { display: flex; gap: var(--space-3); flex-wrap: wrap; }
.anrede-option { position: relative; flex: 1 1 140px; max-width: 220px; cursor: pointer; }
.anrede-option input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.anrede-option span {
  display: block; text-align: center;
  padding: var(--space-3) var(--space-4);
  border: 1.5px solid var(--color-border); border-radius: var(--radius-md);
  font-size: var(--text-sm); background: var(--color-white);
  transition: all var(--transition-fast);
}
.anrede-option:hover span { border-color: var(--color-primary-light); background: var(--color-bg-section); }
.anrede-option input:checked + span {
  border-color: var(--color-primary); background: rgba(11, 45, 89, 0.06);
  color: var(--color-primary); font-weight: var(--weight-medium);
}
.anrede-option input:focus-visible + span { outline: 3px solid rgba(26, 74, 138, 0.35); outline-offset: 2px; }
#anredeGroup.has-error .anrede-option span { border-color: var(--color-error); }

/* Petites aides sous les champs */
.field-hint { display: block; margin-top: var(--space-1); font-size: var(--text-xs); color: var(--color-text-muted); }
.field-hint.is-ok { color: var(--color-success); }
.field-hint.is-warn { color: var(--color-error); }
.field-hint button {
  background: none; border: 0; padding: 0 0 0 var(--space-1); font: inherit; font-weight: var(--weight-medium);
  color: var(--color-primary-light); text-decoration: underline; cursor: pointer;
}

/* Liste de suggestions d'adresses */
.addr-field { position: relative; }   /* la position verticale de la liste est calculée par form-assist.js */
.addr-list {
  position: absolute; left: 0; right: 0; top: 100%; z-index: var(--z-dropdown);
  margin: 0; padding: var(--space-1) 0; list-style: none;
  background: var(--color-white); border: 1.5px solid var(--color-border); border-radius: var(--radius-md);
  box-shadow: var(--shadow-md); max-height: 280px; overflow-y: auto;
}
.addr-list[hidden] { display: none; }
.addr-list li {
  padding: var(--space-3) var(--space-4); font-size: var(--text-sm); cursor: pointer; line-height: 1.35;
  display: flex; flex-direction: column; gap: 2px;
}
.addr-list li small { color: var(--color-text-muted); font-size: var(--text-xs); }
.addr-list li:hover, .addr-list li[aria-selected="true"] { background: var(--color-bg-section); }
.addr-list li.is-partial small::after { content: " · Hausnummer ergänzen"; color: var(--color-primary-light); }
.addr-attrib { padding: var(--space-1) var(--space-4); font-size: 10px; color: var(--color-text-muted); cursor: default; }