/* Download-/Dokument-Liste-Section (Section/Download.php). Breite/Padding/Header aus sections/00-base.css. */

.download-list .dl-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }

.dl-item > a {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border: 0.0625rem solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-bg-alt);
  color: inherit;
  text-decoration: none;
  transition: border-color var(--transition), background var(--transition);
}

.dl-item > a:hover { border-color: var(--color-primary); background: var(--color-bg); }
.dl-item svg { flex: none; color: var(--color-primary); }
.dl-label { flex: 1; font-weight: 600; overflow-wrap: anywhere; }
.dl-meta { flex: none; font-size: var(--text-sm); color: var(--color-text-muted); }

/* Download gegen E-Mail (config gate=email): Einträge sind wählbare Radio-Kästen statt Links, darunter das Formular. */
.download-gate form { display: flex; flex-direction: column; gap: var(--gap-block); }
.dl-gate-hint { margin: 0; color: var(--color-text-muted); }
.dl-item > label {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border: 0.0625rem solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-bg-alt);
  cursor: pointer;
  transition: border-color var(--transition), background var(--transition);
}
.dl-item > label:hover { border-color: var(--color-primary); background: var(--color-bg); }
.dl-item > label:has(input:checked) { border-color: var(--color-primary); box-shadow: 0 0 0 0.0625rem var(--color-primary); background: var(--color-bg); }