/*Your custom css here*/
/*
Theme Name: Starter Theme - WPSHARE247
Theme URI: wpshare247.com
Author: wpshare247
Author URI: wpshare247.com
Description: wpshare247 là sản phẩm của công ty chuyên thiết kế website WordPress tbay.vn, website366.com
Version: 1.0
*/

*, ::after, ::before {
    box-sizing: border-box;
}

a, a:hover, a:active{
	text-decoration:none;
}

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

body{
	overflow: visible !important;
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Gallery widget */

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

@media screen and (min-width: 30em) {
	/* Gallery Columns */

	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}

@media screen and (min-width: 48em) {
	/* Gallery Columns */

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}


#wpshare247-site-header{
	margin-bottom: 20px;
}

.container{
	width: 1040px;
	margin: 0 auto;
}

.wpshare247-row{
	display: flex;
}

.wpshare247-row > .col{
	flex: 0 0 auto;
	width: 25%;
}

.menu ul li, .menu li{ display:inline-block; }

.blog-loop{
	border: 1px solid #ccc;
    padding: 0 20px 20px;
    margin-bottom: 20px;
}

/* Widget form product */
.w247-products-container #my-dots button{
    outline: none;
    border: unset;
    padding: 0 10px;
}

.wpshare247-product-carousel .owl-nav button>span{
	font-size: 30px !important;
	line-height: 1 !important;
	transform: translateY(-3px);
}

.wpshare247-product-carousel .owl-nav button {
    background-color: #ccc !important;
    width: 30px;
    height: 30px;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important; 
}
.wpshare247-product-carousel .owl-nav button:hover {
    background-color: #1565C0 !important; 
    color: #fff;
}
.wpshare247-product-carousel .owl-nav {
    display: flex !important;
    justify-content: center; 
    gap: 5px !important; 
    margin-top: 10px;
}	

.wpshare247-product-carousel .owl-item:has(>.product-item-image){
	height: 100% !important;
}

.wpshare247-product-carousel .product-item {
    text-align: center;
    background: #fff;
	margin: 0 5px; /* Khoảng cách giữa các item */
}

.wpshare247-product-carousel .product-item .product-header{
    border: 1px solid #eee;
	padding: 15px;
}
.wpshare247-product-carousel .product-item .product-header{
	border-bottom: unset;
}

