/* KIIFF — Pagination v3 (clean / modern / responsive) */
.pagination{
    display:flex !important;flex-wrap:wrap !important;align-items:center !important;
    justify-content:center !important;gap:6px !important;
    margin:32px auto 24px !important;padding:14px 20px !important;
    background:rgba(38,53,64,.55) !important;
    border:1px solid rgba(212,175,55,.18) !important;
    border-radius:40px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.25) !important;
    max-width:max-content !important;width:auto !important;
    backdrop-filter:blur(10px) !important;direction:rtl !important;
}
.pagination .page-info{font-size:.78rem !important;color:#9AA5B1 !important;padding:0 12px !important;white-space:nowrap !important;font-weight:600 !important}
.pagination button{
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    min-width:36px !important;height:36px !important;padding:0 12px !important;
    border-radius:50px !important;background:rgba(255,255,255,.03) !important;
    border:1px solid rgba(232,237,242,.12) !important;
    color:#C5CED6 !important;font-family:'Vazirmatn',Tahoma,sans-serif !important;
    font-size:.82rem !important;font-weight:700 !important;
    cursor:pointer !important;transition:all .2s ease !important;
    line-height:1 !important;flex-shrink:0 !important;white-space:nowrap !important;
}
.pagination button:hover:not(:disabled){
    background:rgba(212,175,55,.12) !important;border-color:#D4AF37 !important;
    color:#D4AF37 !important;transform:translateY(-2px) !important;
}
.pagination button.active{
    background:linear-gradient(135deg,#D4AF37,#C9A03D) !important;
    border-color:#D4AF37 !important;color:#0a121c !important;
    font-weight:900 !important;box-shadow:0 4px 12px rgba(212,175,55,.35) !important;
}
.pagination button:disabled{opacity:.35 !important;cursor:not-allowed !important;color:#6f8fa8 !important}
.pagination span:not(.page-info){color:#6f8fa8 !important;font-size:.9rem !important;padding:0 4px !important;user-select:none !important}

@media (max-width:640px){
    .pagination{gap:4px !important;padding:10px 14px !important;margin:22px auto 18px !important;border-radius:30px !important}
    .pagination button{min-width:32px !important;height:32px !important;padding:0 10px !important;font-size:.76rem !important}
    .pagination .page-info{font-size:.72rem !important;padding:0 6px !important}
}
@media (max-width:420px){
    .pagination .page-info{display:none !important}
    .pagination button{min-width:30px !important;height:30px !important;padding:0 8px !important}
}