﻿
/* --- Phân Trang (Pagination) --- */
.vc-pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    gap: 8px;
}

    .vc-pagination .page-link {
        background: rgba(255,255,255,0.05);
        color: #aaa;
        border: 1px solid rgba(255,255,255,0.05);
        border-radius: 8px;
        padding: 10px 18px;
        font-weight: 700;
        transition: 0.3s;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .vc-pagination .page-item:not(.disabled):not(.active) .page-link:hover {
        background: rgba(255,255,255,0.1);
        color: #fff;
        border-color: rgba(255,255,255,0.2);
        transform: translateY(-2px);
    }

    .vc-pagination .page-item.active .page-link {
        background: var(--brand-yellow);
        color: #000;
        border-color: var(--brand-yellow);
        box-shadow: 0 5px 15px rgba(255,193,7,0.3);
    }

    .vc-pagination .page-item.disabled .page-link {
        background: transparent;
        color: #444;
        border-color: transparent;
    }

    .vc-pagination .dots {
        background: transparent;
        border: none;
        padding: 10px 5px;
        color: #666;
    }
