/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com/demo/
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/* Container chứa cả Đánh giá và Lượt bán */
.custom-product-meta-archive {
    /* 1. Kích hoạt Flexbox */
    display: flex;
    
    /* 2. Đẩy phần tử đầu tiên (Đánh giá) sang trái 
       và phần tử cuối cùng (Lượt bán) sang phải */
    justify-content: space-between;
    
    /* Đảm bảo container chiếm toàn bộ chiều rộng của mục sản phẩm */
    width: 100%;
    
    /* Thêm một chút lề trên/dưới cho đẹp mắt (tùy chọn) */
    margin: 5px 0;
}

/* Phần Đánh giá và Số lượng đánh giá (Tùy chọn: Để các phần tử nhỏ trong rating luôn cùng hàng) */
.custom-product-meta-archive > span:first-child,
.custom-product-meta-archive > div.star-rating-display,
.custom-product-meta-archive > .custom-review-count {
    /* Sử dụng flex để giữ Rating và (số lượng đánh giá) liền nhau ở bên trái */
    display: inline-flex;
    align-items: center; /* Căn giữa theo chiều dọc nếu có */
    gap: 3px; /* Khoảng cách giữa điểm rating, ngôi sao, và số lượng */
}

/* Phần Lượt bán */
.custom-sold-count {
    /* Mặc định đã nằm ở bên phải nhờ 'justify-content: space-between' */
    white-space: nowrap; /* Ngăn không cho chữ 'Đã bán' xuống dòng nếu không gian hẹp */
    text-align: right; /* Đảm bảo nội dung căn phải (mặc dù đã được đẩy ra ngoài cùng) */
}