/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 10 2026 | 14:07:36 */
/* =====================================================
Bắt đầu  SLIDER DANH MỤC – cuộn ngang 1 dòng, responsive
===================================================== */

/* Container slider */
.single-product .category-slider {
    max-width: 100%;
    overflow-x: auto;        
    overflow-y: hidden;
    margin-bottom: 15px;
    padding: 0;              /* remove padding mặc định */
    white-space: nowrap;
    scrollbar-width: none;   
    box-sizing: border-box;
}

/* Ẩn scrollbar Chrome/Safari */
.single-product .category-slider::-webkit-scrollbar {
    display: none;
}

/* Wrapper Swiper – không wrap xuống dòng, thêm khoảng cách bên phải */
.single-product .category-slider .swiper-wrapper {
    flex-wrap: nowrap !important;
    width: auto !important;
    padding-right: 20px;      /* khoảng cách bên phải desktop thực sự */
    box-sizing: content-box;
}

/* Mỗi slide giữ nguyên kích thước, không co lại */
.single-product .category-slider .swiper-slide {
    flex-shrink: 0;
}

/* Style cho từng item */
.single-product .category-slider .cat-slide-item {
    display: inline-block;
    padding: 10px 18px;
    border: 1px solid #5fac3c;
    border-radius: 10px;
    white-space: nowrap;
    background-color: #fff;
    transition: 0.25s;
}

.single-product .category-slider .cat-slide-item:hover {
    background-color: #5fac3c;
    color: #fff;
}

/* Đảm bảo cột thông tin sản phẩm không bị vỡ layout */
.single-product .product .entry-summary {
    min-width: 0;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

/* Nút điều hướng */
.single-product .swiper-button-next,
.single-product .swiper-button-prev {
    color: #5fac3c;
    transform: scale(0.9);
}

/* =====================================================
  RESPONSIVE MOBILE – fix padding lệch trái, căn đều
===================================================== */
@media (max-width: 767px) {
    /* Container slider */
    .single-product .category-slider {
        margin: 0;
        padding: 0 10px;     
        width: 100%;
        box-sizing: border-box;
    }

    /* Wrapper mobile không cần padding-right */
    .single-product .category-slider .swiper-wrapper {
        padding-right: 0;
    }

    /* Slide item nhỏ hơn, font phù hợp */
    .single-product .category-slider .cat-slide-item {
        padding: 6px 12px;
        font-size: 13px;
    }

    /* Ẩn nút điều hướng */
    .single-product .swiper-button-next,
    .single-product .swiper-button-prev {
        display: none;
    }
}

/* =====================================================
Kết thúc  SLIDER DANH MỤC – cuộn ngang 1 dòng, responsive
===================================================== */