/* Font Imports */
@font-face {
    font-family: 'IRANSansWeb';
    src: url('../fonts/IRANSansWeb.eot');
    src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
         url('../fonts/IRANSansWeb.woff') format('woff'),
         url('../fonts/IRANSansWeb.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Enhanced Pagination Styles */
.pagination {
    font-family: 'IRANSansWeb';
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 40px 0;
    direction: rtl;
}

.pagination button {
    font-family: 'IRANSansWeb';
    min-width: 40px;
    height: 40px;
    padding: 0 16px;
    border-radius: 20px;
    background-color: #f5f5f7;
    color: #1d1d1f;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.pagination button.active,
.pagination button.active:hover {
    background: #1761d8;
    color: #fff;
    font-weight: 700;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(23, 97, 216, 0.13);
    border: none;
}

.pagination button:hover:not(:disabled):not(.active) {
    background: #e3f0ff;
    color: #2979ff;
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 2px 8px rgba(41, 121, 255, 0.08);
}

.pagination button:disabled {
    color: #b2b2bc;
    background: #f5f7fa;
    cursor: not-allowed;
    opacity: 0.6;
    box-shadow: none;
    border: none;
}

/* Animation for page transitions */
@keyframes paginationFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.pagination button {
    animation: paginationFadeIn 0.3s ease-out;
}

/* Persian number styling for pagination */
.pagination button {
    font-feature-settings: "tnum";
}

/* Mobile responsive styles */
@media (max-width: 640px) {
    .pagination {
        gap: 8px;
    }
    
    .pagination button {
        min-width: 36px;
        height: 36px;
        padding: 0 12px;
        font-size: 14px;
    }
}