/* Minimal-Styles für das adresscheck-Autocomplete. Bewusst neutral, damit es
   sich in jedes Projekt-Design einfügt. Alles unter .adresscheck-* gescoped. */
.adresscheck-wrap { position: relative; display: block; }

.adresscheck-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  margin-top: 2px;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 6px 24px rgba(16, 24, 40, 0.12);
  max-height: 320px;
  overflow-y: auto;
}

.adresscheck-item {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #f2f4f7;
}
.adresscheck-item:last-child { border-bottom: none; }
.adresscheck-item.is-active,
.adresscheck-item:hover { background: #eff4ff; }

.adresscheck-item-main { font-size: 14px; color: #101828; line-height: 1.3; }
.adresscheck-item-sub { font-size: 12px; color: #667085; margin-top: 1px; }

@media (prefers-color-scheme: dark) {
  .adresscheck-dropdown { background: #1d2939; border-color: #344054; }
  .adresscheck-item { border-bottom-color: #101828; }
  .adresscheck-item.is-active,
  .adresscheck-item:hover { background: #101828; }
  .adresscheck-item-main { color: #f9fafb; }
  .adresscheck-item-sub { color: #98a2b3; }
}