/* Fichier : /assets/css/style.css */

/* Conteneur principal */
.asinlat-container { 
    background-color: #f9f9f9; 
    padding: 20px; 
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    max-width: 500px; 
    margin: 2em auto;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}
.asinlat-description {
    font-size: 14px; /* Ajusté */
    font-weight: bold;
    margin: 0 0 15px 0;
    color: #666;
}
.asinlat-user-location {
    font-size: 12px; /* Ajusté */
    color: #2d3748;
    background-color: #eaf1fb;
    border: 1px solid #dfdfdf;
    padding: 5px 1px;
    border-radius: 5px;
    margin-bottom: 1em;
    text-align: left;
    font-size: x-small;
}

/* Formulaire de recherche */
#asinlat-form { display: flex; gap: 10px; margin-bottom: 20px; }
#asinlat-search-term { 
     flex-grow: 1; 
    padding: 5px 10px; /* <-- MODIFIÉ : 5px en haut/bas, 10px à gauche/droite */
    border: 1px solid #dcdfe6; 
    border-radius: 5px;  
    font-family: 'Oswald', sans-serif;  
    text-transform: uppercase;
}
#asinlat-search-button { 
    padding: 1px 15px; background-color: #3558be; color: white; border: none; 
    border-radius: 5px; cursor: pointer; font-family: 'Oswald', sans-serif; font-weight: 400;
    transition: background-color 0.3s; 
}
#asinlat-search-button:hover { background-color: #cf1b2b; }

/* Conteneur de la liste de résultats */
.asinlat-results-list {
    background-color: #f0f7ff;
    border: 1px solid #dfdfdf;
    padding: 10px;
    margin-top: 1em;
    border-radius: 5px;
}

/* Titre du pays */
.asinlat-results-list h3 {
    font-size: 1.4em; /* Ajusté */
    font-weight: 500;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f5;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Ligne de résultat */
.asinlat-results-list p {
    margin: 0 0 10px 0;
    line-height: 1.5;
    font-size: 13px; /* **MODIFIÉ** */
    font-weight: 400;
    display: flex;
}
.asinlat-results-list p:last-child {
    margin-bottom: 0;
}

/* Libellé (Titre) en gras */
.asinlat-results-list p strong {
    font-weight: 700;
    display: inline-block;
    width: 140px; /* Ajusté pour la nouvelle taille */
    flex-shrink: 0;
    color: #333;
}

#asinlat-loader { display: none; margin: 20px auto; width: 30px; height: 30px; border: 4px solid #f0f2f5; border-top: 4px solid #3558be; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.asinlat-footer { text-align: right; font-size: 10px; /* Ajusté */ color: #aaa; margin-top: 1em; margin-bottom: 0; }