/*меню пилюля*/
/* =====================================
   Kadence menu buttons like old .btn
===================================== */
/* перебиваем стандарт Kadence */

#primary-menu {
	display: flex!important;
        align-items: center!important;
        gap: 1.25rem!important;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a {

    padding-left:1rem !important;
    padding-right:1rem !important;
    padding-top:.25rem !important;
    padding-bottom:0 !important;

}
.menu > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
	font-size: 1.5rem!important;
    font-weight: 400 !important;
    color: #fff !important;
    text-decoration: none !important;

    padding: 8px 16px 4px !important;
    line-height: 1 !important;

    border: 2px solid transparent !important;
    border-radius: 9999px !important;

    transition: border-color .3s ease, background-color .3s ease !important;
}

.menu li a:hover,
.menu li.current-menu-item a,
.menu li.current-menu-parent a,
.menu li.current_page_item a {
    border-color: #fff !important;
}
.site-container {
    max-width: 1780px!important;
    padding: 0 20px!important;
}


/*кнопка тг*/
a.social-button {
    
    text-decoration: none;
    
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
   /* color: #f0f0f0;
     background: var(--global-palette7); */
    border-radius: 3px;
    transition: all .2s ease-in-out;
}
/* ==========================================
   Родитель
========================================== */

#site-navigation .menu-item-has-children {
    position: relative;
}

/* ==========================================
   Выпадающее меню
========================================== */

#site-navigation .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;

    width: 232px;
    min-width: 220px;

    padding: 1rem 0;

    border-radius: 8px;
    z-index: 999;

    background: transparent;
}

/* Фон как на Битриксе */

#site-navigation .sub-menu::before {
    content: "";
    position: absolute;

    top: 1rem;
    right: 0;
    bottom: 1rem;
    left: 0;

    background: #3a4246;
    border-radius: 8px;

    box-shadow: 0 -1px 43px 13px rgba(0,0,0,.24);

    z-index: -1;
}

/* показать меню */

#site-navigation .menu-item-has-children:hover > .sub-menu {
    display: block;
}

/* ==========================================
   Пункты меню
========================================== */

#site-navigation .sub-menu > li {
    position: relative;
    border-bottom: 1px solid #5d6970;
}

#site-navigation .sub-menu > li:last-child {
    border-bottom: none;
}

/* ==========================================
   Ссылки
========================================== */

#site-navigation .sub-menu > li > a {
    display: block !important;

    width: 100% !important;
    box-sizing: border-box;

    padding: .8rem 1rem !important;

    line-height: 1;

    font-size: 1.2rem !important;
    font-weight: 400;

    color: #fff !important;

    text-decoration: none;
    border: none !important;

    transition: background .3s, color .3s;
}

/* Ховер */

#site-navigation .sub-menu > li:hover > a {
    background: #5d6970;
    color: #fff;
}

/* Первый пункт */

#site-navigation .sub-menu > li:first-child > a {
    border-radius: 8px 8px 0 0;
}

/* Последний пункт */

#site-navigation .sub-menu > li:last-child > a {
    border-radius: 0 0 8px 8px;
}

/* Если в меню только один пункт */

#site-navigation .sub-menu > li:first-child:last-child > a {
    border-radius: 8px;
}
/* перебиваем Kadence */

.header-navigation .header-menu-container ul ul li.menu-item > a {
    width: 100% !important;
    padding: .8rem 1rem !important;
}
#site-navigation .sub-menu > li > a {
    width: 100% !important;
    padding: .8rem 1rem !important;
}
#site-navigation #primary-menu a {
    font-family: "TT Commons", sans-serif !important;
}

/* Скрыть стрелку */
#site-navigation .dropdown-nav-toggle {
    display: none !important;
}

/* Убрать отступ справа у пунктов с подменю */
#site-navigation .menu-item-has-children > a {
    padding-right: 0 !important;
}

/* Если родитель использует flex */
#site-navigation .menu-item-has-children {
    gap: 0 !important;
}
/* =====================================================
   MOBILE MENU (Kadence) — стиль как на старом сайте
===================================================== */

/* Весь drawer */
#mobile-drawer{
    inset:0 !important;
}

/* Затемнение */
#mobile-drawer .drawer-overlay{
    background:rgba(0,0,0,.6);
}

/* Панель */
#mobile-drawer .drawer-inner{
    position:relative;
    width:100% !important;
    max-width:100% !important;
    height:100dvh;
    background:#000;
}

/* Убираем стандартные отступы */
#mobile-drawer .drawer-content{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    padding:0 !important;
}

/* Контейнер навигации */
#mobile-site-navigation,
#mobile-site-navigation .drawer-menu-container{
    width:100%;
    height:100%;
}

/* Сам список */
#mobile-menu{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    list-style:none;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

/* Пункты */
#mobile-menu>li{
    width:100%;
    margin:1.25dvh 0;
    text-align:center;
}

/* Ссылки */
#mobile-menu>li>a,
#mobile-menu .drawer-nav-drop-wrap>a{

    display:block;

    font-family:"TT Commons",sans-serif !important;
    font-size:1.25rem;
    font-weight:400;
    line-height:1;
    color:#fff;

    text-decoration:none;
}

/* Контейнер пункта с подменю */
#mobile-menu .drawer-nav-drop-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:.5rem;
}

/* Кнопка стрелки */
#mobile-menu .drawer-sub-toggle{

    background:none;
    border:0;
    color:#fff;
    padding:0;
}

/* Подменю */
#mobile-menu .sub-menu{

    list-style:none;
    padding:0;
    margin:.75rem 0 0;
}

#mobile-menu .sub-menu li{

    margin:.75rem 0;
}

#mobile-menu .sub-menu a{

    font-family:"TT Commons",sans-serif !important;
    font-size:1rem;
    font-weight:400;
    color:#fff;
    text-decoration:none;
}

/* =====================================================
   Крестик
===================================================== */

#mobile-drawer .drawer-header{

    position:absolute;
    top:20px;
    right:20px;

    z-index:100;

    padding:0;
    margin:0;

    background:none;
}

#mobile-drawer .menu-toggle-close{

    width:42px;
    height:42px;

    padding:0;

    border:0;
    background:transparent;
}

/* =====================================================
   >=768px
===================================================== */

@media (min-width:768px){

    #mobile-menu>li{

        margin:1.5dvh 0;
    }

    #mobile-menu>li>a,
    #mobile-menu .drawer-nav-drop-wrap>a{

        font-size:1.5rem;
        padding:.5rem 1.5rem .25rem;
    }
}
/* =====================================
   Анимация открытия мобильного меню
===================================== */

#mobile-drawer .drawer-inner{
    transform:translateX(30px);
    opacity:0;
    transition:
        transform .45s ease,
        opacity .45s ease;
}

#mobile-drawer.active .drawer-inner{
    transform:translateX(0);
    opacity:1;
}