/*
Theme Name: housecheck.vn
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  ***************/


}

span.devvn_woocommerce_price_prefix {
    font-size: 0.8em;
    margin: 0 10px 0 0;
}

.cs-contentsale {
  left: 0px;
  position: absolute;
  text-transform: uppercase;
  top: 20px;
  z-index: 9;
}

.cs-contentsale .inside {
  background-color: #e74c3c;
  border-radius: 999px;
  display: table;
  height: 42px;
  position: relative;
  width: 42px;
  -webkit-border-radius: 999px;
}

.cs-contentsale .inside .inside-text {
  color: #fff;
  display: table-cell;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
}


.column-depth {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
}

/* Căn chỉnh Row sử dụng Flexbox */
.banner-sidebar-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* Giúp các cột có chiều cao bằng nhau */
}

.banner-sidebar-row > .col {
    margin-bottom: 0; /* Loại bỏ margin thừa */
}

/* Đảm bảo hình ảnh banner lấp đầy chiều cao cột */
.banner-sidebar-row .img-inner {
    height: 100%;
}

.banner-sidebar-row .img-inner img {
    height: 100% !important;
    object-fit: cover; /* Quan trọng: Giúp ảnh không bị méo khi kéo dãn */
    border-radius: 8px; /* Bo góc nhẹ giống Hakawa */
}