/* ../css/menu.css */

.links {
    display: flex; /* Utiliser Flexbox pour aligner les éléments */
    align-items: center; /* Aligner verticalement */
}

#profileBubble {
    display: none; /* Si cet élément est caché par défaut, il faudra peut-être le montrer d'une autre manière */
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s; /* Pour une transition douce */
}

#profileBubble:hover {
    background-color: rgba(0, 0, 0, 0.4); /* Change la couleur de fond au survol */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ajoute une ombre au survol */
}






#menu {
    display: none;
    position: absolute;
    background: #24272b;
    color: white;
    border: 1px solid #444;
    padding: 10px;
    border-radius: 5px;
    top: 60px;
    right: 0;
    z-index: 100;
    width: 160px;
}

#menu a {
    display: flex;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 0;
    cursor: pointer;
}

#menu a i {
    margin-right: 8px;
    font-size: 16px;
}

#menu a.logout-button {
    color: #ff4d4d;
}

#menu a.logout-button:hover {
    color: #ff6666;
}
/* Style du bouton Discord */
#loginButton {
    display: inline-block;
    background-color: #5865F2; /* Couleur principale de Discord */
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#loginButton a {
    color: white;
    text-decoration: none;
}

#loginButton i {
    margin-right: 8px;
}

#loginButton:hover {
    background-color: #4752c4; /* Couleur plus sombre pour le hover */
}
   .ip-copied {
            display: none; /* Cacher par défaut */
            color: green; /* Couleur de la notification */
            margin-top: 10px; /* Espacement */
        }