/**
 * Salehi Dropdown
 */

.salehi-dropdown-box{

position:fixed;

top:90px;

left:20px;

width:360px;

background:#fff;

border-radius:18px;

box-shadow:0 15px 50px rgba(0,0,0,.12);

border:1px solid #ececec;

display:none;

overflow:hidden;

z-index:999999;

animation:salehiDropdown .25s ease;

}


.salehi-dropdown-box.active{

display:block;

}



@keyframes salehiDropdown{

from{

opacity:0;

transform:translateY(-10px);

}

to{

opacity:1;

transform:translateY(0);

}

}



.salehi-dropdown-header{

display:flex;

align-items:center;

justify-content:space-between;

padding:18px 20px;

font-size:17px;

font-weight:700;

border-bottom:1px solid #f1f1f1;

background:#fff;

}



.salehi-dropdown-content{

max-height:420px;

overflow-y:auto;

}



.salehi-dropdown-content::-webkit-scrollbar{

width:5px;

}



.salehi-dropdown-content::-webkit-scrollbar-thumb{

background:#ddd;

border-radius:20px;

}



.salehi-notification-item{

display:flex;

gap:14px;

padding:18px;

border-bottom:1px solid #f3f3f3;

transition:.25s;

cursor:pointer;

}



.salehi-notification-item:hover{

background:#fafafa;

}



.salehi-notification-icon{

width:42px;

height:42px;

display:flex;

align-items:center;

justify-content:center;

background:#f5f5f5;

border-radius:50%;

font-size:20px;

flex-shrink:0;

}



.salehi-notification-item h4{

margin:0 0 6px;

font-size:15px;

font-weight:700;

color:#222;

}



.salehi-notification-item p{

margin:0;

font-size:13px;

line-height:1.9;

color:#777;

}



.salehi-dropdown-footer{

display:block;

padding:16px;

text-align:center;

text-decoration:none;

font-weight:700;

border-top:1px solid #f3f3f3;

background:#fff;

transition:.25s;

}



.salehi-dropdown-footer:hover{

background:#fafafa;

}



.salehi-account-header{

padding:20px;

font-weight:700;

font-size:16px;

border-bottom:1px solid #f1f1f1;

}



.salehi-account-dropdown ul{

margin:0;

padding:0;

list-style:none;

}



.salehi-account-dropdown li{

border-bottom:1px solid #f3f3f3;

}



.salehi-account-dropdown li:last-child{

border:none;

}



.salehi-account-dropdown a{

display:flex;

align-items:center;

gap:10px;

padding:15px 20px;

text-decoration:none;

color:#333;

transition:.25s;

}



.salehi-account-dropdown a:hover{

background:#fafafa;

}



.salehi-empty{

padding:30px;

text-align:center;

color:#888;

}



@media(max-width:768px){

.salehi-dropdown-box{

left:10px;

right:10px;

width:auto;

top:75px;

border-radius:16px;

}

}