/*
 * CSS Chi tiết sản phẩm
*/

/* Chi tiết sản phẩm khung trên */
.single-product .product-main { padding: 0px;}
.single-product .product-main .product-gallery { padding-bottom: 30px !important;}
.single-product .product-main .product-info { padding-top: 0px;}
.single-product .product-main .product-info .product-title { color: #000; }
.single-product .product-main .product-info .product-short-description { margin-top: 0px !important; margin-bottom: 30px; background: #ebffd0; padding: 15px; border-radius: 8px; max-width: 100%; flex-basis: 100%;}
.single-product .product-main .product-info .product-short-description ul { margin: 0px; list-style: none;}
.single-product .product-main .product-info .product-short-description ul li { margin-left: 0px; position: relative;}
.single-product .product-main .product-info .product-short-description ul li:before { content: ""; width: 20px; height: 20px; display: inline-block; margin-right: 10px; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill='%23b50919' fill-rule='evenodd' d='M12 2c-.791 0-1.55.314-2.11.874l-.893.893a.985.985 0 0 1-.696.288H7.04A2.984 2.984 0 0 0 4.055 7.04v1.262a.986.986 0 0 1-.288.696l-.893.893a2.984 2.984 0 0 0 0 4.22l.893.893a.985.985 0 0 1 .288.696v1.262a2.984 2.984 0 0 0 2.984 2.984h1.262c.261 0 .512.104.696.288l.893.893a2.984 2.984 0 0 0 4.22 0l.893-.893a.985.985 0 0 1 .696-.288h1.262a2.984 2.984 0 0 0 2.984-2.984V15.7c0-.261.104-.512.288-.696l.893-.893a2.984 2.984 0 0 0 0-4.22l-.893-.893a.985.985 0 0 1-.288-.696V7.04a2.984 2.984 0 0 0-2.984-2.984h-1.262a.985.985 0 0 1-.696-.288l-.893-.893A2.984 2.984 0 0 0 12 2Zm3.683 7.73a1 1 0 1 0-1.414-1.413l-4.253 4.253-1.277-1.277a1 1 0 0 0-1.415 1.414l1.985 1.984a1 1 0 0 0 1.414 0l4.96-4.96Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A"); background-size: 20px; background-position: center; background-repeat: no-repeat; position: relative; top: 4px;}

.single-product .product-main form.cart .single_add_to_cart_button, .single-product .product-main form.cart .ux-buy-now-button { background: #fff !important; border-radius: 5px; border: 1px solid #3e6807; border-left: 5px solid #3e6807; color: #3e6807; opacity: 1; pointer-events: unset !important; }
.single-product .product-main form.cart .ux-quantity { border: 1px solid #3e6807; border-radius: 5px; overflow: hidden;}
.single-product .product-main form.cart .ux-quantity .is-form { background: #fff; border: 0px;}
.single-product .product-main form.cart .ux-quantity .input-text { background: #fff; border: 0px; box-shadow: none;}
.single-product .product-main form.cart .button:hover { background: #3e6807 !important; color: #fff;}
.product-info .btl-product { width: 48%; margin: 0 auto 20px;}	

@media only screen and (min-width: 960px) { 
  .single-product .product-main .product-info .product-title { font-size: 30px;}
}
@media only screen and (max-width: 959px) { 
  .single-product .product-main .product-info .product-title { font-size: 25px;}
}

/* chi tiết sản phẩm nội dung */	
.single-product .product-footer .woocommerce-tabs { border: 0px;}
.single-product ul.product-tabs { width: 100%; margin-top: 0px !important; margin-bottom: 20px; justify-content: center;}
.single-product ul.product-tabs li a { background: #000; padding: 10px 30px; border-radius: 5px; color: #fff; font-size: 16px; text-transform: uppercase; border: 0px;}
.single-product ul.product-tabs li.active a, .single-product ul.product-tabs li a:hover { background: #3e6807; color: #fff;}
.single-product .woocommerce-tabs .tab-panels { padding: 15px 0px 0px; border: 0px;}

/*
 * Sản phẩm liên quan
 * */
.related { border: 0px !important; }
.related .product-section-title { color: #000; width: 100%; }
.products .product .col-inner { position: relative; background-color: #FFF; padding: 10px 10px 20px; border: 1px solid #e5e5e5; border-radius: 10px;}
.products .product .box-image { border-radius: 10px;}
.products .product .box-text { padding: 15px 0px 0px;}
.products .product .product-title a { color: #000; font-size: 16px; display: block; width: 100%;}
.products .product:hover .product-title a { color: #3e6807; }	

@media only screen and (min-width: 960px) { 
  .related .product-section-title { font-size: 30px; }
}
@media only screen and (max-width: 959px) { 
  .related .product-section-title { font-size: 25px; }
}