/*
  Fichier : accueil.css
  Auteur  : Billal
  Date    : 23/06/2025
  Description : Styles pour la section commentaires du site La Fabrique des Rêves
*/

/* Wrapper principal des commentaires */
.comments-wrapper {
    background: var(--blue-401);
    color: var(--white);
    margin: 0;
    width: 100vw;
    padding: 30px 10%;
    max-width: unset;
}

/* Astérisque  */
/*   Met en évidence l’astérisque des champs obligatoires en rouge */
.comments-wrapper span.required {
    color: var(--red);
}

/* Laisser un commentaire  */
/*   Titre */
#reply-title {
    font-size: 40px;
}

.comment-notes #email-notes,
.comment-notes .required-field-message {
    color: var(--white);
    font-style: italic;
}

/*   Bouton de soumission du formulaire de commentaire */
.comment-respond #submit {
    background: var(--blue-700);
}

/* Séparateur visuel */
#site-content .comments-wrapper hr {
    margin-top: 50px;
    margin-bottom: 50px;
    color: var(--blue-100);

}

/* Commentaire en attente de modération */
.comment-awaiting-moderation {
    color: var(--grey);
    font-style: italic;
}

/* Commentaires récents */
/*   Espacement entre la date ,le commentaire,bouton */
#comments .comment-meta {
    margin-bottom: 5px;
}

#comments .comment-footer-meta {
    margin-top: 10px;
}

.comment-reply-title {
    font-size: 40px;
}

/*   Date du commentaire */
#comments .comment-metadata time {
    color: var(--blue-100);
}

/*   Bouton repondre */
#comments span .comment-reply-link {
    background: var(--blue-700);
}