
#site-logo-inner, #site-header-inner {
    transition: all .3s ease-in-out!important;
}
#site-header, #site-logo, #site-logo-inner a img {
	transition: all .3s ease-in-out!important;}
.fixed_sticky_active #site-header  {background-color:rgba(70,50,50,0.5)!important;}

.fixed_sticky_active #site-header #site-logo #site-logo-inner a img{
	max-height: 50px!important;
}
@media(min-width: 960px){
    .fixed_sticky_active #site-logo-inner{
        height: 74px!important;
    }
    .fixed_sticky_active #site-navigation-wrap .dropdown-menu >li >a {
        line-height: 74px!important;
        display: inline-block!important;
    }
    .fixed_sticky_active #site-header {
        opacity: 1;
    }
}

@media(max-width: 480px){
    .fixed_sticky_active #site-header {
        top: 0;
    }
    .fixed_sticky_active #site-header-inner {
    	padding: 0;
    }
}


/* Основные стили для элементов меню */
#site-navigation-wrap,
#site-navigation,
.main-menu,
.menu-link {
    background-clip: padding-box; /* Убираем артефакты фона */
    -webkit-background-clip: padding-box; /* Для Safari */
    background-color: transparent; /* Очищаем фон элементов */
}

/* Стили для липкого заголовка */
#site-header {
    position: relative;
    z-index: 999; /* Убедимся, что меню сверху */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Плавная анимация */
    will-change: background-color; /* Оптимизация анимации */
}

/* Стили при прокрутке */
.fixed_sticky_active #site-header {
    background-color: rgba(70,50,50,0.5) !important;
    backface-visibility: hidden; /* Убираем артефакты при анимации */
    transform: translateZ(0); /* Аппаратное ускорение */
}

/* Стили для ссылок меню */
.menu-link {
    display: inline-block;
    background-color: transparent; /* Очищаем фон ссылок */
    color: white; /* Цвет текста */
}

/* Дополнительные оптимизации */
#site-navigation {
    backface-visibility: hidden;
    transform: translateZ(0);
}