/*
Theme Name: Suhufiya Book Store
Theme URI: https://suhufiya.ir
Author: Suhufiya Team
Description: یک قالب مدرن، ریسپانسیو و اپلیکیشن‌مانند برای فروشگاه کتاب با پشتیبانی از ووکامرس.
Version: 1.0.0
Text Domain: suhufiya
*/

/* تنظیمات پایه */
body {
    background-color: #f3f4f6;
    direction: rtl;
    text-align: right;
}
/*
 * ============================================================
 * اصلاح ناهنجاری لایوت بین صفحات (Global Layout Fix)
 * ============================================================
 */

/* استانداردسازی پدینگ برای کانتینرها و کانتینرهای سفارشی */
/* این کد باعث می‌شود صفحاتی که کلاس container ندارند هم فاصله استاندارد بگیرند */

main, 
#content, 
.entry-content,
.single-product div.product,
.woocommerce-cart-form,
.woocommerce-checkout {
    /* پدینگ استاندارد برای بالا و پایین */
    padding-top: 1.5rem; 
    padding-bottom: 1.5rem;
}

/* پدینگ افقی (Right/Left) برای ریسپانسیو بودن */
@media (max-width: 768px) {
    main, 
    #content, 
    .entry-content,
    .single-product div.product {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 768px) {
    main, 
    #content, 
    .entry-content,
    .single-product div.product {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* رفع مشکل جداول ووکامرس (اگر استایل پیش‌فرض لود شده باشد) */
/* اطمینان از اینکه جداول پهنای صفحه را نمی‌گیرند */
table, .woocommerce table.shop_table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 1em;
}

/* مرکز کردن محتوایی که از کلاس max-w استفاده می‌کنند اما فاصله ندارند */
.max-w-4xl, .max-w-6xl {
    /* اگر این کلاس‌ها در روت body هستند، مطمئن شویم فاصله دارند */
    /* (اختیاری اگر هنوز مشکل وجود دارد) */
}
ul.page-numbers{
   width:100%;
   display:flex;
   align-items: center;
}
ul.page-numbers li > a,ul.page-numbers li > span{
   padding: 5px;
   border:1px solid #CCC;
   border-radius: 6px;
   margin-left:2px;
   min-width:30px;
   text-align: center;
   display: block;
   background:#FFF;
}
ul.page-numbers li > a.current,ul.page-numbers li > span.current,li.current-cat a,li.current-cat span{
   background: #4338CA!important;
   color:#FFF!important;
   border-color:#FFF!important;
}
li.cat-item a{
   padding: 5px;
   border:1px solid #CCC;
   border-radius: 6px;
   margin-left:2px;
   text-align: right;
   display: block;
   background:#FFF;
}