/* ============================================
   NEWSLETTER - MESSAGES & ÉTATS
   ============================================ */

/* Messages (succès / erreur) */
.newsletter-message {
    padding: 12px 20px;
    border-radius: 8px;
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.newsletter-message span {
    font-size: 18px;
}

/* Message succès */
.newsletter-success {
    background-color: #F0F5F0;
    color: #123524;
    border-left: 4px solid #6B7345;
}

/* Message erreur */
.newsletter-error {
    background-color: #FFF5F5;
    color: #2B2B2B;
    border-left: 4px solid #CD4E04;
}

/* Bouton loading */
.newsletter-form button[type="submit"].loading {
    opacity: 0.7;
    cursor: wait;
    pointer-events: none;
}

.newsletter-form.hiding {
    opacity: 0;
}

/* ============================================
   RESPONSIVE MOBILE
   ============================================ */

@media (max-width: 768px) {
    
    .newsletter-message {
        font-size: 13px;
        padding: 10px 16px;
    }
    
    .newsletter-message span {
        font-size: 16px;
    }
}