/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0.3
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

/* Keep WooCommerce archive/card images in one consistent frame. */
.woocommerce.archive .etheme-product-grid .etheme-product-grid-image,
.elementor-widget-etheme_product_grid .etheme-product-grid .etheme-product-grid-image,
.elementor-widget-etheme_product_carousel .etheme-product-grid .etheme-product-grid-image,
.products-loop .content-product .product-content-image,
.swiper-slide .content-product .product-content-image {
	aspect-ratio: 1 / 1;
	width: 100%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #fff;
}

.woocommerce.archive .etheme-product-grid .etheme-product-grid-image > a,
.woocommerce.archive .etheme-product-grid .etheme-product-grid-image .etheme-product-hover-swap-image,
.elementor-widget-etheme_product_grid .etheme-product-grid .etheme-product-grid-image > a,
.elementor-widget-etheme_product_grid .etheme-product-grid .etheme-product-grid-image .etheme-product-hover-swap-image,
.elementor-widget-etheme_product_carousel .etheme-product-grid .etheme-product-grid-image > a,
.elementor-widget-etheme_product_carousel .etheme-product-grid .etheme-product-grid-image .etheme-product-hover-swap-image,
.products-loop .content-product .product-content-image > a,
.swiper-slide .content-product .product-content-image > a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.woocommerce.archive .etheme-product-grid .etheme-product-grid-image .etheme-product-hover-swap-image,
.elementor-widget-etheme_product_grid .etheme-product-grid .etheme-product-grid-image .etheme-product-hover-swap-image,
.elementor-widget-etheme_product_carousel .etheme-product-grid .etheme-product-grid-image .etheme-product-hover-swap-image {
	position: absolute;
	inset: 0;
}

.woocommerce.archive .etheme-product-grid .etheme-product-grid-image img,
.elementor-widget-etheme_product_grid .etheme-product-grid .etheme-product-grid-image img,
.elementor-widget-etheme_product_carousel .etheme-product-grid .etheme-product-grid-image img,
.products-loop .content-product .product-content-image img,
.swiper-slide .content-product .product-content-image img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center center;
	display: block;
}

/* Keep the single product gallery inside its column. */
.single-product .woocommerce-product-gallery,
.single-product .images-wrapper,
.single-product .main-images,
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image a {
	max-width: 100%;
	overflow: hidden;
}

.single-product .woocommerce-product-gallery__image img.wp-post-image,
.single-product .woocommerce-product-gallery__image img.attachment-woocommerce_single {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 720px;
	object-fit: contain !important;
	object-position: center center;
	display: block;
	margin: 0 auto;
}

/* XStore sticky add-to-cart bar needs a small thumbnail, not a gallery-sized image. */
.single-product .etheme-sticky-cart img,
.single-product .etheme-sticky-cart .attachment-woocommerce_thumbnail,
.single-product .etheme-sticky-cart img.wp-post-image,
.single-product .etheme-sticky-panel img,
.single-product .etheme-sticky-panel .attachment-woocommerce_thumbnail,
.single-product .et_product-block img.attachment-woocommerce_thumbnail {
	width: 72px !important;
	height: 72px !important;
	max-width: 72px !important;
	max-height: 72px !important;
	object-fit: contain !important;
	object-position: center center;
}

/* Fluent Forms: Bank/Card and checkout forms. */
.frm-fluent-form .ff-el-group {
	margin-bottom: 18px;
}

.frm-fluent-form .ff-el-input--label label,
.frm-fluent-form label.ff-el-form-check-label {
	font-weight: 600;
	color: #202020;
}

.frm-fluent-form input[type="text"],
.frm-fluent-form input[type="email"],
.frm-fluent-form input[type="number"],
.frm-fluent-form input[type="tel"],
.frm-fluent-form select,
.frm-fluent-form textarea {
	width: 100%;
	min-height: 48px;
	border: 1px solid #d8d8d8 !important;
	border-radius: 12px !important;
	background: #fff;
	color: #202020;
	padding: 12px 14px;
	box-shadow: none !important;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.frm-fluent-form textarea {
	min-height: 120px;
}

.frm-fluent-form input:focus,
.frm-fluent-form select:focus,
.frm-fluent-form textarea:focus {
	border-color: #008575 !important;
	box-shadow: 0 0 0 3px rgba(0, 133, 117, .12) !important;
	outline: none;
}

.frm-fluent-form .ff-btn-submit {
	min-height: 48px;
	border-radius: 12px !important;
	background: #008575 !important;
	border-color: #008575 !important;
	color: #fff !important;
	font-weight: 700;
	padding: 12px 24px;
}

.frm-fluent-form .ff-btn-submit:hover {
	background: #006f62 !important;
	border-color: #006f62 !important;
}