/*
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.1
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
*/

/* Phase 1: indicative pricing and WhatsApp cart ordering */
.zeenath-indicative-price {
	display: inline-flex;
	flex-direction: column;
	gap: 0.2rem;
}

.zeenath-indicative-price small {
	color: #6b7280;
	font-size: 0.68em;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.zeenath-price-notice {
	background: #fff9e8;
	border: 1px solid #ead49a;
	border-left: 4px solid #c99a2e;
	border-radius: 8px;
	color: #493a17;
	font-size: 0.9rem;
	line-height: 1.55;
	margin: 0 0 1.25rem;
	padding: 0.9rem 1rem;
}

.zeenath-whatsapp-order {
	align-items: center;
	background: #168c4c !important;
	border-color: #168c4c !important;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(22, 140, 76, 0.2);
	color: #fff !important;
	display: flex !important;
	gap: 0.65rem;
	justify-content: center;
	transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.zeenath-whatsapp-order:hover,
.zeenath-whatsapp-order:focus {
	background: #11783f !important;
	border-color: #11783f !important;
	box-shadow: 0 10px 24px rgba(17, 120, 63, 0.28);
	color: #fff !important;
	transform: translateY(-1px);
}

.zeenath-whatsapp-order svg {
	flex: 0 0 auto;
	height: 1.35em;
	width: 1.35em;
}

/* Keep Add to Cart and use WhatsApp for direct enquiries; hide the redundant Buy Now control. */
.single-product button.etheme-buy-now-button,
.single-product a.etheme-buy-now-button,
.single-product button.buy-now-button,
.single-product a.buy-now-button,
.single-product button.et-single-buy-now {
	display: none !important;
}

.zeenath-product-whatsapp {
	align-items: center;
	background: #168c4c !important;
	border-color: #168c4c !important;
	border-radius: 7px !important;
	box-shadow: 0 7px 18px rgba(22, 140, 76, 0.2);
	color: #fff !important;
	display: inline-flex !important;
	font-weight: 700;
	gap: 0.55rem;
	justify-content: center;
	margin: 12px 0 0 10px !important;
	min-height: 44px;
	padding: 0 20px !important;
}

.zeenath-product-whatsapp:hover,
.zeenath-product-whatsapp:focus {
	background: #11783f !important;
	border-color: #11783f !important;
	color: #fff !important;
	transform: translateY(-1px);
}

.zeenath-wa-icon {
	border: 2px solid currentColor;
	border-radius: 50%;
	font-size: 0.55em;
	height: 1.8em;
	line-height: 1.35em;
	text-align: center;
	width: 1.8em;
}

.zeenath-staging-indicator {
	background: #b91c1c;
	border: 2px solid #ffffff;
	border-radius: 999px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
	color: #ffffff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1;
	padding: 10px 14px;
	left: 50%;
	position: fixed;
	text-transform: uppercase;
	top: 16px;
	transform: translateX(-50%);
	z-index: 2147483647;
}

.admin-bar .zeenath-staging-indicator {
	top: 48px;
}

.zeenath-visitor-count {
	color: #8a8a8a;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.02em;
	margin-top: 4px;
}

.zeenath-visitor-count strong {
	color: #707070;
	font-weight: 600;
}

/* Product action sizing and social sharing polish. */
.single-product form.cart {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

@media (min-width: 768px) {
	.single-product form.cart {
		flex-direction: column;
		justify-content: center;
	}

	.single-product form.cart > button.add_to_cart_button {
		flex: 0 0 auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 360px !important;
		min-height: 46px;
		min-width: 0;
		width: 360px !important;
	}

	.single-product form.cart > .zeenath-product-whatsapp {
		flex: 0 0 auto !important;
		font-size: 15px;
		margin: 0 auto !important;
		max-width: 440px !important;
		min-height: 50px;
		min-width: 0;
		padding: 0 32px !important;
		width: 440px !important;
	}
}

/* Hide only WooCommerce's no-payment-method warning; the WhatsApp order action remains visible. */
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-info,
.woocommerce-checkout #payment .woocommerce-notice--info {
	display: none !important;
}

.single-product .elementor-widget-share-buttons .elementor-grid {
	gap: 14px !important;
}

.single-product .elementor-share-btn {
	font-size: 19px !important;
	min-height: 34px;
	min-width: 34px;
}

.single-product .elementor-share-btn__icon {
	font-size: 19px !important;
}

.page-id-25 .wpcf7-submit {
	font-size: 16px !important;
	font-weight: 700;
	min-height: 52px;
	min-width: 260px;
	padding: 14px 38px !important;
}

.page-id-25 .elementor-element-2da53804,
.page-id-25 .elementor-element-2da53804 .elementor-widget-container {
	text-align: center !important;
}

.page-id-25 .elementor-element-2da53804 img {
	display: inline-block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (max-width: 767px) {
	.single-product button.etheme-buy-now-button,
	.single-product a.etheme-buy-now-button,
	.single-product button.buy-now-button,
	.single-product a.buy-now-button,
	.single-product button.et-single-buy-now,
	.single-product .et-single-buy-now {
		display: none !important;
		visibility: hidden !important;
	}

	.single-product form.cart {
		gap: 10px;
	}

	.single-product form.cart > button.add_to_cart_button,
	.single-product form.cart > .zeenath-product-whatsapp,
	.zeenath-whatsapp-order {
		margin: 0 !important;
		max-width: none !important;
		min-height: 52px;
		min-width: 0;
		width: 100% !important;
	}

	.page-id-25 .wpcf7-submit {
		display: block;
		min-width: 0;
		width: 100% !important;
	}
}