/* RSL Pagination Component Styles */
.rsl-pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.rsl-pagination li {
    margin: 0 5px;
}

.rsl-pagination a {
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
    background: #f8f9fa;
    color: #495057;
    transition: background 0.2s ease, color 0.2s ease;
}

.rsl-pagination a:hover {
    background: #495057;
    color: #f8f9fa;
}

.rsl-pagination .active a {
    background: #495057;
    color: #f8f9fa;
}

/* Disabled state (light mode) */
.rsl-pagination .disabled a {
    background: #e9ecef;
    color: #adb5bd;
    cursor: not-allowed;
    pointer-events: none;
}

/* Dark mode styles */
[data-theme="dark"] .rsl-pagination a {
    background: #2d3748;
    color: #e0e0e0;
    border: 1px solid #4a5568;
}

[data-theme="dark"] .rsl-pagination a:hover {
    background: #4a5568;
    color: #ffffff;
    border-color: #6b7280;
}

[data-theme="dark"] .rsl-pagination .active a {
    background: #6E7BFF;
    color: #ffffff !important;
    border-color: #6E7BFF;
}

[data-theme="dark"] .rsl-pagination .disabled a {
    background: #1a202c;
    color: #64748b;
    border-color: #334155;
    cursor: not-allowed;
}

/* ============================================
   FilterBus Integration
   Pagination auto-resets to page 1 when filters change
   Use data-filter-subscribe="key1,key2" on .rsl-pagination
   ============================================ */

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    .rsl-pagination a {
        transition: none;
    }
}