/* Icônes de contact - héritent automatiquement de la couleur du texte parent */
.contact-icon {
    margin-right: 8px;
    /* Utilise automatiquement la couleur du texte parent */
    color: currentColor;
    font-size: 14px;
}

/* Ajustements pour le responsive */
@media (max-width: 768px) {
    .contact-icon {
        width: 14px;
        height: 14px;
        margin-right: 6px;
    }
}

/* Dans le menu mobile */
.mobile-menu .contact-icon {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

/* Hover states pour améliorer l'interaction */
.header-phone:hover .contact-icon,
.header-email:hover .contact-icon {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* États focus pour l'accessibilité */
.header-phone:focus .contact-icon,
.header-email:focus .contact-icon {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: 2px;
}