.wpshare247-product-carousel .product-item .product-footer{
	padding: 15px;
}
.wpshare247-product-carousel .product-item .product-footer{
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

.wpshare247-product-carousel .product-children{
	position: absolute;
}

.wpshare247-product-carousel .owl-dots{
	display: flex;
	justify-content: center;
	gap: 2px;
}

.wpshare247-product-carousel .owl-dots button{
	border: 1px solid black !important;
	border-radius: 50%;
	width: 15px;
	height: 15px;
}

.wpshare247-product-carousel .owl-dots button.active{
	background-color: black !important;
}

.wpshare247-product-carousel .product-item{
	position: relative;
}

.wpshare247-product-carousel .product-item img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.wpshare247-product-carousel .product-item h3, .woocommerce-loop-product__title {
    font-size: 1.1em;
    margin-bottom: 5px;
	text-align: left;
	 overflow: hidden;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	height: 45px;
}
.woocommerce-loop-product__title{
	height: 60px;
}

.wpshare247-product-carousel .product-item .price {
    font-weight: bold;
    color: #e44d26; /* Màu giá */
}

.wpshare247-product-carousel .product-item .button {
    display: block;
    margin-top: 10px;
    padding: 8px 15px;
    background-color: #0073e6; /* Màu nút Add to Cart */
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
}

.wpshare247-product-carousel .product-item .button:hover {
    background-color: #005bb5;
}

.wpshare247-product-carousel .product-item .quick-view-button {
	position: absolute;
    margin: 0;
    top: 0;
    right: 0;
	padding: 7px;
	color: #ccc;
	font-size: 10px;
	background: transparent;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.wpshare247-product-carousel .product-item .shopengine_add_to_list_action{
	position: absolute;
    margin: 0;
    top: 0;
    left: 0;
	padding: 7px;
	font-size: 10px;
	background: transparent;
}

.wpshare247-product-carousel .product-item .quick-view-button:hover {
    background-color: #5a6268;
}

.wpshare247-product-carousel .owl-nav{
	position: absolute;
    top: -56px;
    right: 0;	
}

.w247-carousel .swiper-slide img{
	width: 100%;
	object-fit: cover;
}

.wpshare247-product-carousel .shopengine-quickview-trigger, .wpshare247-product-carousel .shopengine_comparison_add_to_list_action{
	display: none;
}
.wpshare247-product-carousel .shopengine_add_to_list_action{
	color: red;
}
.wpshare247-product-carousel .shopengine_add_to_list_action:hover{
	background-color: #5a6268;
}
.wpshare247-product-carousel .wpshare247-rating{
	list-style: none;
	display: flex;
	padding: 0;
/* 	gap: 2px; */
	align-items: center;
	justify-content: center;
}
.wpshare247-product-carousel .wpshare247-rating li i{
	color: #fec42d;
	font-size: 11px;
}
.wpshare247-product-carousel .wpshare247-rating li.active i{
	color: #fec42d;
}
.wpshare247-product-carousel .wpshare247-rating span{
	font-size: 12px;
}
.w247-product .woocommerce-product-gallery{
	display: flex;
	flex-direction: row-reverse !important;
	gap: 10px;
	overflow: unset !important;
}
.w247-product .woocommerce-product-gallery .flex-viewport{
	overflow: unset !important;
}
.w247-product .woocommerce-product-gallery ol{
	flex-direction: column;
	border-collapse: collapse;
	height: calc(100% - 95px) !important;
	gap: 5px;
	margin-top: 0px !important;
	position: sticky;
	top: 50px;
	height: max-content !important;
}
.w247-product .elementor-widget-container .shopengine .shopengine-product-image .woocommerce-product-gallery ol li{
	width: 100px !important;
	border: 1px solid black;
	padding: 0;
	margin-left: 10px !important;
}
.w247-product .elementor-widget-container .shopengine .shopengine-product-image .woocommerce-product-gallery ol li:has(img.flex-active){
	border: 3px solid black;
}
.w247-product .elementor-widget-container .shopengine .shopengine-product-image .woocommerce-product-gallery ol li img{
	object-fit: cover;
}
.w247-get-max-height .elementor-column.elementor-col-33.elementor-inner-column.elementor-element{
	align-self: start;
    position: sticky;
    top: 50px;
}
/* Tắt zoom khi hover trên sản phẩm WooCommerce */
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce #content div.product div.images .woocommerce-product-gallery__image img,
.woocommerce-page div.product div.images .woocommerce-product-gallery__image img,
.woocommerce-page #content div.product div.images .woocommerce-product-gallery__image img {
    transform: scale(1) !important; /* Đảm bảo không có hiệu ứng phóng to */
    transition: none !important; /* Tắt hiệu ứng chuyển đổi */
    cursor: default !important; /* Thay đổi con trỏ chuột về mặc định */
}

/* Đối với các hiệu ứng zoom dựa trên JavaScript hoặc plugin cụ thể */
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__wrapper {
    overflow: hidden !important; /* Đảm bảo không có phần ảnh tràn ra ngoài */
}

/* Chỉnh cho các ảnh nằm theo cột */
.woocommerce-product-gallery__wrapper{
	display: flex !important;
	flex-direction: column;
}

.zoomImg {
    display: none !important; /* Tắt các lớp zoom được tạo bởi một số thư viện */
}
@media screen and (max-width: 1150px) {
    .shopengine-widget .shopengine-product-image .images.woocommerce-product-gallery .flex-viewport{
        overflow: hidden !important;
    }
    .w247-get-max-height,
    .w247-get-max-height section.elementor-section .elementor-container.elementor-column-gap-default,
    .w247-get-max-height section.elementor-section .woocommerce-product-gallery
    {
        height: auto !important;
    }
	.woocommerce-product-gallery__wrapper{
		display: block !important;
	}
}
@media screen and (max-width: 1000px) {
	.w247-product .woocommerce-product-gallery{
		display: block;
	}
	.w247-product .woocommerce-product-gallery ol{
		display: flex !important;
    	flex-direction: row !important;	
	}
}
.wpshare247-product-carousel .product-item .add_to_cart_button{
	opacity: 1;
	margin-top:-13px;
}

.blog-loop .post-categories{
	list-style: none;
	padding: 0;
	display: flex;
	gap: 5px;
}
.blog-loop .post-categories a{
	text-decoration: none;
	transition: 0.25s linear;
}
.blog-loop .post-categories a:hover{
	color: blue;
}
.blog-loop .wpshare247-entry-content .entry-title a{
	text-decoration: none;
	color: black;
}
.blog-loop{
	border: unset;
}


.list-category {
    margin-right: 75px !important;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
}


.list-category .category a {
    color: #555c62 !important;
    font-size: 15px;
    padding: 6px 10px;
    display: inline-block;
    text-decoration: none;
/*     transition: all 0.5s ease; */
}

.list-category .category a:hover {
    background-color: #fff !important; 
    border: 1px solid #1564c0 !important;   
	padding: 5px 9px;
}

.owl-carousel .owl-nav {
    position: absolute !important;
    top: 0%;
    transform: translateY(-165%);
    right: 10px;
    left: auto;
    z-index: 10;
    display: flex !important;
    gap: 5px;
}


.woocommerce-MyAccount-navigation ul {
    list-style-type: none !important; 
    padding-left: 0 !important; 
}

.wpshare247-product-carousel[data-nav="false"] .owl-nav {
  display: none !important;
}

.shopengine_add_to_list_action.shopengine-wishlist {
    display: none !important;
}
.shopengine-icon-quick_view_1{
	display: none !important;
}
.shopengine-icon-product_compare_1{
	display: none !important;
}
.elementor-73 .elementor-element.elementor-element-c6859c2 .product .ws247-ea-atc-wrapper {
    margin-top: 200px!important;
}

/* .ekit-menu-nav-link.ekit-menu-dropdown-toggle {
	background:#F3F3F3;
}

.ekit-menu-nav-link.ekit-menu-dropdown-toggle:hover {
	background:#F3F3F3!important;
} */
.fkcart-icon-checkout{
	color:white;
	width:26px
}

#breadcrumbs {
    background-color: #ffffff; 
    padding: 10px 0px;
    border-radius: 4px;
    font-size: 14px;
}

