/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.3
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*
 * Elementor Pro side-cart: a closed (or still-closing) menu-cart container must
 * never intercept pointer events. The container is a fixed full-viewport div at
 * z-index 9998; Elementor hides it only via transform: scale(0), so while the
 * 0.4s close transition runs (or never completes in a render-throttled tab) it
 * remains an invisible sheet over the whole page that swallows every click.
 * Elementor Pro 4.2.0 also auto-opens it on the cart page after a non-AJAX
 * add-to-cart (its cart-page bail tests isCart && isCheckout instead of ||),
 * which left the cart table's remove links unclickable. See also the
 * elementor_pro/frontend/localize_settings filter in functions.php.
 */
body.elementor-default .elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__container {
	pointer-events: none;
}

/*
 * Cart table: enlarge the remove control's hit target. The bare anchor is
 * ~11x19px, far below the 44px touch-target guideline; give it a 32px
 * minimum box without changing the glyph size.
 */
.woocommerce-cart-form .product-remove a.remove,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table .product-remove a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	line-height: 1;
}


/*
 * Homepage category Loop Grid (template 9282): the Gift Store card's source
 * image is portrait (618x1100, model's face in the top third); the shared
 * container's cover + center-center crop shows only the knitwear. Pin this
 * one term's card to the top of the image. Term 383 = the-gift-store
 * (verify the id matches before deploying to staging/prod).
 */
.e-loop-item.e-loop-item-383 .elementor-element.elementor-element-8a883cd:not(.elementor-motion-effects-element-type-background) {
	background-position: top center;
}


/*
 * Guide-article inline product thumbnails (prototype 2026-08-05).
 * <a class="woh-guide-thumb woh-guide-thumb--left|--right"> wrapping a
 * product image inside buying-guide sections; floats alternate sides on
 * desktop and stack full-width above the paragraph on small screens.
 */
.woh-guide-thumb {
	display: block;
	max-width: 260px;
}
.woh-guide-thumb img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	display: block;
}
.woh-guide-thumb--right {
	float: right;
	margin: 0.3em 0 1em 1.5em;
}
.woh-guide-thumb--left {
	float: left;
	margin: 0.3em 1.5em 1em 0;
}
/*
 * Any heading that follows a floated guide thumb starts below it, so a tall
 * image never bleeds into the next section. The sibling combinator keeps
 * this scoped to pages that actually contain the thumbs.
 */
.woh-guide-thumb ~ h2,
.woh-guide-thumb ~ h3 {
	clear: both;
}

@media (max-width: 767px) {
	.woh-guide-thumb--left,
	.woh-guide-thumb--right {
		float: none;
		max-width: 100%;
		margin: 0 0 1em;
	}
}