/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Sep 01 2025 | 11:24:54 */
.menu-button {
    position: fixed;
    top: 40px;
    right: 15px;
    background: #333;
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    z-index: 1000;
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: -250px;
    width: 250px;
    height: 100%;
    background: #222;
    color: white;
    transition: right 0.3s ease;
    padding-top: 50px;
    z-index: 999;
}

.mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-menu ul li {
    padding: 10px;
    border-bottom: 1px solid #444;
}

.mobile-menu ul li a {
    color: white;
    text-decoration: none;
    display: block;
}

.mobile-menu ul li a:hover {
    background: #444;
}

.mobile-menu.open {
    right: 0;
}

.menu-button {
    display: none; /* Скрываем кнопку по умолчанию */
    position: fixed;
    top: 10px;
    right: 10px;
    background: #333;
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    z-index: 1000;
    transition: background 0.3s ease;
}

.menu-button:active {
    background: #FF7A00; /* Оранжевый цвет при нажатии */
}

.has-submenu-close::after{
	content: "   \25B6";
}
.has-submenu-open::after{
	content: "  \25B2";
}
.mobile-menu ul li ul li{
	padding: 6px 10px;
	border: none;
}
.mobile-menu ul li ul li a::before{
	content: "- ";
}
.hidden-submenu{
	display: none;
}


@media (max-width: 768px) {
    .menu-button {
        display: block; /* Показываем кнопку только на мобильных устройствах */
    }
}