.ed-nav {
  background: var(--ed-bg);
  border-bottom: 2px solid var(--ed-orange-dim);
  font-family: 'Orbitron', sans-serif;
  position: relative;
  z-index: 1000;
}

.main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.main-menu > li {
  position: relative;
}

.main-menu > li > a {
  display: block;
  padding: 0 25px;
  line-height: var(--nav-height);
  color: var(--ed-orange);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 1px;
  transition: all 0.3s;
}

.main-menu > li:hover > a {
  background: rgba(255, 140, 0, 0.1);
  box-shadow: inset 0 -3px 0 var(--ed-orange);
  color: #fff;
  text-shadow: 0 0 10px var(--ed-orange);
}

.submenu {
  display: none; 
  position: absolute;
  top: var(--nav-height);
  left: 0;
  background: #1a1a1a;
  min-width: 220px;
  list-style: none;
  padding: 0;
  border: 1px solid var(--ed-orange-dim);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.submenu li {
  border-bottom: 1px solid rgba(255, 140, 0, 0.1);
}

.submenu li:last-child {
  border-bottom: none;
}

.submenu a {
  display: block;
  padding: 12px 20px;
  color: var(--ed-orange);
  text-decoration: none;
  font-size: 0.8rem;
  text-transform: uppercase;
  transition: 0.2s;
}

.submenu a:hover {
  background: var(--ed-orange);
  color: #000;
}

.has-submenu:hover .submenu {
  display: block;
}

.arrow {
  font-size: 0.6rem;
  margin-left: 5px;
  vertical-align: middle;
}

.main-menu > li.active > a {
  color: #fff;
  background: rgba(255, 140, 0, 0.2);
  box-shadow: inset 0 -3px 0 var(--ed-orange);
  text-shadow: 0 0 15px var(--ed-orange);
}

.submenu li.active-sub a {
  color: #fff;
  background: var(--ed-orange-dim);
  border-left: 3px solid var(--ed-orange);
}

.has-submenu .submenu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
}

.has-submenu:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Десктопный ховер оставляем только для мыши */
@media (hover: hover) {
    .main-menu li.has-submenu:hover > .submenu {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

/* Стили для мобилок */
@media (hover: none) {
    /* Скрываем подменю по умолчанию */
    .main-menu .submenu {
        display: none;
    }

    /* Раскрываем только когда добавлен класс .is-open */
    .main-menu li.has-submenu.is-open > .submenu {
        display: block !important;
        position: absolute;
        width: 200px; /* Подбери под свой дизайн */
        z-index: 1000;
        background: #1a1a1a; /* Твой темный фон */
        border: 1px solid #333;
    }

    /* Анимация стрелочки при открытии (опционально) */
    .main-menu li.has-submenu.is-open .arrow {
        transform: rotate(180deg);
        display: inline-block;
    }
}