/*
 * Feuille de style pour le plugin Marauders Discord SSO
 */

/* Conteneur global pour le bouton et le texte descriptif.
 * Il assure le centrage de l'ensemble.
 */
.discord-sso-wrapper {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Style pour le lien qui entoure l'image du logo.
 * Ceci permet d'enlever le soulignement et d'autres styles de lien par défaut.
 */
.discord-sso-image-link {
    display: inline-block; /* Assure un bon comportement de l'espacement */
    border: none;
    text-decoration: none;
    margin-bottom: 10px; /* Espace entre le logo et le texte en dessous */
}

/* Style pour l'image du logo elle-même. */
.discord-sso-image-link .discord-sso-logo {
    max-width: 250px; /* Taille maximale du logo, vous pouvez l'ajuster */
    height: auto;     /* Garde les proportions de l'image */
    display: block;   /* Évite les espaces superflus sous l'image */
    transition: opacity 0.2s ease-in-out; /* Ajoute un effet de transition doux au survol */
}

/* Effet de survol : rend le logo légèrement transparent. */
.discord-sso-image-link:hover .discord-sso-logo {
    opacity: 0.8;
}

/* Style pour le texte descriptif sous le logo. */
.discord-sso-subtext {
    display: block; /* S'assure qu'il est sur sa propre ligne */
    font-size: 14px;
    color: #555555; /* Couleur de texte gris foncé, à ajuster selon votre thème */
    margin-top: 0;
}