/* Elementor CEP Autocomplete - Estilos */

/* Loader de busca */
.eca-loader {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    font-size: 13px;
    color: #555;
    animation: eca-fadein 0.2s ease;
}

.eca-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #ddd;
    border-top-color: #0073aa;
    border-radius: 50%;
    animation: eca-spin 0.7s linear infinite;
    flex-shrink: 0;
}

@keyframes eca-spin {
    to { transform: rotate(360deg); }
}

@keyframes eca-fadein {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Mensagens de status */
.eca-status {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 4px;
    animation: eca-fadein 0.2s ease;
}

.eca-status span:first-child {
    font-weight: bold;
    font-size: 14px;
}

.eca-success {
    color: #1a7a1a;
    background: #edfaed;
    border-left: 3px solid #2ecc71;
}

.eca-error {
    color: #a33;
    background: #fff0f0;
    border-left: 3px solid #e74c3c;
}

/* Animação nos campos preenchidos */
.eca-filled {
    transition: background-color 0.4s ease !important;
    background-color: #fffde7 !important;
}

/* Suporte a temas que usam outline nos campos */
.elementor-field:focus-visible {
    outline: none;
}