/* =========================
   Menu principale
   ========================= */
.sub-menu__topic-button span {
  font-size: 20px;
  font-weight: bold;
}

.sub-menu__topic-button {
  transition: all 0.2s ease;
}

.sub-menu__topic-button:hover {
  border: 2px solid #E3000F;
  background: transparent;
  padding: 8px 14px;
  border-radius: 6px;
}

.sub-menu__topic-button:hover span {
  color: #E3000F;
}

.main-menu__link:hover{
  color: #E3000F;
}

/* =========================
   Sotto-menu
   ========================= */
.sub-menu__nav {
  border: 2px solid #E3000F;
  border-radius: 15px;
}

/* Hover sul singolo item nel sotto-menu */
.sub-menu__nav .sub-menu__item.visible .sub-menu__button .sub-menu__button--next:hover,
.sub-menu__nav .sub-menu__item.visible .sub-menu__button .sub-menu__button--next.active,
.sub-menu__nav .sub-menu__item.visible .sub-menu__link-label:hover,
.sub-menu__nav .sub-menu__item.visible .sub-menu__link-label.active {
  color: #E3000F;
  border-color: #E3000F;
  transition: all 0.2s ease;
}
/* Menu e sotto-menu globale */
.sub-menu__item .sub-menu__button:hover,
.sub-menu__item .sub-menu__button.active,
.sub-menu__item .sub-menu__link-label:hover span,
.sub-menu__item .sub-menu__link-label.active span{
  color: #E3000F;
  transition: all 0.2s ease;
}

/* Eventuali transizioni per smoother hover */
.sub-menu__item.visible .sub-menu__link-label,
.sub-menu__item.visible .sub-menu__button.sub-menu__button--next {
  transition: color 0.2s ease, border-color 0.2s ease;
}