.slide-post-archive-theme-light {
    --local-bg: var(--wp--preset--color--neutral-0);
    --local-neutral-0: var(--wp--preset--color--neutral-0);
    --local-neutral-50: var(--wp--preset--color--neutral-50);
    --local-neutral-200: var(--wp--preset--color--neutral-200);
    --local-neutral-800: var(--wp--preset--color--neutral-800);
    --local-neutral-950: var(--wp--preset--color--neutral-950);
    --local-neutral-500: var(--wp--preset--color--neutral-500);
    --local-neutral-400: var(--wp--preset--color--neutral-400);
    --local-primary-500: var(--wp--preset--color--primary-500);
    --local-button-radient: var(--wp--preset--color--primary-500);
}

.slide-post-archive-theme-dark {
    --local-bg: #000000;
    --local-neutral-0: #000000;
    --local-neutral-50: #1F231E;
    --local-neutral-200: #4D574A;
    --local-neutral-800: #F6F7F6;
    --local-neutral-950: #ffffff;
    --local-neutral-500: #C7CCC3;
    --local-neutral-400: #A2AA9E;
    --local-primary-500: #5BEE2B;
    --local-button-radient: radial-gradient(101.21% 101.21% at 101.21% 100%, rgba(91, 238, 43, 0.8) 10%, rgba(106, 191, 75, 0.16) 100%);
}

.slide-post-archive-theme-dark .btn-link {
    align-items: center;
    background: var(--local-button-radient);
    backdrop-filter: blur(10px);
    box-shadow: -0.5px -0.5px 0.5px 0px #EEFF9933 inset;
    box-shadow: 0.5px 0.5px 0.5px 0px #EEFF9966 inset;
    color: #fff;
}

.slide-post-archive-theme-light .btn-link {
    align-items: center;
    background: var(--local-button-radient);
    backdrop-filter: blur(10px);
    box-shadow: none;
    box-shadow: none;
    color: #fff;
}
.slide-post-archive-theme-dark .swiper-pagination-bullet {
    width: 8px;
    height: 4px;
    border-radius: 9999px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transition: all 300ms ease-in-out;
    opacity: 0.4;
    background: var(--local-primary-500);

}
.slide-post-archive-theme-light .swiper-pagination-bullet {
    width: 8px;
    height: 4px;
    border-radius: 9999px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transition: all 300ms ease-in-out;
    opacity: 0.4;
    background: var(--local-neutral-800);

}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 48px;
  height: 4px; 
  border-radius: 9999px;
  opacity: 1;
}
/* Màu nền của hiệu ứng Sweep khi Hover vào */
.bg-custom-effect-sweep::before {
    background: #f3f4f6 !important; /* Màu xám nhạt hoặc màu bạn chọn */
    z-index: -1; /* Đẩy lớp nền xuống dưới cùng để không che chữ/ảnh */
}
/* Chỉ áp dụng cho Swiper có class .postarchiveslider */
.postarchiveslider {
    overflow: visible !important;
}

/* --- CẤU TRÚC CHUNG --- */
.postarchiveslider .has-animation, 
.postarchiveslider .content-reveal {
    overflow: hidden;
}

/* --- TRẠNG THÁI MẶC ĐỊNH --- */
.postarchiveslider .swiper-slide .has-animation img,
.postarchiveslider .swiper-slide .content-reveal > * {
    opacity: 1;
    transform: translate(0, 0) scale(1);
    filter: blur(0);
    transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- HIỆU ỨNG KHI SLIDE VÀO VỊ TRÍ ACTIVE --- */
.postarchiveslider .swiper-slide-active .has-animation img {
    opacity: 1;
    transform: translate(0, 0) scale(1);
    transition: transform 1.2s cubic-bezier(0.33, 1, 0.68, 1), opacity 1.2s ease;
}

.postarchiveslider .swiper-slide-active .content-reveal > * {
    opacity: 1;
    transform: translate(0, 0);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 1s ease;
}

/* Nhịp điệu xuất hiện text */
.postarchiveslider .swiper-slide-active .content-reveal > *:nth-child(1) { transition-delay: 0.6s; } 
.postarchiveslider .swiper-slide-active .content-reveal > *:nth-child(2) { transition-delay: 0.8s; } 
.postarchiveslider .swiper-slide-active .content-reveal > *:nth-child(3) { transition-delay: 1.0s; } 

/* --- HIỆU ỨNG BIẾN MẤT XUỐNG DƯỚI (CHỈ PREV SLIDE) --- */
.postarchiveslider .swiper-slide-prev .has-animation img,
.postarchiveslider .swiper-slide-prev .content-reveal > * {
    opacity: 0 !important;
    /* Lặn xuống dưới 80px */
    transform: translateY(80px) scale(0.9) !important; 
    filter: blur(8px) !important;
    transition: transform 1.2s ease-in, opacity 1s ease-in, filter 1.2s ease-in !important;
    transition-delay: 0s !important;
}

/* --- XỬ LÝ LỚP PHỦ (Z-INDEX) --- */
/* Slide chính nằm trên cùng, slide cũ lặn xuống dưới */
.postarchiveslider .swiper-slide-active { z-index: 20 !important; }
.postarchiveslider .swiper-slide-next { z-index: 10 !important; }
.postarchiveslider .swiper-slide-prev { z-index: 0 !important; }

/* Ngăn việc click vào slide đang lặn */
.postarchiveslider .swiper-slide-prev {
    pointer-events: none;
}