/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1752188464
Updated: 2025-07-10 23:01:04

*/

/* Design Preview: larger column (70%), no heading, no box outline (buttons kept). */
body.single-product .wcfm-tshirt-design-container .wcfm-tshirt-design-heading {
	display: none !important;
}
body.single-product .wcfm-tshirt-design-wrapper,
body.single-product .elementor-widget-shortcode .wcfm-tshirt-design-wrapper {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}
body.single-product .wcfm-tshirt-viewport .wcfm-tshirt-design,
body.single-product .elementor-widget-shortcode .wcfm-tshirt-viewport .wcfm-tshirt-design {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
}
body.single-product .elementor-section:has(.wcfm-tshirt-design-container) .elementor-container {
	gap: 2rem !important;
	column-gap: 2rem !important;
}
body.single-product .elementor-column:has(.wcfm-tshirt-design-container) {
	flex: 0 0 70% !important;
	max-width: 70% !important;
	min-width: 520px !important;
	box-sizing: border-box !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
/* Full width of column: remove horizontal padding so preview fills the column. */
body.single-product .elementor-column:has(.wcfm-tshirt-design-container) .elementor-widget-wrap,
body.single-product .elementor-column:has(.wcfm-tshirt-design-container) .elementor-widget,
body.single-product .elementor-column:has(.wcfm-tshirt-design-container) .elementor-column-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}
/* Product details column: take remaining space so layout spreads out. */
body.single-product .elementor-section:has(.wcfm-tshirt-design-container) .elementor-column:not(:has(.wcfm-tshirt-design-container)) {
	flex: 1 1 28% !important;
	min-width: 280px !important;
}
/* Full width of column: widget wrap, shortcode container, design container; ensure they can grow. */
body.single-product .elementor-column:has(.wcfm-tshirt-design-container) .elementor-widget-wrap,
body.single-product .elementor-column:has(.wcfm-tshirt-design-container) .elementor-widget,
body.single-product .elementor-column:has(.wcfm-tshirt-design-container) .elementor-shortcode,
body.single-product .elementor-column .wcfm-tshirt-design-container,
body.single-product .elementor-widget-shortcode .wcfm-tshirt-design-container {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	flex: none !important;
}
/* When :has() doesn't apply, force width via the shortcode parent of the wrapper. */
body.single-product .elementor-widget-shortcode:has(.wcfm-tshirt-design-wrapper) {
	min-width: 520px !important;
}
body.single-product .elementor-column .wcfm-tshirt-design-wrapper,
body.single-product .elementor-widget-shortcode .wcfm-tshirt-design-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 520px !important;
	min-height: 520px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* Allow design preview to use full column width (override plugin max-width) */
body.single-product .wcfm-tshirt-design-wrapper {
	max-width: none !important;
}
body.single-product .elementor-column .wcfm-tshirt-viewport,
body.single-product .elementor-column .wcfm-tshirt-background,
body.single-product .elementor-widget-shortcode .wcfm-tshirt-viewport,
body.single-product .elementor-widget-shortcode .wcfm-tshirt-background {
	width: 100% !important;
	max-width: 100% !important;
}
/* Let the design overlay use its inline dimensions from the template so it stays aligned with the shirt. */
body.single-product .wcfm-tshirt-design-wrapper .wcfm-tshirt-design .wcfm-tshirt-design-image {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
}
@media (max-width: 768px) {
	body.single-product .elementor-column:has(.wcfm-tshirt-design-container) {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}