/* Style pour le plugin DXCC Callsign Lookup */

/* --- Importation de la police Oswald --- */
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

/* --- Formulaire --- */
.dxcc-lookup-container input[type="submit"] {
    background-color: #3558be;
    border-radius: 5px;
    border: none;
    color: #ffffff;
    padding: 1px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.dxcc-lookup-container input[type="submit"]:hover {
    background-color: #cf1b2b;
}

/* --- Conteneur de résultats --- */
.dxcc-results {
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f0f7ff;
}

.dxcc-results h3 {
    margin-top: 0;
    font-size: 16px;
}

/* *** DÉBUT DE LA MODIFICATION *** */
/* --- Style des lignes de résultat avec icônes --- */
.dxcc-result-line {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.dxcc-result-line svg {
    margin-right: 8px; /* Espace entre l'icône et le texte */
    flex-shrink: 0; /* Empêche l'icône de se déformer */
    color: #3558be; /* Donne aux icônes la couleur bleue du bouton */
}

.dxcc-result-line strong {
    margin-right: 5px; /* Espace après le libellé en gras */
}
/* *** FIN DE LA MODIFICATION *** */

/* --- Message d'erreur --- */
.dxcc-error {
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #d9534f;
    color: #d9534f;
    border-radius: 5px;
}

/* --- Copyright --- */
.dxcc-copyright {
    text-align: right;
    font-size: xx-small;
    margin-top: 10px;
    color: #777;
    position: static !important;
}

/* --- Icône de chargement (Spinner) --- */
.dxcc-loader {
    display: none;
    margin-top: 15px;
    text-align: center;
}

/* Styles du spinner (inchangés) */
.spinner_V8m1 { transform-origin: center; animation: spinner_zKoa 2s linear infinite; }
.spinner_V8m1 circle { stroke-linecap: round; animation: spinner_YpZS 1.5s ease-in-out infinite; }
@keyframes spinner_zKoa { 100% { transform: rotate(360deg); } }
@keyframes spinner_YpZS { 0% { stroke-dasharray: 0 150; stroke-dashoffset: 0; } 47.5% { stroke-dasharray: 42 150; stroke-dashoffset: -16; } 95%, 100% { stroke-dasharray: 42 150; stroke-dashoffset: -59; } }