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


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.frame-categories .product-category {
	padding: 7px !important;
	margin-right: 10px !important;
	background: #ececec !important;
    border-radius: 30px !important;
	
}
.frame-categories .product-category .box-text-inner .uppercase  {
	    text-transform: capitalize !important;
}
.frame-categories .product-category .box-category{
	    display: flex !important;
    	align-items: center !important;
}
.frame-categories .flickity-slider .product-category .box-category .box-text{
	padding-top: 0 !important;
    padding-bottom: 0 !important;
	padding-left: 10px !important;
}
.frame-categories .flickity-slider .product-category .box-category .box-image{
	width: 38px;
    height: 38px;
    display: inline-block;
    min-width: 38px;
	border-radius: 50%;
}

/** Danh mục sản phẩm **/
@media (min-width: 768px) {
	.product-categories-wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	.product-category-box {
		width: auto;
		text-align: center;
		border: 1px solid #eee;
		border-radius: 30px;
		padding: 5px 10px;
		transition: 0.3s;
		background: #fff;
		display: flex;
		align-items: center;
	}

	.product-category-box:hover {
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}

	.product-category-box img {
		width: 60px;
		height: auto;
		border-radius: 50%;
	}

	.product-category-box h3 {
		margin-top: 10px;
		font-size: 16px;
	}
}


/* ✅ RESPONSIVE MOBILE */
@media (max-width: 768px) {
	.product-categories-wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
	}

	.product-category-box {
		width: 45% !important;
		text-align: center;
		border: 1px solid #eee;
		border-radius: 10px;
		padding: 15px;
		transition: 0.3s;
		background: #fff;
	}

	.product-category-box:hover {
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}

	.product-category-box img {
		width: 100%;
		height: auto;
		border-radius: 8px;
		object-fit: cover;
	}

	.product-category-box h3 {
		margin-top: 10px;
		font-size: 16px;
	}
}

.header-top{
	background: linear-gradient(to right, #f379bf 25%, #922563 55%, #ffcde7 95%);
}

.single-product .summary .price {
    display: none !important;
}
