/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.16.2
Requires at least:    5.0.0
Requires PHP:         5.6.20
WC requires at least: 4.4.0
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.viaads-extra-btn{ margin-top:12px; width:100%; }
a.viaads-extra-btn{
  background: #1e73be !important;  /* đổi mã màu theo ý bạn */
  border-color: #1e73be !important;
  color: #fff !important;
  width: 100%;
  margin-top: 12px;
}
a.viaads-extra-btn:hover{
  filter: brightness(0.92);
}
/* Nút thứ 2 (CHAT/ZALO HỖ TRỢ) */
a.viaads-extra-btn{
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 46px;

  padding: 12px 16px !important;
  margin-top: 12px;

  border-radius: 999px !important;   /* bo tròn */
  border: 0 !important;

  color: #fff !important;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;

  /* nền đẹp hơn (gradient) */
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;

  /* bóng */
  box-shadow: 0 10px 24px rgba(22,163,74,.22) !important;

  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

a.viaads-extra-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 14px 30px rgba(22,163,74,.30) !important;
}

a.viaads-extra-btn:active{
  transform: translateY(0);
  box-shadow: 0 8px 18px rgba(22,163,74,.22) !important;
}
/* Nút thông báo dưới Add to cart */
a.viaads-extra-btn{
  text-transform: none !important;   /* bỏ in hoa */
  letter-spacing: 0 !important;
  font-size: 14px !important;        /* bé lại */
  line-height: 1.35 !important;
  padding: 14px 16px !important;     /* đừng quá dày */
  border-radius: 24px !important;    /* bo vừa thôi, không quá “khủng” */
}

/* Tiêu đề nhỏ gọn */
a.viaads-extra-btn .viaads-btn-title{
  display:block;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 6px;
}

/* Mô tả nhỏ hơn */
a.viaads-extra-btn .viaads-btn-desc{
  display:block;
  font-weight: 500;
  font-size: 13px;
  opacity: .95;
}
/* Fix tiêu đề dài bị rớt xuống dưới ảnh (Flatsome product box) */
.product-small .box,
.products .product-small .box{
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

/* Cố định cột ảnh */
.product-small .box-image{
  flex: 0 0 140px;       /* chỉnh 120-160px tùy bạn */
  max-width: 140px;
}

/* Cột chữ */
.product-small .box-text{
  flex: 1;
  min-width: 0;
}

/* Giãn cách cho đẹp */
.product-small .name{
  margin: 0 0 6px;
  line-height: 1.35;
}
.product-small .price-wrapper{
  margin-top: 6px;
}

/* Mobile: về dạng dọc cho gọn */
@media (max-width: 549px){
  .product-small .box,
  .products .product-small .box{
    flex-direction: column;
  }
  .product-small .box-image{
    flex: 0 0 auto;
    max-width: 100%;
  }
}