/*
Theme Name: Saja Clean Theme V8
Author: ChatGPT
Version: 8.0
Description: قالب عربي احترافي ونظيف للمقالات والوظائف.
*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Tajawal",sans-serif;
}

body{
    background:#f3f6fb;
    direction:rtl;
    color:#222;
}

/* الهيدر */
.site-header{
    background:#3CACF4;
    padding:14px 16px;
}

.header-flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.site-logo img{
    width:170px;
    height:auto;
}

.site-time{
    color:#fff;
    font-size:13px;
    line-height:1.8;
    text-align:left;
}

/* النافبار */
.top-nav{
    background:#2d92d7;
    display:flex;
    overflow-x:auto;
    gap:8px;
    padding:12px 12px;
    white-space:nowrap;
    position:sticky;
    top:0;
    z-index:999;
}

.top-nav::-webkit-scrollbar{
    display:none;
}

.top-nav a{
    text-decoration:none;
    color:#fff;
    background:rgba(255,255,255,.15);
    padding:10px 16px;
    border-radius:14px;
    font-size:14px;
    font-weight:600;
    flex:0 0 auto;
}

/* المحتوى */
.container{
    padding:18px 14px;
}

/* شبكة المقالات */
.posts-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
}

/* بطاقة المقال */
.post-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
}

/* صورة المقال */
.post-thumb img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

/* المحتوى */
.post-body{
    padding:16px;
}

.post-title{
    font-size:22px;
    line-height:1.7;
    font-weight:800;
    margin-bottom:10px;
}

.post-excerpt{
    font-size:14px;
    color:#666;
    line-height:2;
}

/* زر */
.read-more{
    display:inline-block;
    margin-top:14px;
    background:#3CACF4;
    color:#fff;
    text-decoration:none;
    padding:10px 16px;
    border-radius:12px;
    font-size:14px;
    font-weight:700;
}

/* صفحة المقال */
.single-post{
    background:#fff;
    padding:18px;
    border-radius:18px;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
}

.single-post img{
    width:100%;
    border-radius:16px;
    margin:15px 0;
}

.single-title{
    font-size:28px;
    line-height:1.8;
    margin-bottom:10px;
    font-weight:800;
}

.single-content{
    line-height:2.2;
    font-size:16px;
}

/* الكمبيوتر */
@media(min-width:768px){

.posts-grid{
    grid-template-columns:repeat(2,1fr);
}

.container{
    width:95%;
    max-width:1200px;
    margin:auto;
}

}