/* Menu principale: sottomenu annidati (Bootstrap 5 non li gestisce nativamente) */
.main-site-menu .dropdown-menu {
  overflow: visible;
}

.main-site-menu .dropdown-submenu {
  position: relative;
}

.main-site-menu .dropdown-submenu > .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: 0.2em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  float: right;
  margin-top: 0.45em;
}

.main-site-menu .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0;
  margin-top: 0;
}

@media (min-width: 768px) {
  .main-site-menu.dropdown-hover .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}

@media (max-width: 767.98px) {
  .main-site-menu .dropdown-submenu > .dropdown-menu {
    position: static;
    left: auto;
    margin-left: 0.75rem;
    margin-top: 0.25rem;
    box-shadow: none;
    border: 0;
    padding-top: 0;
  }

  .main-site-menu .dropdown-submenu > .dropdown-toggle::after {
    float: none;
    margin-top: 0;
  }
}