/* ==========================================================
   Search Overlay
========================================================== */

.hemritu-search-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    display:none;

    align-items:flex-start;

    justify-content:center;

    padding-top:80px;

    z-index:999999;

}

/* Open */

.hemritu-search-overlay.active{

    display:flex;

}

/* ==========================================================
   Search Box
========================================================== */

.hemritu-search-box{

    max-width:900px;

    width:92%;
    
    position:relative;

}

/* ==========================================================
   Close Button
========================================================== */


/* ==========================================================
   Form
========================================================== */

.hemritu-search-form{

    display:flex;

    gap:12px;

}

.hemritu-search-form input[type="search"]{

    flex:1;

    height:52px;

    border:1px solid #ddd;

    border-radius:10px;

    padding:0 18px;

    font-size:16px;

    outline:none;

}

.hemritu-search-form input[type="search"]:focus{

    border-color:#111;

}

.hemritu-search-form button{

    min-width:120px;

    padding:0 24px;

}


/* ==========================================
   Search Open
========================================== */

body.hemritu-search-open{

    overflow:hidden;

}

/* ==========================================
   Mobile Search
========================================== */

@media (max-width:991px){

    .hemritu-search-overlay{

        padding:70px 15px 0;

    }

    .hemritu-search-box{

        width:100%;

        max-width:100%;

    }

    .hemritu-search-form{

        display:flex;

        gap:10px;

    }

    .hemritu-search-form input[type="search"]{

        flex:1;

        min-width:0;

    }

    .hemritu-search-form button{

        min-width:110px;

    }

}