/* Styles pour les icônes SVG dans les menus */
.menu-svg-icon {
    display: inline-block;
    vertical-align: middle;
}

.menu-svg-icon svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
    transition: all 0.3s ease;
}

/* Styles pour différentes tailles d'icônes */
.menu-svg-icon.small svg {
    width: 16px;
    height: 16px;
}

.menu-svg-icon.medium svg {
    width: 24px;
    height: 24px;
}

.menu-svg-icon.large svg {
    width: 32px;
    height: 32px;
}

/* Styles pour les icônes dans les menus de navigation */
.nav-menu .menu-svg-icon {
    margin-right: 8px;
}

.nav-menu .menu-item .menu-svg-icon svg {
    width: 20px;
    height: 20px;
}

/* Hover effects */
.nav-menu .menu-item:hover .menu-svg-icon svg {
    transform: scale(1.1);
}

/* Couleurs prédéfinies pour les réseaux sociaux */
.menu-svg-icon.facebook svg {
    color: #1877f2;
}

.menu-svg-icon.twitter svg {
    color: #1da1f2;
}

.menu-svg-icon.instagram svg {
    color: #e4405f;
}

.menu-svg-icon.linkedin svg {
    color: #0077b5;
}

.menu-svg-icon.youtube svg {
    color: #ff0000;
}

.menu-svg-icon.tiktok svg {
    color: #000000;
}

.menu-svg-icon.github svg {
    color: #333333;
}

.menu-svg-icon.whatsapp svg {
    color: #25d366;
}

.menu-svg-icon.pinterest svg {
    color: #bd081c;
}