/* حاوية الروابط */
.pagination-container {
    display: flex;
    justify-content: center;
    /* توسيط العناصر */
    align-items: center;
    /* محاذاة العناصر عمودياً */
    gap: 10px;
    /* مسافة بين الروابط */
    padding: 20px 0;
    /* مسافة علوية وسفلية */
}

/* تنسيق الروابط الأساسية */
.pagination-link {
    text-decoration: none;
    /* إزالة الخط السفلي من الروابط */
    color: #333;
    /* لون النص */
    padding: 10px 20px;
    /* مسافة داخلية */
    border: 1px solid #ddd;
    /* حواف */
    border-radius: 5px;
    /* زوايا مستديرة */
    background-color: #f5f5f5;
    /* لون الخلفية */
    transition: background-color 0.3s, color 0.3s;
    /* تأثير عند التمرير */
}

/* تأثير عند تمرير الماوس */
.pagination-link:hover {
    background-color: #ddd;
    /* تغيير لون الخلفية عند التمرير */
    color: #000;
    /* تغيير لون النص */
}

/* تنسيق عند تعطيل الرابط */
.pagination-disabled {
    color: #999;
    /* لون النص عند التعطيل */
    pointer-events: none;
    /* إلغاء التفاعل */
    background-color: #eee;
    /* لون الخلفية عند التعطيل */
    border-color: #ddd;
    /* لون الحواف عند التعطيل */
}

/* تنسيق الصفحة الحالية */
.pagination-selected {
    background-color: #007bff;
    /* لون خلفية الصفحة النشطة */
    color: #fff;
    /* لون النص للصفحة النشطة */
    border-color: #007bff;
    /* لون الحواف للصفحة النشطة */
}

/* تنسيق الروابط والأساسيات */
.pagination-container .pagination-link {
    margin: 0 5px;
    /* مسافة بين الروابط */
}