/* Иконка лупы в меню */
.menu-item-mis-search { list-style: none; }
.menu-item-mis-search .mis-search-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
.menu-item-mis-search .mis-search-icon{
    display:inline-block;
    width:18px;height:18px;position:relative;color:currentColor;
}
.menu-item-mis-search .mis-search-icon::before,
.menu-item-mis-search .mis-search-icon::after{
    content:"";position:absolute;display:block;
}
.menu-item-mis-search .mis-search-icon::before{ /* круг */
    width:14px;height:14px;border:2px solid currentColor;border-radius:50%;top:0;left:0;
}
.menu-item-mis-search .mis-search-icon::after{ /* ручка */
    width:8px;height:2px;background:currentColor;border-radius:2px;transform:rotate(45deg);bottom:-1px;right:-2px;
}

/* --- Инлайн-поиск внутри контейнера меню --- */
.mis-container{position:relative;}
.mis-inline-search{display:none;width:100%;}
.mis-inline-search.is-open{display:block;}
.mis-inline-search .mis-form{width:100%;}
.mis-inline-search .mis-input{
    width:100%;
    font-size:16px;
    line-height:1.4;
    padding:12px 16px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    outline:none;
    background:#fff;
}
.mis-inline-search .mis-input:focus{box-shadow:0 0 0 3px rgba(0,0,0,.06);}

/* Когда поиск открыт — скрываем список меню только в рамках контейнера */
.mis-container.mis-open > ul,
.mis-container.mis-open .menu,
.mis-container.mis-open .menu-items{ display:none !important; }

/* Популярные обертки меню, чтобы автоматически пометить контейнер */
.main-navigation, nav, .site-header .navigation, .header-menu { position:relative; }

/* Кнопка закрытия справа от поля (иконкой) */
.mis-inline-search .mis-close{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:8px;
    width:36px;height:36px;
    border:none;background:transparent;cursor:pointer;
}
.mis-inline-search .mis-close::before,
.mis-inline-search .mis-close::after{
    content:"";position:absolute;left:8px;top:17px;width:20px;height:2px;background:#111;
}
.mis-inline-search .mis-close::before{transform:rotate(45deg);}
.mis-inline-search .mis-close::after{transform:rotate(-45deg);}

/* Верстка: чтобы поле занимало всю ширину контейнера */
.mis-inline-wrapper{position:relative;width:100%;}
.mis-inline-wrapper .mis-input{padding-right:44px;}