/**
 * ============================================
 * HEADER BUTTONS HOVER EFFECT
 * ============================================
 * Effet de hover pour les boutons langue et contact
 * Fond #1d2c24 par défaut, fond vert #b0ed0d au hover avec texte/icône foncé
 */

/* Hover sur le bouton langue */
.lang-btn:hover {
    background-color: #b0ed0d !important;
}

.lang-btn:hover .lang-text {
    color: #1d2c24 !important;
}

/* Hover sur le bouton contact */
.contact-btn:hover {
    background-color: #b0ed0d !important;
}

/* Hover sur le bouton contact - SVG blanc devient foncé */
.contact-btn:hover svg,
.contact-btn:hover svg path,
.contact-btn:hover svg circle,
.contact-btn:hover svg rect,
.contact-btn:hover svg polygon,
.contact-btn:hover svg polyline,
.contact-btn:hover svg line,
.contact-btn:hover svg ellipse {
    fill: #1d2c24 !important;
    stroke: #1d2c24 !important;
}

/* Hover sur icône material-symbols */
.contact-btn:hover .material-symbols-outlined {
    color: #1d2c24 !important;
}

/* Hover sur le bouton de fermeture du panneau contact */
.close-contact-btn:hover {
    background-color: #b0ed0d !important;
    border-color: transparent !important;
}

.close-contact-btn:hover .material-symbols-outlined {
    color: #1d2c24 !important;
}