/*II)chỉnh panigation phân trang */
.wt-post .uagb-post-pagination-wrap {
    margin-top: 20px !important;
    margin-left: 0 !important;
    gap: 20px !important;
    justify-content: center !important;
}

.wt-post .uagb-post-pagination-wrap span,
.wt-post .uagb-post-pagination-wrap a {
    margin: 0 !important;
    padding: 12px 19px !important;
    border-radius: 6px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
}

.wt-post .uagb-post-pagination-wrap span:hover,
.wt-post .uagb-post-pagination-wrap a:hover {
    background-color: #111 !important;
    color: white !important;
}

.wt-post .uagb-post-pagination-wrap span:not(.current),
.wt-post .uagb-post-pagination-wrap a:not(.current) {
    border: 1px solid #C4C4C4
}

/* Helper to hide pagination elements and override display: inline-flex !important on mobile */
.wt-post .uagb-post-pagination-wrap .wt-hidden {
    display: none !important;
}

@media (max-width: 767px) {
    .wt-post .uagb-post-pagination-wrap {
        gap: 10px !important;
    }

    .wt-post .uagb-post-pagination-wrap span,
    .wt-post .uagb-post-pagination-wrap a {
        padding: 0 !important; /* Reset padding to let flex centering do the work */
        border-radius: 4px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        font-size: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .wt-post .uagb-post-pagination-wrap a.prev,
    .wt-post .uagb-post-pagination-wrap a.next {
        width: 36px !important;
        height: 36px !important;
    }
}

/* Nút prev và next */
.wt-post .uagb-post-pagination-wrap a.prev,
.wt-post .uagb-post-pagination-wrap a.next {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    /* ẩn text */
    width: 40px;
    /* chỉnh theo ý */
    height: 40px;
    /* chỉnh theo ý */
    padding: 0;
    line-height: 0;
}

/* Icon prev */
.wt-post .uagb-post-pagination-wrap a.prev::before {
    content: "";
    display: block;
    width: 8px;
    height: 14px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M6.875 0.875L0.875 6.875L6.875 12.875' stroke='%23111827' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Icon next */
.wt-post .uagb-post-pagination-wrap a.next::after {
    content: "";
    display: block;
    width: 8px;
    height: 14px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M0.875 0.875L6.875 6.875L0.875001 12.875' stroke='%23111827' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Hover prev -> icon trắng */
.wt-post .uagb-post-pagination-wrap a.prev:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M6.875 0.875L0.875 6.875L6.875 12.875' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Hover next -> icon trắng */
.wt-post .uagb-post-pagination-wrap a.next:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M0.875 0.875L6.875 6.875L0.875001 12.875' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Dấu "..." rút gọn pagination */
.wt-post .uagb-post-pagination-wrap span.dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    padding: 0 !important;
    cursor: default !important;
    pointer-events: none !important;
}

.wt-post .uagb-post-pagination-wrap span.dots:hover {
    background-color: transparent !important;
    color: inherit !important;
}



/* III) tạo animation khi hover vào item post và đổi màu title */
/* .wt-post article {
    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
    will-change: transform, box-shadow !important;
}

.wt-post article:hover {
    transform: translateY(-10px) !important;
}

.wt-post article:hover h3 a {
    color: #E00 !important;
} */

/* ============================================== */
/* ZOOM ẢNH KHI HOVER BÀI VIẾT (wt-post-hover-img) */
/* ============================================== */
.wt-post article .uagb-post__image {
    overflow: hidden;
}

.wt-post article .uagb-post__image img {
    transition: transform 0.5s ease;
    will-change: transform;
}

.wt-post article:hover .uagb-post__image img {
    transform: scale(1.05);
}

/* Dynamic AJAX loading feedback styles */
.wt-post {
    transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: opacity, filter;
}

.wt-post.wt-post-loading {
    opacity: 0.35 !important;
    filter: blur(1px) !important;
    pointer-events: none !important; /* Block double-clicking during load */
}