/* ============================================
   CORRECTIF - BOUTONS VERTS
   Force les boutons des sections processus et contact
   à être en vert comme le bouton de la hero
   ============================================ */

/* Bouton "Contactez-nous" de la section processus */
.process-cta .btn-primary,
.process-cta .btn.btn-primary,
.process-section .btn-primary {
    background: #00D9A3 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: none !important;
}

.process-cta .btn-primary:hover,
.process-cta .btn.btn-primary:hover,
.process-section .btn-primary:hover {
    background: #00F5B8 !important;
    background-image: none !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 217, 163, 0.3);
}

/* Bouton "Envoyer le message" de la section contact */
.contact-form .btn-primary,
.contact-form button.btn-primary,
.contact-form button[type="submit"],
.contact-section .btn-primary,
.contact-section button.btn-primary {
    background: #00D9A3 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: none !important;
}

.contact-form .btn-primary:hover,
.contact-form button.btn-primary:hover,
.contact-form button[type="submit"]:hover,
.contact-section .btn-primary:hover,
.contact-section button.btn-primary:hover {
    background: #00F5B8 !important;
    background-image: none !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 217, 163, 0.3);
}

/* S'assurer que tous les btn-primary sont verts par défaut */
.btn-primary,
button.btn-primary,
a.btn-primary {
    background: #00D9A3 !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
    background: #00F5B8 !important;
    background-image: none !important;
}

/* ============================================
   BOUTON "LIRE PLUS" DES AVIS - SIMPLE TEXTE BLANC
   ============================================ */

.review-read-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    color: #FFFFFF !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 0.5rem !important;
    transition: opacity 0.2s ease !important;
}

.review-read-more:hover {
    opacity: 0.8 !important;
}

.review-read-more svg {
    width: 16px !important;
    height: 16px !important;
    stroke: currentColor !important;
    fill: none !important;
}