/* 
 * Domain.com - Mobile Menu Styles
 * Эти стили применяются только к мобильной версии сайта
 */

/* Скрытие мобильной кнопки на десктопах */
.mobile-menu-toggle {
    display: none !important; /* По умолчанию скрыта */
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}

/* Стили для мобильной версии */
@media (max-width: 768px) {
    /* Показываем мобильное меню */
    .mobile-menu-toggle {
        display: inline-block !important;
        visibility: visible;
        width: auto;
        height: auto;
        position: static;
        opacity: 1;
        
        background: none;
        border: none;
        color: var(--neutral);
        font-size: 1.5rem;
        cursor: pointer;
    }
    
    /* Гамбургер-иконка */
    .mobile-menu-toggle::before {
        content: '\f0c9'; /* Font Awesome hamburger icon */
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }
    
    /* Скрываем обычное меню */
    nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: var(--primary);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    
    /* Показываем активное меню */
    nav.active {
        max-height: 500px;
    }
    
    nav ul {
        flex-direction: column;
        padding: 1rem 0;
    }
    
    nav ul li {
        margin: 0;
    }
    
    nav ul li a {
        display: block;
        padding: 0.75rem 2rem;
    }
}