/* Importation de la police Lexend Giga (déjà gérée par wp_enqueue_style dans le PHP principal, mais on peut la laisser ici aussi si besoin pour d'autres usages CSS) */
/* @import url('https://fonts.googleapis.com/css2?family=Lexend+Giga&display=swap'); */

#mots-du-spectacle-module {
    background-color: #fff; /* Fond blanc minimaliste */
    border: 1px solid #eee; /* Bordure légère */
    padding: 20px;
    margin: 30px auto; /* Centre le module et ajoute de l'espace */
    max-width: 600px; /* Largeur maximale pour une meilleure lisibilité */
    text-align: center;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */ /* Ligne commentée pour retirer l'ombre */
    border-radius: 8px; /* Laissez cette ligne si vous voulez garder les bords arrondis du bloc, sinon commentez-la */
}

#mot-du-spectacle-titre {
    font-family: 'Lexend Giga', sans-serif; /* Application de la police */
    font-size: 2.2em; /* Taille du titre */
    color: #333; /* Couleur de texte foncée */
    text-transform: uppercase; /* Tout en majuscule */
    margin-bottom: 15px;
    line-height: 1.2;
}

#mot-du-spectacle-definition {
    font-family: Arial, sans-serif; /* Police de définition plus lisible */
    font-size: 1.1em;
    color: #555;
    margin-bottom: 25px;
    line-height: 1.6;
}

#nouveau-mot-bouton {
    background-color: #333; /* Bouton noir */
    color: #fff; /* Texte blanc */
    border: none;
    padding: 12px 25px;
    font-size: 1em;
    font-family: 'Lexend Giga', sans-serif; /* Police Lexend Giga pour le bouton */
    text-transform: uppercase;
    cursor: pointer;
    /* border-radius: 5px; */ /* Ligne commentée pour retirer le border-radius du bouton */
    transition: background-color 0.3s ease, transform 0.2s ease;
}

#nouveau-mot-bouton:hover {
    background-color: #555; /* Effet hover */
    transform: translateY(-2px); /* Léger mouvement au survol */
}