/**
 * Stili frontend per PeepSo Menu Icons
 */

/* Icone nei menu - spaziatura (il colore viene gestito inline o dal color picker) */
.gc-header__menu a i,
.gc-header__menu-item a i,
.hm-header__menu a i,
.hm-header__menu-list a i,
.menu-item a i,
.gc-footer__menu a i,
.widget_nav_menu a i,
.sidebar .menu a i {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

/* Colore di default solo se non c'è già uno stile inline */
.gc-header__menu a i:not([style*="color"]),
.gc-header__menu-item a i:not([style*="color"]),
.hm-header__menu a i:not([style*="color"]),
.hm-header__menu-list a i:not([style*="color"]),
.menu-item a i:not([style*="color"]),
.gc-footer__menu a i:not([style*="color"]),
.widget_nav_menu a i:not([style*="color"]),
.sidebar .menu a i:not([style*="color"]) {
    color: #999;
}

/* Assicura che le icone siano visibili anche nei menu mobile */
.gc-header__sidebar-menu a i,
.gc-header__menu-toggle + ul a i {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.gc-header__sidebar-menu a i:not([style*="color"]),
.gc-header__menu-toggle + ul a i:not([style*="color"]) {
    color: #999;
}

/* Hover state - leggermente più scuro (solo se non c'è colore personalizzato) */
.gc-header__menu a:hover i:not([style*="color"]),
.gc-header__menu-item a:hover i:not([style*="color"]),
.hm-header__menu a:hover i:not([style*="color"]),
.menu-item a:hover i:not([style*="color"]),
.gc-footer__menu a:hover i:not([style*="color"]),
.widget_nav_menu a:hover i:not([style*="color"]),
.sidebar .menu a:hover i:not([style*="color"]) {
    color: #777;
}