/*
Theme Name: flatsome-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Chỉ áp dụng hiệu ứng cho ảnh đầu tiên */
.item_products img:nth-child(2) {
  position: relative;
  z-index: 1;
}

/* Tạo lớp bao để có thể thêm pseudo-element */
.item_products img:nth-child(2):hover {
/*   transform: scale(1.05);
  animation: border-spin 2s linear infinite;
  border: 3px solid transparent; */
  padding:5px;
/*   border-image: linear-gradient(90deg, #ffd700, #ff0000, #ffd700) 1; */
/*   border-image-slice: 1; */
}

/* Keyframes cho border quay */
@keyframes border-spin {
  0% {
    border-image-source: linear-gradient(0deg, #ffd700, #ff0000, #ffd700);
  }
  100% {
    border-image-source: linear-gradient(360deg, #ffd700, #ff0000, #ffd700);
  }
}

.price-wrapper{
	display:none;
}

.price, .woocommerce-Price-amount, .woocommerce div.product p.price, .woocommerce div.product span.price {
    display: none !important;
}

.widget>ul>li ul, ul.menu>li ul{
	display:block !important;
}

.widget .toggle i{
	display:none;
}

.archive .add_to_cart_button {
  display: none !important;
}

/* Ẩn nút trên trang chi tiết sản phẩm */
.single-product .single_add_to_cart_button {
  display: none !important;
}

.grid-style-3 .title-wrapper {
    padding-right: 0px !important;
}

.has-shadow .box-text {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

.foxai-color-swatches {
    margin-top: 6px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.foxai-swatch {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #ccc;
    display: inline-block;
}

.foxai-swatch:hover {
    transform: scale(1.1);
    transition: 0.15s;
}