/* ====================================
RECENT-ADS.CSS
Morjan Style Recent Ads Carousel v1.2
==================================== */

.sa-home-recent{
margin-top:24px;
}

.sa-home-recent .sudanads-feed-wrapper{
display:flex;
flex-direction:row;
gap:12px;
overflow-x:auto;
scroll-snap-type:x mandatory;
padding-inline:4px;
padding-bottom:6px;
}

.sa-home-recent .sudanads-feed-wrapper::-webkit-scrollbar{
display:none;
}

.sa-recent-card{
width:120px;
min-width:120px;
height:220px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
overflow:hidden;
scroll-snap-align:start;
display:flex;
flex-direction:column;
box-shadow:0 4px 12px rgba(0,0,0,.06);
transition:.2s ease;
}

.sa-recent-card:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.sa-recent-image{
position:relative;
width:120px;
height:120px;
overflow:hidden;
flex-shrink:0;
border-bottom:1px solid #f1f5f9;
}

.sa-recent-image img{
width:100% !important;
height:100% !important;
object-fit:cover;
display:block;
}

.sa-recent-content{
padding:10px;
display:flex;
flex-direction:column;
flex:1;
}

.sa-recent-description{
font-size:15px;
font-weight:700;
color:#111827;
line-height:1.3;
height:54px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
text-align:right;
direction:rtl;
margin:0;
}

.sa-recent-title{
margin-top:auto;
font-size:18px;
font-weight:900;
color:#16a34a;
text-align:right;
direction:rtl;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.sa-home-recent a.sa-recent-card,
.sa-home-recent a.sa-recent-card:hover,
.sa-home-recent a.sa-recent-card:focus,
.sa-home-recent a.sa-recent-card:visited{
    text-decoration:none !important;
    color:inherit !important;
}

.sa-recent-heart{

position:absolute;

top:4px;

right:4px;

width:24px;

height:24px;

display:flex;

align-items:center;

justify-content:center;

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

border-radius:999px;

font-size:11px;

z-index:20;

border:1px solid rgba(0,0,0,.08);

box-shadow:0 2px 4px rgba(0,0,0,.08);

}