/***************** 

** 1. Search Icon 

******************/



.ltw-header-search .ltw-header-search-toggler button#ltw-searchToggler {

    border: none;

    background-color: transparent;

    padding: 0;

    box-shadow: none;

    cursor: pointer;

}



.ltw-header-search-toggler {

    padding-top: 3px;

    max-height: 24px;

}



/***************** 

** 2. Search Bar 

******************/



.ltw-header-search .search_bar {

    display: none;

}



.ltw-header-search .search_bar.search_bar--visible {

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: rgba(0, 0, 0, .9);

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 9999999;

}



.ltw-header-search .search_bar .ltw-search-bar-wrapper {

    position: relative;

    padding-left: 25px;

    padding-right: 25px;

}



.ltw-header-search .search_bar form {

    position: relative;

    display: block;

    width: 100%;

    max-width: 500px;

}



.ltw-header-search .search_bar form input.input_search {
    width: 100%;
    padding-right: 55px;
    padding-left: 14px;
    height: 48px;
    max-width: 230px;
}



.ltw-header-search .search_bar form .search-submit {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: transparent;

    color: transparent;

    overflow: hidden;

    border: none;

    box-shadow: none;

    width: 54px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.ltw-header-search .search_bar form .search-submit img,

.ltw-header-search .search_bar form .search-submit svg {

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    display: block;

}





.ltw-header-search .search_bar form .search-submit svg path {

    stroke: #004E73;

}



.ltw-header-search .search_bar #ltw-searchClose {

    background-color: transparent;

    border: none;

    box-shadow: none;

    position: absolute;

    top: 15px;

    right: 15px;

}





/***************** 

** 3. Search Results 

******************/



.ltw-header-search .search_result {

    display: none;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    left: 0;
    top: 100%;
    min-width: 100%;
    border: 1px solid #ddd;
    border-radius: 16px;
    font-size: 14px;
    max-height: calc(50vh - 100px);
    overflow-y: auto;
}



.ltw-header-search .search_result ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.ltw-header-search .search_result ul li.ltw-search-result,

.ltw-header-search .search_result ul li.ltw-search-wait,

.ltw-header-search .search_result .ltw-search__noresults {

    padding: 10px;

}



.ltw-header-search .search_result ul li.ltw-search-wait,

.ltw-header-search .search_result .ltw-search__noresults {

    font-weight: 700;

}



.ltw-header-search .search_result ul li.ltw-search-result {

    display: flex;

    gap: 20px;

    align-items: stretch;

}



.ltw-header-search .search_result ul li.ltw-search-result:not(:last-child) {

    border-bottom: 1px solid #ddd;

}



.ltw-header-search .search_result ul li.ltw-search-result .ltw-search__item-name {

    flex-basis: calc(100% - 70px);

    display: flex;

    align-items: center;

    justify-content: flex-start;

    font-weight: 700;

}



.ltw-header-search .search_result ul li.ltw-search-result img {
    width: 50px;
}
.ltw-header-search .search_result ul li.ltw-search-result:hover {
    background-color: #f0f0f0;
}








/***************************

** 4. Changes on breakpoint

*****************************/



@media (min-width: 1280px) {

    .ltw-header-search .ltw-header-search-toggler {

        display: none;

    }



    .ltw-header-search .search_bar,

    .ltw-header-search .search_bar.search_bar--visible {

        display: block;

        position: initial;

        background-color: transparent;

    }



    .ltw-header-search .search_bar form {

        width: auto;

    }



    .ltw-header-search .search_bar #ltw-searchClose {

        display: none;

    }



    .ltw-header-search .search_result {

        max-height: calc(100vh - 250px);

    }



    .ltw-header-search .search_bar .ltw-search-bar-wrapper {

        padding-left: 0;

        padding-right: 0;

    }



}