/* Мобильная навигация для WooCommerce MyAccount */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        position: relative;
        margin-bottom: 20px;
    }
    
    .woocommerce-MyAccount-navigation .mobile-nav-toggle {
        display: block;
        width: 100%;
        padding: 15px 20px;
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 500;
        color: #333;
        cursor: pointer;
        position: relative;
        text-align: left;
        transition: all 0.3s ease;
    }
    
    .woocommerce-MyAccount-navigation .mobile-nav-toggle:hover {
        background: #e9ecef;
    }
    
    .woocommerce-MyAccount-navigation .mobile-nav-toggle::after {
        content: '▼';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s ease;
    }
    
    .woocommerce-MyAccount-navigation .mobile-nav-toggle.active::after {
        transform: translateY(-50%) rotate(180deg);
    }
    
    .woocommerce-MyAccount-navigation ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #dee2e6;
        border-top: none;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .woocommerce-MyAccount-navigation ul.active {
        display: block;
    }
    
    .woocommerce-MyAccount-navigation ul li {
        margin: 0;
        border-bottom: 1px solid #f1f3f4;
    }
    
    .woocommerce-MyAccount-navigation ul li:last-child {
        border-bottom: none;
    }
    
    .woocommerce-MyAccount-navigation ul li a {
        display: block;
        padding: 15px 20px;
        color: #333;
        text-decoration: none;
        transition: background-color 0.3s ease;
        font-size: 15px;
    }
    
    .woocommerce-MyAccount-navigation ul li a:hover {
        background: #f8f9fa;
        color: #333;
    }
    
    .woocommerce-MyAccount-navigation ul li.is-active a {
        background: #0066CC !important;
        color: #fff;
        font-weight: 500;
        border-radius: 0;
    }
    
    .woocommerce-MyAccount-navigation ul li.is-active a:hover {
        background: #005a87;
        color: #fff;
    }
}

/* Скрыть мобильную навигацию на десктопе */
@media (min-width: 769px) {
    .woocommerce-MyAccount-navigation .mobile-nav-toggle {
        display: none;
    }
}