/**
 * ZT ZeroTemplates - Universal Category Thumbnail & Item Styling
 * Tương thích với TẤT CẢ các theme Botble (Shofy, Wowy, Farmart, Nest, Homzen, v.v.)
 * Áp dụng cho mọi layout: Slider, Grid, Compact Grid, Blocks...
 *
 * Chức năng:
 * 1. Loại bỏ nền vòng tròn (circular background), viền tròn, bóng tròn
 * 2. Tắt hiển thị số lượng sản phẩm
 * 3. Tối ưu khoảng cách giữa icon/logo và tiêu đề danh mục sát nhau, cân đối
 * 4. Tự căn chỉnh ảnh/icon co giãn vừa vặn, không vỡ layout
 */

/* ========================================================
   1. LOẠI BỎ NỀN TRÒN & BÓNG CHO SHOFY (SLIDER, GRID, COMPACT)
   ======================================================== */
.tp-product-categories-slider .tp-product-category-thumb,
.tp-product-categories-slider .tp-product-category-thumb a,
.tp-product-category-slider .tp-product-category-thumb,
.tp-product-category-slider .tp-product-category-thumb a,
.swiper-slide .tp-product-category-thumb,
.swiper-slide .tp-product-category-thumb a,
.tp-category-slider-active .tp-product-category-thumb,
.tp-category-slider-active .tp-product-category-thumb a,
.tp-product-category[data-style="slider"] .tp-product-category-thumb,
.tp-product-category[data-style="slider"] .tp-product-category-thumb a,
.tp-category-item-2 .tp-category-thumb-2,
.tp-category-item-2 .tp-category-thumb-2 a,
.tp-category-main-box .tp-category-main-thumb,
.tp-category-main-box .tp-category-main-thumb a {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
}

.tp-product-categories-slider .tp-product-category-thumb::before,
.tp-product-categories-slider .tp-product-category-thumb::after,
.tp-product-categories-slider .tp-product-category-thumb a::before,
.tp-product-categories-slider .tp-product-category-thumb a::after,
.swiper-slide .tp-product-category-thumb::before,
.swiper-slide .tp-product-category-thumb::after,
.swiper-slide .tp-product-category-thumb a::before,
.swiper-slide .tp-product-category-thumb a::after,
.tp-category-slider-active .tp-product-category-thumb::before,
.tp-category-slider-active .tp-product-category-thumb::after,
.tp-category-slider-active .tp-product-category-thumb a::before,
.tp-category-slider-active .tp-product-category-thumb a::after,
.tp-category-item-2 .tp-category-thumb-2::before,
.tp-category-item-2 .tp-category-thumb-2::after,
.tp-category-main-box .tp-category-main-thumb::before,
.tp-category-main-box .tp-category-main-thumb::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ========================================================
   2. LOẠI BỎ NỀN TRÒN & BÓNG CHO WOWY, FARMART, NEST VÀ CÁC THEME KHÁC
   ======================================================== */
.popular-category-item .category-image,
.popular-category-item .category-image a,
.cat-item .cat-thumb,
.cat-item .cat-thumb a,
.featured-category-item .category-thumb,
.featured-category-item .category-thumb a,
.product-category-item .category-thumb,
.product-category-item .category-thumb a {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* ========================================================
   3. ẨN PHẦN HIỂN THỊ SỐ LƯỢNG SẢN PHẨM TRÊN MỌI THEME
   ======================================================== */
.tp-product-categories-slider .tp-product-category-content p,
.tp-product-category-slider .tp-product-category-content p,
.swiper-slide .tp-product-category-content p,
.tp-category-slider-active .tp-product-category-content p,
.tp-product-category .tp-product-category-content p,
.tp-product-category-item .tp-product-category-content p,
.tp-category-main-content .tp-category-main-item,
.tp-category-content-2 p,
.popular-category-item .category-content p,
.popular-category-item .product-count,
.cat-item .cat-count,
.cat-item .product-count,
.featured-category-item .count,
.product-category-item .product-count {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* ========================================================
   4. THU HẸP KHOẢNG CÁCH GIỮA ICON/LOGO VÀ TIÊU ĐỀ
   ======================================================== */
.tp-product-categories-slider .tp-product-category-thumb,
.tp-product-category-slider .tp-product-category-thumb,
.swiper-slide .tp-product-category-thumb,
.tp-category-slider-active .tp-product-category-thumb,
.tp-product-category .tp-product-category-thumb,
.tp-category-item-2 .tp-category-thumb-2,
.popular-category-item .category-image,
.cat-item .cat-thumb,
.featured-category-item .category-thumb {
    margin-bottom: 6px !important;
    height: auto !important;
    min-height: unset !important;
}

.tp-product-categories-slider .tp-product-category-thumb a,
.tp-product-category-slider .tp-product-category-thumb a,
.swiper-slide .tp-product-category-thumb a,
.tp-category-slider-active .tp-product-category-thumb a,
.tp-product-category .tp-product-category-thumb a,
.tp-category-item-2 .tp-category-thumb-2 a,
.popular-category-item .category-image a,
.cat-item .cat-thumb a,
.featured-category-item .category-thumb a {
    width: auto !important;
    max-width: 140px !important;
    height: 52px !important;
    max-height: 52px !important;
    aspect-ratio: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

/* Logo/ảnh vừa vặn và không biến dạng */
.tp-product-categories-slider .tp-product-category-thumb a img,
.tp-product-category-slider .tp-product-category-thumb a img,
.swiper-slide .tp-product-category-thumb a img,
.tp-category-slider-active .tp-product-category-thumb a img,
.tp-product-category .tp-product-category-thumb a img,
.tp-category-item-2 .tp-category-thumb-2 a img,
.tp-category-main-box .tp-category-main-thumb a img,
.popular-category-item .category-image a img,
.cat-item .cat-thumb a img,
.featured-category-item .category-thumb a img {
    max-width: 100% !important;
    max-height: 48px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
}