/*
 * Styles structurels uniquement : pas de couleur, bordure ou fond imposés
 * afin que le formulaire hérite du thème WordPress. Utilisez les classes/id
 * ci-dessous (coa-search-widget, coa-search-form, coa-search-field,
 * coa-search-label, coa-search-code, coa-search-submit, coa-search-message,
 * #<id du shortcode>) pour personnaliser l'apparence dans le thème.
 */

.coa-search-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
}

.coa-search-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.coa-search-submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.coa-search-spinner {
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    opacity: 0.6;
    animation: coa-search-spin 0.6s linear infinite;
}

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

.coa-search-message {
    margin: 12px 0 0;
}