.category-search-container{

max-width:900px;

margin:40px auto;

text-align:center;

direction:rtl;

font-family:
Vazirmatn,
Tahoma,
Arial;

}


.category-search-container select,


.category-search-container input{


width:80%;

height:45px;

margin:10px;

padding:8px;

font-size:16px;


}



#search-button{


height:45px;

padding:0 25px;

cursor:pointer;


}



.post-item{


text-align:right;

padding:20px;

border-bottom:1px solid #ddd;

}



.post-item h3 a{


text-decoration:none;

font-size:20px;


}



.post-item p{


line-height:2;

}



.post-card{

    background:#fff;

    padding:24px;

    margin:20px 0;

    border-radius:12px;

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

    text-align:right;

    overflow:hidden;

}

.post-card *{

    box-sizing:border-box;

}



.post-card h3 a{


color:#1670c5;

text-decoration:none;


}



.post-category{


font-size:14px;

margin:10px 0;

}



.read-more{


display:inline-block;

margin-top:10px;

}


.filter-buttons{

margin:20px;

}



.filter-buttons button{


padding:10px 25px;

margin:5px;

cursor:pointer;


}



.ajax-pagination{


text-align:center;

margin:30px;


}



.page-number{


margin:5px;

padding:8px 15px;

cursor:pointer;


}



#clear-filter{
height:45px;

padding:0 25px;

cursor:pointer;
}


.search-guide{

text-align:center;

font-size:20px;

color:#666;

padding:40px;

}



/* نوار تعداد نتایج */

/* ===========================
   هدر نتایج جستجو
=========================== */

.result-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    background:#1565c0;

    color:#fff;

    padding:14px 18px;

    border-radius:12px;

    margin-bottom:20px;

    direction:rtl;

    flex-wrap:wrap;

}



/* تعداد مطالب */

.result-count{

    flex:1.5;

    text-align:right;

    font-size:18px;

    font-weight:bold;

    white-space:nowrap;

}



/* صفحه جاری */

.page-info{

    flex:1.3;

    text-align:center;

    font-size:17px;

    font-weight:bold;

    white-space:nowrap;

}



/* لیست صفحات */

#ajax-page-select{

    flex:0 0 115px;

    width:115px;

    min-width:115px;

    max-width:115px;

    height:36px;

    border-radius:6px;

    border:none;

    padding:0 8px;

    font-size:15px;

    cursor:pointer;

    font-family:Tahoma, Vazirmatn;

}




.result-number{


font-size:34px;

margin-left:8px;


}



/* انیمیشن جستجو */


.loading-search{


height:150px;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;


font-size:28px;

font-weight:bold;

color:#1565c0;


}



.spinner{


width:55px;

height:55px;


border-radius:50%;


border:6px solid #ddd;


border-top-color:#1565c0;


animation:

spin 1s linear infinite;


margin-bottom:20px;


}



@keyframes spin{


0%{

transform:rotate(0deg);

}


100%{

transform:rotate(360deg);

}


}







/* عدم وجود نتیجه */


.no-result{


width:80%;

margin:40px auto;

padding:30px;


background:#fff0f0;


border:2px solid red;


border-radius:15px;


text-align:center;


font-size:28px;


font-weight:bold;


color:red;


font-family:

Vazirmatn,
Tahoma;


box-shadow:

0 3px 10px rgba(255,0,0,.15);


}



.search-box{

    display:flex;

    flex-direction:column;

    align-items:center;

    width:100%;

}

.filter-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    flex-wrap:wrap;

    width:100%;

}

.filter-buttons button{

    min-width:140px;

    height:45px;

    position:relative;

    z-index:10;

}



/* ===========================
   نمایش مناسب هدر در موبایل
=========================== */

@media (max-width:768px){

    .result-header{

        display:flex;

        flex-wrap:wrap;

        justify-content:center;

        align-items:center;

        gap:12px;

        padding:12px;

    }

    .result-count{

        width:100%;

        text-align:center;

        font-size:17px;

        order:1;

        white-space:normal;

    }

    .page-info{

        width:100%;

        text-align:center;

        font-size:16px;

        order:2;

        white-space:normal;

    }

    #ajax-page-select{

        width:120px;

        min-width:120px;

        max-width:120px;

        margin:0 auto;

        order:3;

    }

}



/* ===========================
   نمایش متن کارت مطالب
=========================== */

.post-card p{

    text-align:justify;

    text-justify:inter-word;

    line-height:2.2;

    margin:15px 0 0;

    color:#444;

    font-size:16px;

    direction:rtl;

}


.post-card h3{

    margin:0 0 15px;

    line-height:1.8;

}


/* ===========================
   دکمه بازگشت به بالا
=========================== */

#back-to-top{

    position:fixed;

    left:25px;

    bottom:25px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:#1565c0;

    color:#fff;

    font-size:26px;

    font-weight:bold;

    cursor:pointer;

    display:none;

    z-index:9999;

    box-shadow:0 4px 15px rgba(0,0,0,.25);

    transition:
        opacity .3s,
        transform .3s,
        background .3s;

}



#back-to-top:hover{

    background:#0d47a1;

    transform:scale(1.08);

}



#back-to-top.show{

    display:block;

    animation:fadeUp .3s;

}



@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}



/* موبایل */

@media(max-width:768px){

    #back-to-top{

        width:48px;

        height:48px;

        left:15px;

        bottom:15px;

        font-size:22px;

    }

}