/* Стили для пагинации */
.pagination-custom {
    display: flex;
    gap: 5px;
}

.pagination-custom .page-item {
    margin: 0 2px;
}

.pagination-custom .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #333;
    font-weight: 500;
    border: 1px solid #e9ecef;
    background-color: #fff;
    transition: all 0.3s ease;
}

.pagination-custom .page-link:hover {
    background-color: #f8f9fa;
    color: #3A86F8;
    border-color: #3A86F8;
}

.pagination-custom .page-item.active .page-link {
    background-color: #3A86F8;
    border-color: #3A86F8;
    color: #fff;
    box-shadow: 0 2px 8px rgba(58, 134, 248, 0.3);
}

.pagination-custom .page-item.disabled .page-link {
    color: #adb5bd;
    background-color: #f8f9fa;
    border-color: #e9ecef;
    pointer-events: none;
}

/* Для SVG внутри стрелок */
.pagination-custom .page-link svg {
    width: 18px;
    height: 18px;
}

.pagination-custom .page-item.active .page-link svg path,
.pagination-custom .page-link:hover svg path {
    stroke: currentColor;
}