/* ==========================================
   SEARCH OVERLAY
========================================== */

#dap-search-overlay{

    position:fixed;

    inset:0;

    background:rgba(255,255,255,.98);

    z-index:999999;

    display:flex;

    flex-direction:column;

    opacity:0;

    visibility:hidden;

    transition:.30s;

}

#dap-search-overlay.active{

    opacity:1;

    visibility:visible;

}

/* Search Header */

.dap-search-header{

    display:flex;

    align-items:center;

    padding:15px;

    border-bottom:1px solid #eee;

    background:#fff;

}

/* Input */

#dap-search-input{

    flex:1;

    height:48px;

    border-radius:30px;

    border:1px solid #ddd;

    padding:0 20px;

    font-size:16px;

    outline:none;

}

/* Close */

#dap-search-close{

    width:45px;

    height:45px;

    border:none;

    background:none;

    font-size:24px;

    margin-left:10px;

    cursor:pointer;

}

/* Body */

.dap-search-body{

    flex:1;

    overflow:auto;

    padding:20px;

}

/* Heading */

.dap-search-title{

    font-size:14px;

    font-weight:700;

    margin-bottom:12px;

    color:#777;

}

/* Chips */

.dap-chip{

    display:inline-flex;

    align-items:center;

    padding:10px 18px;

    border-radius:25px;

    background:#f3f3f3;

    margin:5px;

    cursor:pointer;

    font-size:14px;

    transition:.25s;

}

.dap-chip:hover{

    background:#0B3D91;

    color:#fff;

}









/* ===========================
   Search Results
=========================== */

#dap-search-results{

    margin-top:20px;

}

.dap-search-item{

    display:flex;

    align-items:center;

    padding:12px 0;

    border-bottom:1px solid #eee;

}

.dap-search-thumb{

    width:70px;

    height:70px;

    border-radius:10px;

    overflow:hidden;

    flex-shrink:0;

}

.dap-search-thumb img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.dap-search-content{

    padding-left:15px;

    flex:1;

}

.dap-search-content h4{

    margin:0 0 5px;

    font-size:15px;

    line-height:1.4;

}

.dap-search-content p{

    margin:0;

    color:#777;

    font-size:13px;

}




















.dap-search-item{

    text-decoration:none;

    color:#222;

}

.dap-search-item:hover{

    background:#f5f5f5;

}

.dap-no-result{

    padding:20px;

    text-align:center;

    color:#777;

}