/*--------------------------------------------------------------
	CSS tuy chinh cho axm

	Chuyen tu o "Additional CSS" trong Customizer vao day.
	File nay duoc nap SAU CUNG (uu tien 9999) nen giu nguyen thu tu
	cascade nhu khi con nam trong Customizer.

	Sau khi kiem tra site chay dung, nho XOA phan CSS cu trong
	Customizer > Additional CSS, neu khong se co hai ban song song.

	Muc luc
		1. Bo cuc chung
		2. Header & dieu huong
		3. Danh sach san pham
		4. Trang chi tiet san pham
		5. Gio hang & thanh toan
		6. Trang noi dung Elementor
		7. Responsive
--------------------------------------------------------------*/


/*--------------------------------------------------------------*/
	/* #region - 1. Bo cuc chung */
/*--------------------------------------------------------------*/

	.breadcrumb { display: none; }

	#header-wrapper { margin-bottom: 10px; }

	.wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span svg {
		filter: grayscale(1);
		opacity: 0.6;
	}

	.wpcf7 form.invalid .wpcf7-response-output,
	.wpcf7-response-output { padding-left: 40px !important; }

/* #endregion */


/*--------------------------------------------------------------*/
	/* #region - 2. Header & dieu huong */
/*--------------------------------------------------------------*/

	.wdt-primary-nav .menu-item-depth-0 a { text-transform: uppercase; }

/* #endregion */


/*--------------------------------------------------------------*/
	/* #region - 3. Danh sach san pham */
/*--------------------------------------------------------------*/

	.woocommerce ul.products li.product .nvf-loop-cart { display: none; }

	.woocommerce ul.products li.product .product-details .product-rating-wrapper { display: none !important; }

	.woocommerce ul.products li.product .product-details .price,
	.woocommerce ul.products li.product .product-details .price ins,
	.woocommerce ul.products li.product .product-details .price del { font-size: 18px; }

	.woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button {
		font-size: 14px !important;
		letter-spacing: 0.6px !important;
		padding: 10px !important;
	}

	/* An anh chinh khi hover de lo anh phu */
	.woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { display: none !important; }

/* #endregion */


/*--------------------------------------------------------------*/
	/* #region - 4. Trang chi tiet san pham */
/*--------------------------------------------------------------*/

	.woocommerce div.product div.images ol.flex-control-nav { flex-wrap: nowrap; }

	.woocommerce-Tabs-panel--description h3 { font-size: 24px; }

	/* Nut chon bien the: rong theo noi dung */
	.woocommerce div.product .summary form.variations_form.cart .variations ul.button-variable-items-wrapper li {
		padding-left: 10px;
		padding-right: 10px;
		width: auto !important;
	}

	.single-product table.variations th.label,
	.single-product table.variations label {
		display: inline-block !important;
		width: auto !important;
	}

	/* San pham lien quan / upsell nam trong trang chi tiet */
	.single-product.woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb:before { padding-top: 0; }

	.single-product.woocommerce ul.products li.product .product-thumb .image,
	.single-product.woocommerce ul.products li.product .product-thumb .image .primary-image,
	.single-product.woocommerce ul.products li.product .product-thumb .image .secondary-image { position: relative; }

/* #endregion */


/*--------------------------------------------------------------*/
	/* #region - 5. Gio hang & thanh toan */
/*--------------------------------------------------------------*/

	.wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a { margin-right: 5px; }

	.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li img {
		margin: 10px 0;
		max-height: 450px;
		max-width: 320px;
		mix-blend-mode: multiply;
	}

/* #endregion */


/*--------------------------------------------------------------*/
	/* #region - 6. Trang noi dung Elementor */
/*--------------------------------------------------------------*/

	.elementor-499 .elementor-element.elementor-element-29f1268 .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container,
	.elementor-499 .elementor-element.elementor-element-08c1d39 .wdt-content-item .wdt-media-image-cover > .wdt-content-image-wrapper,
	.elementor-499 .elementor-element.elementor-element-08c1d39 .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container {
		align-content: flex-start;
		text-align: left;
	}

	.elementor-499 .elementor-element.elementor-element-08c1d39 .wdt-content-item .wdt-content-elements-group.wdt-media-image-cover > .wdt-media-image-cover-container,
	.elementor-499 .elementor-element.elementor-element-08c1d39 .wdt-content-item .wdt-content-elements-group.wdt-media-image-overlay > .wdt-media-image-overlay-container { text-align: left; }

/* #endregion */


/*--------------------------------------------------------------*/
	/* #region - 7. Responsive */
/*--------------------------------------------------------------*/

	@media screen and (min-width: 992px) {

		.elementor-216 .elementor-element.elementor-element-345dffa { width: 80% !important; }
		.elementor-216 .elementor-element.elementor-element-4ff8f17 { width: 10% !important; }

		.main-title-section-wrapper .main-title-section-container {
			padding-bottom: 10px;
			padding-top: 10px;
		}

		.wdt-shop-cart-widget.activate-sidebar-widget { width: 450px !important; }

		.woocommerce ul.products li.product .product-details .product-title h5 {
			font-size: 16px !important;
			min-height: 63px;
		}

	}

	@media (min-width: 1560px) and (max-width: 1660px) {

		.elementor-section.elementor-section-boxed > .elementor-container,
		.elementor-section > .elementor-container,
		.site-content > .container,
		#main > .container { max-width: 1440px !important; }

		.container { max-width: 1440px !important; }

	}

	@media screen and (max-width: 767px) {

		.woocommerce div.product.type-product > div.images,
		.woocommerce div.product.type-product > div.summary { width: 100% !important; }

		.woocommerce div.product form.cart div.quantity.quantity-with-plusminus {
			margin-left: -8px !important;
			width: 100%;
		}

		.woocommerce ul.products:not(.products-apply-isotope, .swiper-wrapper) .product .wdt-col { margin-bottom: 20px; }

		.single-product form.cart .quantity,
		.single-product .woocommerce-variation-add-to-cart .quantity { height: 52px !important; }

	}

	@media screen and (max-width: 479px) {

		.elementor-section.elementor-section-boxed > .elementor-container {
			max-width: 100% !important;
			width: 100% !important;
		}

		.container { width: 100% !important; }

	}

/* #endregion */