/* Joelle maatwerk: free stand-ins for Elementor Pro WooCommerce widgets (templates 7610 + 7612). Loaded by includes/class-woo-compat.php on product pages and product archives only. */
/* (a) Base widget rules from Elementor Pro 4.0.0 assets/css/widget-woocommerce-*.min.css, (c) Elementor Ltd., GPL-3.0-or-later. Only rules whose classes the shortcode widgets reproduce. */
/* widget-woocommerce-product-images: first rule re-scoped (Pro put .elementor and .product on one element; the router nests .elementor inside div.product). */
.product .elementor .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__trigger+.woocommerce-product-gallery__wrapper{overflow:hidden}
.woocommerce .elementor-widget-woocommerce-product-images span.onsale{padding:0}
body.woocommerce #content div.product .elementor-widget-woocommerce-product-images div.images,body.woocommerce div.product .elementor-widget-woocommerce-product-images div.images,body.woocommerce-page #content div.product .elementor-widget-woocommerce-product-images div.images,body.woocommerce-page div.product .elementor-widget-woocommerce-product-images div.images{float:none;padding:0;width:100%}
body.rtl.woocommerce #content div.product .elementor-widget-woocommerce-product-images div.images,body.rtl.woocommerce div.product .elementor-widget-woocommerce-product-images div.images,body.rtl.woocommerce-page #content div.product .elementor-widget-woocommerce-product-images div.images,body.rtl.woocommerce-page div.product .elementor-widget-woocommerce-product-images div.images{float:none;padding:0}
/* widget-woocommerce-product-add-to-cart: base rules (no --align-/--layout- classes in use, loop-item rules skipped). */
:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart{margin:0}
:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart.variations_form .woocommerce-variation-add-to-cart,:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart:not(.grouped_form):not(.variations_form){display:flex;flex-wrap:nowrap}
:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart .button:where(:not(:first-child)),:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart button:where(:not(:first-child)){margin-block-start:0;margin-inline-start:var(--button-spacing,10px)}
:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) .quantity{vertical-align:middle}
:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) .quantity .qty{margin-inline-end:0;vertical-align:top}
:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) .quantity input{height:100%}
:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart):not(.e-add-to-cart--show-quantity-yes) form.cart .quantity{display:none!important}
:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart):not(.e-add-to-cart--show-quantity-yes) form.cart .button:where(:not(:first-child)),:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart):not(.e-add-to-cart--show-quantity-yes) form.cart button:where(:not(:first-child)){margin-inline-start:0}
/* widget-woocommerce-products: .elementor-products-grid rules (wrapper classes set via _css_classes). */
.elementor-products-grid ul.products.elementor-grid{display:grid;margin:0;grid-column-gap:20px;grid-row-gap:40px}
.elementor-products-grid ul.products.elementor-grid:after,.elementor-products-grid ul.products.elementor-grid:before{content:none;display:none}
.elementor-products-grid ul.products.elementor-grid li.product{display:var(--button-align-display);flex-direction:var(--button-align-direction);float:none;justify-content:var(--button-align-justify);margin:0;padding:0;width:auto}
.elementor-products-grid ul.products.elementor-grid li.product .onsale{display:none;padding:0}
.elementor-products-grid ul.products.elementor-grid li.product a.woocommerce-loop-product__link{display:block;position:relative}
.elementor-products-grid:not(.show-heading-yes) .products>h2{display:none}
.elementor-products-grid nav.woocommerce-pagination{margin-top:40px}
.elementor-products-grid:not(.elementor-show-pagination-border-yes) nav.woocommerce-pagination ul{border:0}
.elementor-products-grid:not(.elementor-show-pagination-border-yes) nav.woocommerce-pagination ul li{border-left:0;border-right:0}
.woocommerce .elementor-element.elementor-products-grid ul.products li.product,.woocommerce div.product .elementor-element.elementor-products-grid .related.products ul.products li.product,.woocommerce div.product .elementor-element.elementor-products-grid .upsells.products ul.products li.product{width:auto}
/* (b) Per-element rules for the swapped widgets, verbatim from the Pro-era post-7610.css / post-7612.css (element ids unchanged). */
.woocommerce .elementor-7610 .elementor-element.elementor-element-f95a1db1 .price{color:#AD7674;font-family:"Cormorant Garamond", Sans-serif;font-size:36px;font-weight:500;}
.elementor-7610 .elementor-element.elementor-element-f95a1db1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}
.elementor-7610 .elementor-element.elementor-element-ff2cb524 .cart button, .elementor-7610 .elementor-element.elementor-element-ff2cb524 .cart .button{color:#FFF6F0;transition:all 0.2s;}
.elementor-7610 .elementor-element.elementor-element-ff2cb524 .quantity .qty{transition:all 0.2s;}
.elementor-7610 .elementor-element.elementor-element-ff2cb524{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}
.elementor-7612 .elementor-element.elementor-element-ea020001.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}
.elementor-7612 .elementor-element.elementor-element-ea020001.elementor-wc-products ul.products li.product span.onsale{display:block;}
@media(max-width:1024px){
.elementor-7612 .elementor-element.elementor-element-ea020001.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}
}
@media(max-width:767px){
.elementor-7612 .elementor-element.elementor-element-ea020001.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}
}
/* (c) Column count of the Archive Products widget (columns 3 / tablet 2 / mobile 1), scoped to element ea020001 in case the elementor-grid-* helpers are not in core's CSS. The kit custom CSS (!important) still decides the final grid, as it did with Pro. */
.elementor-7612 .elementor-element.elementor-element-ea020001.elementor-grid-3 ul.products.elementor-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1024px){.elementor-7612 .elementor-element.elementor-element-ea020001.elementor-grid-tablet-2 ul.products.elementor-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.elementor-7612 .elementor-element.elementor-element-ea020001.elementor-grid-mobile-1 ul.products.elementor-grid{grid-template-columns:repeat(1,1fr)}}

