/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.css-excerpt,
.title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.css-excerpt {
  line-height: 1.5;
}

.title {
  line-height: 1.4;
}



/* =====================================
   BOX BAI VIET - HOVER EFFECT
===================================== */

/* BOX BÌNH THƯỜNG */
.box-sp {
  transform: translateY(0);
  transition: transform 0.4s ease;
}

/* BOX NHÍCH LÊN 2PX */
@media (hover: hover) {
  .box-sp:hover {
    transform: translateY(-2px);
  }
}

/* KHUNG CHỨA HÌNH - KHÔNG CHO TRÀN */
.box-sp .box-img {
  position: relative;
  width: 100%;
  overflow: hidden !important;
  isolation: isolate;
}

/* THẺ LINK BAO HÌNH */
.box-sp .box-img > a.img-hover {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* HÌNH BÌNH THƯỜNG */
.box-sp .box-img > a.img-hover > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

  transform: scale(1);
  transform-origin: center center;

  filter: brightness(100%);

  transition:
    transform 0.5s ease,
    filter 0.5s ease;
}

/* HOVER VÀO BOX - CHỈ ZOOM HÌNH */
@media (hover: hover) {
  .box-sp:hover .box-img > a.img-hover > img {
    transform: scale(1.05);
    filter: brightness(93%);
  }
}

/* MOBILE - KHÔNG HOVER */
@media (hover: none) {
  .box-sp .box-img > a.img-hover > img {
    transform: none;
    filter: brightness(100%);
  }
}