/* Стили для мобильного меню (без анимации) */

/* Стили для кнопки "сэндвич" и крестика */
.mobile-menu-btn span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: var(--text-color);
    margin: 5px 0;
    position: relative;
}

/* Трансформация в крестик */
.mobile-menu-btn.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 8px;
}

.mobile-menu-btn.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-btn.active span:nth-child(3) {
    transform: rotate(-45deg);
    top: -8px;
}

/* Кнопка раскрытия подменю */
.dropdown-toggle {
    display: none;
    margin-left: 5px;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
    .dropdown-toggle {
        display: inline-block;
    }
    
    .nav-links {
        padding: 0px 0;
    }
    
    .nav-links a {
        padding: 12px 15px 12px 12px;
        width: 320px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .dropdown-menu {
        padding-left: 0px;
        display: none; /* Скрываем подменю */
    }
    
    /* Показ подменю без анимации */
    .dropdown.active .dropdown-menu {
        display: block;
    }
    
    /* Простое переключение мобильного меню без анимации */
    .main-nav {
        display: none;
    }
    
    .main-nav.active {
        display: block;
    }
}