/**
 * Styles pour les commentaires publics (lecture seule)
 * Fichier: assets/css/public-comments.css
 * 
 * ⚠️ Ce fichier doit être chargé APRÈS mes-news.css pour écraser .action-btn
 */

/* CTA pour laisser un commentaire */
.comment-cta-box {
    background: #f8f9fa;
    border: 2px dashed #A080C0;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    margin-top: 30px;
}

.comment-cta-box p {
    margin: 0 0 15px 0;
    font-size: 1.1em;
    color: #604080;
}

.btn-inscription-cta {
    background: linear-gradient(135deg, #E95A79 0%, #D04868 100%);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 25px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.2s;
}

.btn-inscription-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(233, 90, 121, 0.3);
}

/* Aucun commentaire */
.no-comments-box {
    text-align: center;
    padding: 60px 20px;
    background: #f8f9fa;
    border-radius: 12px;
}

.no-comments-box p {
    font-size: 1.2em;
    color: #666;
    margin-bottom: 20px;
}

/* ========================================
   FIX: Écraser .action-btn de mes-news.css
   ======================================== */

/* Plus spécifique que .action-btn de mes-news.css */
.comments-section-final .comment-actions .action-btn,
.comments-section-final .comment-actions .reply-btn {
    /* Annuler les styles de mes-news.css */
    flex: none;
    min-width: auto;
    justify-content: flex-start;
    
    /* Styles commentaires */
    background: none;
    border: none;
    color: #606060;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.comments-section-final .comment-actions .action-btn:hover,
.comments-section-final .comment-actions .reply-btn:hover {
    background: rgba(0, 0, 0, 0.05);
}

.comments-section-final .comment-actions .action-btn.liked {
    color: #065fd4;
}

.comments-section-final .comment-actions .action-btn.disliked {
    color: #f00;
}