/*
Theme Name: Cây nhiệt đới
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* List view: ảnh trái - chữ phải, canh lề đẹp, khoảng cách hợp lý */
.cat-list-ui .post-item {
  padding: 20px 0;
  border-bottom: 1px solid #f1f1f1;
}
.cat-list-ui .box-image {
  max-width: 40%;
  flex: 0 0 40%;
}
.cat-list-ui .box-text {
  max-width: 60%;
  flex: 0 0 60%;
  padding-left: 24px;
}
.cat-list-ui .post-title {
  font-size: 22px;
  line-height: 1.35;
  margin-bottom: 8px;
}
.cat-list-ui .from_the_blog_excerpt {
  color: #444;
}
.cat-list-ui .is-divider {
  display: none; /* ẩn divider mặc định nếu có */
}
/* Responsive */
@media (max-width: 849px) {
  .cat-list-ui .box-image,
  .cat-list-ui .box-text {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
  }
  .cat-list-ui .post-title { font-size: 19px; }
}
/* ----- Single Product (Flatsome) ----- */

/* 1) Tên sản phẩm: 32px, màu xanh */
.single-product .product-info .product-title {
  font-size: 32px !important;
  line-height: 1.25;
  color: #2e7d32 !important; /* xanh */
  margin-bottom: .35em;
}

/* 2) Giá: màu đỏ (kể cả đang giảm giá) */
.single-product .product-info .price,
.single-product .product-info .price .amount,
.single-product .product-info .price ins .amount {
  color: #e53935 !important; /* đỏ */
  font-weight: 700;
}
.single-product .product-info .price ins {
  text-decoration: none;      /* bỏ gạch chân của giá giảm */
}
.single-product .product-info .price del {
  color: #9e9e9e !important;  /* giá cũ (gạch) giữ màu xám cho dễ nhìn */
}