/**
 * Painel de sugestões de endereço (autocomplete).
 *
 * Carregado no front (página do produto e checkout) e no admin. Como o painel é anexado
 * ao <body> com position:fixed — para não ser cortado pelos contêineres com overflow do
 * checkout —, os estilos precisam ser explícitos: nada aqui pode depender de herança do
 * tema. Por isso as propriedades de fonte, cor, borda e alinhamento estão todas declaradas,
 * e não apenas as cores.
 */

.sbexpod-ac-painel {
    position: fixed;
    z-index: 999999;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.35;
    color: #1f2937;
    text-align: left;
    overflow: hidden;
}

.sbexpod-ac-lista {
    max-height: 300px;
    overflow-y: auto;
    overscroll-behavior: contain;
    margin: 0;
    padding: 4px;
    list-style: none;
}

.sbexpod-ac-item {
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
}

.sbexpod-ac-item-ativo,
.sbexpod-ac-item:hover {
    background: #f3f4f6;
}

.sbexpod-ac-item-principal {
    display: block;
    font-weight: 600;
    color: #111827;
    word-break: break-word;
}

.sbexpod-ac-item-detalhe {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: #6b7280;
    word-break: break-word;
}

/* Distância medida no servidor até o endereço da loja. Fica discreta, mas visível antes do
   clique: é o que denuncia uma sugestão de outra cidade. */
.sbexpod-ac-item-distancia {
    display: inline-block;
    margin-top: 4px;
    padding: 1px 7px;
    border-radius: 8px;
    background: #eef2f7;
    font-size: 11px;
    line-height: 1.6;
    color: #4b5563;
    white-space: nowrap;
}

.sbexpod-ac-item-distancia-fora {
    background: #fde2e2;
    color: #b91c1c;
}

.sbexpod-ac-mensagem {
    padding: 10px 12px;
    font-size: 13px;
    color: #4b5563;
}

.sbexpod-ac-mensagem-carregando {
    color: #4b5563;
}

.sbexpod-ac-mensagem-erro {
    color: #b91c1c;
}

.sbexpod-ac-mensagem-vazio {
    color: #6b7280;
}

/* Atribuição exigida pela licença dos dados do OpenStreetMap — discreta, mas sempre visível. */
.sbexpod-ac-rodape {
    display: block;
    padding: 5px 10px;
    border-top: 1px solid #e5e7eb;
    background: #fafbfc;
    font-size: 10.5px;
    color: #8a919b;
    text-align: right;
    text-decoration: none;
}

.sbexpod-ac-rodape:hover,
.sbexpod-ac-rodape:focus {
    color: #4b5563;
    text-decoration: underline;
}

/* No admin do WordPress o painel não pode parecer um elemento do tema do site. */
body.wp-admin .sbexpod-ac-painel {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 13px;
}

@media screen and (max-width: 480px) {
    .sbexpod-ac-lista {
        max-height: 240px;
    }

    .sbexpod-ac-item {
        padding: 10px;
    }
}