/**
 * AutocompleteModule — Chrome für das Adress-Modul (Manuell-Schalter,
 * Bestätigungszeile). Feldlayout/Spacing kommt aus den Framework-Utilities;
 * das Dropdown selbst aus AddressAutocomplete.css.
 */
.autocomplete-module {
    --am-border: #dedede;
    --am-muted: #8a8a8a;
    --am-accent: #c1272d;
    display: block;
}

/* hidden-Attribut zuverlässig durchsetzen (auch über flex/grid-Container). */
.autocomplete-module [hidden] {
    display: none !important;
}

/* Bestätigungszeile im Zustand „Vorschlag gewählt". */
.autocomplete-module .am-confirmation {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid var(--am-border);
    border-radius: 6px;
    background: rgba(74, 201, 87, .08);
}

.autocomplete-module .am-confirmation__icon {
    display: inline-flex;
    color: #4ac957;
    flex: 0 0 auto;
}

.autocomplete-module .am-confirmation__text {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.autocomplete-module .am-confirmation__edit {
    flex: 0 0 auto;
    background: none;
    border: none;
    color: var(--am-accent);
    font-size: 13px;
    cursor: pointer;
}

.autocomplete-module .am-confirmation__edit:hover {
    text-decoration: underline;
}

/* Dark Theme */
body.dark-theme .autocomplete-module {
    --am-border: #333;
    --am-muted: #9a9a9a;
}

body.dark-theme .autocomplete-module .am-confirmation {
    background: rgba(74, 201, 87, .12);
}