/* (d) Pro's global-default styles. Pro gives these widget controls a `global` default (kit Primary/Accent),
   which Elementor printed as `.elementor-widget-{name}` rules. Like Elementor, every typography property is a
   var(); the kit only defines family/weight, so size/line-height resolve to inherited values (as on the Pro site). Free Elementor no longer knows the widgets, so
   they are reproduced here from elementor-pro/modules/woocommerce/widgets/products-base.php,
   product-price.php and product-add-to-cart.php. Per-element settings in post-*.css still win (more specific). */
.elementor-widget-woocommerce-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title {
	color: var( --e-global-color-primary );
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size: var( --e-global-typography-primary-font-size );
	font-weight: var( --e-global-typography-primary-font-weight );
	line-height: var( --e-global-typography-primary-line-height );
	letter-spacing: var( --e-global-typography-primary-letter-spacing );
	word-spacing: var( --e-global-typography-primary-word-spacing );
}
.elementor-widget-woocommerce-archive-products.elementor-wc-products ul.products li.product .price,
.elementor-widget-woocommerce-archive-products.elementor-wc-products ul.products li.product .price ins,
.elementor-widget-woocommerce-archive-products.elementor-wc-products ul.products li.product .price ins .amount {
	color: var( --e-global-color-primary );
}
.elementor-widget-woocommerce-archive-products.elementor-wc-products ul.products li.product .price {
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size: var( --e-global-typography-primary-font-size );
	font-weight: var( --e-global-typography-primary-font-weight );
	line-height: var( --e-global-typography-primary-line-height );
	letter-spacing: var( --e-global-typography-primary-letter-spacing );
	word-spacing: var( --e-global-typography-primary-word-spacing );
}
.elementor-widget-woocommerce-archive-products.elementor-wc-products ul.products li.product .price del,
.elementor-widget-woocommerce-archive-products.elementor-wc-products ul.products li.product .price del .amount {
	color: var( --e-global-color-primary );
}
.elementor-widget-woocommerce-archive-products.elementor-wc-products ul.products li.product .price del .amount {
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size: var( --e-global-typography-primary-font-size );
	font-weight: var( --e-global-typography-primary-font-weight );
	line-height: var( --e-global-typography-primary-line-height );
	letter-spacing: var( --e-global-typography-primary-letter-spacing );
	word-spacing: var( --e-global-typography-primary-word-spacing );
}
.elementor-widget-woocommerce-archive-products.elementor-wc-products ul.products li.product .button,
.elementor-widget-woocommerce-archive-products.elementor-wc-products .added_to_cart,
.elementor-widget-woocommerce-product-add-to-cart .added_to_cart {
	font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
	font-size: var( --e-global-typography-accent-font-size );
	font-weight: var( --e-global-typography-accent-font-weight );
	line-height: var( --e-global-typography-accent-line-height );
	letter-spacing: var( --e-global-typography-accent-letter-spacing );
	word-spacing: var( --e-global-typography-accent-word-spacing );
}
.elementor-widget-woocommerce-archive-products .elementor-products-nothing-found {
	color: var( --e-global-color-text );
	font-family: var( --e-global-typography-text-font-family ), Sans-serif;
	font-size: var( --e-global-typography-text-font-size );
	font-weight: var( --e-global-typography-text-font-weight );
	line-height: var( --e-global-typography-text-line-height );
	letter-spacing: var( --e-global-typography-text-letter-spacing );
	word-spacing: var( --e-global-typography-text-word-spacing );
}
.woocommerce .elementor-widget-woocommerce-product-price .price {
	color: var( --e-global-color-primary );
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size: var( --e-global-typography-primary-font-size );
	font-weight: var( --e-global-typography-primary-font-weight );
	line-height: var( --e-global-typography-primary-line-height );
	letter-spacing: var( --e-global-typography-primary-letter-spacing );
	word-spacing: var( --e-global-typography-primary-word-spacing );
}