#breadcrumbs a:first-of-type {
    color: #000 !important; 
    font-weight: bold;
	text-decoration: none !important;
}


#breadcrumbs span:last-of-type {
    color: #a4a4a4; 
}

.woof_list_label .woof_label_term{
	background-color:#ffffff !important;
	font-weight: bold !important;
	font-size: 12px !important;
	padding: 2px 10px !important;
	font-family: 'Roboto', sans-serif !important;
	border: 1px solid #ccc;
	border-radius: 3px; 
	transition: all 0.2s ease-in-out; 
	height: 35px !important;
}

.woof_list_label .woof_label_term:hover{
	background-color:#1564C0 !important;
	color: white;
}

.wpcf7-form label{
	display: flex;
}
.wpcf7-form label input[type="submit"]{
	width: 50%;
}
.wpcf7-form label input[type="email"]{
	width: 100%;
}

.w247-table-product-detail .shopengine-product-description table{
	border: 2px solid;
}
.w247-table-product-detail .shopengine-product-description th,
.w247-table-product-detail .shopengine-product-description td,
.w247-table-product-detail .shopengine-product-description tr{
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px dotted;
}

.ws247-eaddon-classic{
	margin: 0;
    border-radius: 10px;
    overflow: hidden;
}

.wpshare247-elementor-addon .products .product{
	padding: unset !important;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 5px !important;
	border-bottom: 1px solid #F1F1F1 !important;
}
.wpshare247-elementor-addon .products .product:hover{
	box-shadow: unset !important;
}
.wpshare247-elementor-addon .products .product .add_to_cart_button{
	margin-bottom: 20px !important;
}
#place_order {
	background:#cb232a;
}
.elementor-icon-box-description {
    text-align: justify; 
}
.yith-wcqv-button {
    display: none !important; 
}

.w247-my-custom .woocommerce ul.products li.product .star-rating{
	display: none;
}
.w247-my-custom .woocommerce ul.products li.product .woocommerce-loop-product__title{
	text-align: left;
}
.elementor-widget-wp-widget-woocommerce_price_filter{
	display: none;
}
.abcc .elementor-icon-box-description{
	text-align: center;
}