/* assets/adresse.css — forslagslisten under et adressefelt.
 *
 * Egen fil, fordi den bruges BÅDE af sitet (site.css) og af admins selvtjek
 * (admin.css). Lå reglerne i begge, ville de to lister se ens ud i dag og
 * forskellige om et halvt år. Se ARKITEKTUR §2.1.
 *
 * Farverne er sitets: guld til det valgte, samme kant og radius som
 * felterne selv. */

.adresse-felt { position: relative; display: block; }

.adresse-liste {
  position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + 4px);
  margin: 0; padding: 4px; list-style: none;
  max-height: 260px; overflow-y: auto;
  background: #fff; border: 1px solid #e2ddd5; border-radius: 8px;
  box-shadow: 0 8px 28px rgba(26, 26, 46, .12);
}
.adresse-liste[hidden] { display: none; }

.adresse-liste li {
  padding: 9px 12px; border-radius: 6px; cursor: pointer;
  font-size: 14.5px; line-height: 1.45; color: #1a1a2e;
}
.adresse-liste li:hover,
.adresse-liste li.her { background: #fdf5e6; color: #1a1a2e; }

/* Tastaturvalget skal kunne ses, også når musen står et andet sted. */
.adresse-liste li.her { box-shadow: inset 0 0 0 1px #c8a96e; }