/*
Theme Name: Hello Elementor
Theme URI: https://iamgvt.com
Description: Đây là child theme của Hello Elementor
Author: GVT
Author URI: https://iamgvt.com
Template: hello-elementor
Version: 1.0.0
*/

body{
	font-family: "Montserrat Chuẩn AM to PM Nghiên", Sans-serif !important;
}
.woocommerce span.onsale {
    background-color: #d31111;
}
ul.products li.product span.onsale {
    border-radius: 0px 5px;
    font-size: 11px;
}
.total_sale_reivew {
    width: 100%;
	display: inline-block;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    padding: 2px;
    line-height: 15px;
    margin: auto;
    background: linear-gradient(to right, rgba(255, 0, 0, 0.8), #d51134), radial-gradient(circle, #128520, rgba(255, 255, 0, 0.5));
}

.total_sale_reivew span.sold-count, .total_sale_reivew span.product-rating {
    width: 50%;
    display: inline-block;;
    text-align: center;
    color: #fff !important;
    font-size: 0.8em;
    line-height: 20px;
}
.elementor-wc-products ul.products li.product .price {
    text-align: center;
    margin-bottom: 0;
}
h2.woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.4em;
    line-height: 1.5em;
    word-break: break-word;
    margin-bottom: 15px !important;
}
a.devvn_buy_now.devvn_buy_now_ajax {
    text-align: center;
    width: 100%;
    display: block;
    background-color: #ee7473;
    color: #fff;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
    padding: 2px;
}
del span.woocommerce-Price-amount.amount {
    font-size: 15px;
    color: #767272;
}
.uc-posts-pagination .nav-links .page-numbers {
    padding: 10px 15px;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    margin: 5px;
}
.uc-posts-pagination .nav-links {
    text-align: center;
    margin: 15px auto;
}
@media (max-width: 767px){
	.total_sale_reivew span.sold-count, .total_sale_reivew span.product-rating {
		font-size: 10px ;
	}
	div#gvt-cover-display {
	    position: fixed;
	    width: 100%;
	    z-index: 99;
	    bottom: -7px;
	}
	div#gvt-cover-display a.devvn_buy_now.devvn_buy_now_style {
	    max-width: calc(100% - 25px) !important;
	    margin: 0px !important;
	}
	.gift-coupon-card {
	    	min-width: calc(100% - 16px) !important;
		}
}

/* --- Lưới 4 video trên 1 hàng --- */
.product-videos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 30px;
}

/* --- Khung video tỉ lệ 9:16 --- */
.product-videos-grid .video-item {
  position: relative;
  width: 100%;
  padding-top: 177.78%; /* 16:9 là 56.25%; 9:16 = 177.78% */
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  background: #000;
}

/* --- Video full khung --- */
.product-videos-grid .video-item video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Hiển thị vừa khung */
  border-radius: 12px;
}
.owl-carousel .owl-stage-outer .owl-item {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    border-color: #DDDDDD;
}

/* --- Responsive: màn nhỏ hơn --- */
@media (max-width: 1024px) {
  .product-videos-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .product-videos-grid {
    grid-template-columns: repeat(2, 1fr);
	height: 75vh;
  }
}
@media (max-width: 480px) {
  .product-videos-grid {
    grid-template-columns: repeat(2, 1fr);
	        height: 75vh;  
  }
}