/* General archive/category descriptions */
.term-description,
.taxonomy-description,
.category-description,
.woocommerce-archive-description,
.archive-description {
  position: relative;
  overflow: hidden;
  padding-bottom: 70px;
}

.term-description::after,
.taxonomy-description::after,
.category-description::after,
.woocommerce-archive-description::after,
.archive-description::after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  z-index: 10;
  pointer-events: none;
}

/* Product detail specific (Description Tab only when active) */
.single-product .woocommerce-Tabs-panel--description.active {
  position: relative !important;
  overflow: hidden !important;
  padding-bottom: 95px !important;
}

.single-product .woocommerce-Tabs-panel--description.active::after {
  content: "";
  position: absolute;
  bottom: 70px;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  z-index: 10;
  pointer-events: none;
}

/* Nút đọc thêm/thu gọn: căn giữa tuyệt đối theo ngang */
.devvn_readmore_taxonomy_flatsome {
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  display: inline-flex;
  /* để canh giữa nội dung trong nút */
  align-items: center;
  justify-content: center;
  padding: 8px 35px !important;
  border: 1px solid #3b67ed !important;
  border-radius: 5px;
  background: #fff;
  z-index: 11;
  /* cao hơn lớp mờ */
  width: auto;
  /* bỏ 30% để nút gọn */
  cursor: pointer;
  text-align: center;
}

/* Trạng thái hiển thị mặc định của 2 nút */
.devvn_readmore_taxonomy_flatsome_show {
  display: inline-flex;
}

.devvn_readmore_taxonomy_flatsome_less {
  display: none;
}

/* Khi đang MỞ (thêm class bằng JS) thì ẩn hiệu ứng mờ */
.is-expanded::after {
  display: none !important;
}

.devvn_readmore_taxonomy_flatsome a:after {
  content: '';
  width: 0;
  right: 0;
  border-top: 6px solid #3b67ed;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 5px;
}

.devvn_readmore_taxonomy_flatsome_less a:after {
  border-top: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #3b67ed;
}

@media (max-width: 480px) {

  .single-product .woocommerce-Tabs-panel--description.active {
    padding-bottom: 15px;
  }
}