/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* תווית הנחה על תמונת מוצר - ראו NmChild\Integrations\WooCommerce\DiscountLabels */
.woocommerce ul.products li.product,
.woocommerce div.product div.images {
	position: relative;
}

.nm-discount-label {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 100;
	background-color: #cfc295;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.2;
	padding: 4px 10px;
	border-radius: 3px;
	font-weight: 600;
}

/* כפתור וואטסאפ - ראו NmChild\Core\WhatsAppButton ו-NmChild\Integrations\WooCommerce\ProductWhatsAppButton */
.nm-whatsapp-product-btn__wrapper {
	clear: both;
	padding-top: 10px;
}

.nm-whatsapp-product-btn {
	display: inline-block;
	background-color: #25d366;
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 4px;
	text-decoration: none;
}

/* אנימציית פתיחה/סגירה להמבורגר המובייל (widget אייקון באלמנטור עם class
   "svg-open-hamburger", ה-SVG המצורף wp-content/uploads/2021/08/menu.svg —
   פוצל מ-path מאוחד אחד ל-3 <rect> נפרדים עם class לכל פס, כדי שאפשר יהיה
   להאריך/לקצר כל פס בנפרד ב-CSS). דור מטפל בפועל בפתיחה/סגירה של הניווט
   עצמו באלמנטור — האנימציה כאן מגיבה רק לclass "is-open" שמתווסף/מוסר
   מה-DIV העוטף עם ה-class "svg-open-hamburger" (למשל דרך Interactions של
   אלמנטור פרו, או כל JS אחר שמוסיף/מוריד את ה-class הזה בקליק). */
.svg-open-hamburger .nm-hamburger-bar {
	transition: width 0.25s ease, x 0.25s ease;
}

.svg-open-hamburger.is-open .nm-hamburger-bar--top,
.svg-open-hamburger.is-open .nm-hamburger-bar--bottom {
	width: 12px;
	x: 5.4px;
}

.svg-open-hamburger.is-open .nm-hamburger-bar--middle {
	width: 20px;
	x: 1.4px;
}

/* סיידבר סינון החנות - ראו NmChild\Integrations\WooCommerce\Filters\ShopFilterSidebar */
.nm-shop-filters {
	max-width: 300px;
	font-size: 14px;
}

.nm-shop-filters__mobile-toggle {
	display: none;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px;
	margin-bottom: 12px;
	background: #fff;
	border: 1px solid #cfc295;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	color: inherit;
	cursor: pointer;
}

/* מתחת ל-1024px (ברייקפוינט ה-tablet של Elementor) הסיידבר נדחס ל-20% רוחב
   לצד המוצרים (ה-container/widget של הקונטיינר באלמנטור בתבנית הארכיון,
   פוסט 461, לא הוגדרו לו ערכי tablet/mobile נפרדים) — מתקנים כאן ב-CSS
   בלי לגעת ב-_elementor_data (עריכת קונטיינר/רספונסיביות באלמנטור עצמו
   נשארת עריכת תוכן, לא קוד, כמו הסכמה הקיימת לגבי תגי H ואלמנטים אחרים
   — ראו naimmeod-performance-work.md). גוף הפילטרים מוסתר כברירת מחדל,
   נפתח עם כפתור "סינון" — ולא סתם נדחס לעמודה מלאה, כדי לא לדחוף עשרות
   צ'קבוקסים מעל/מתחת לרשת המוצרים.
*/
@media ( max-width: 1024px ) {
	.elementor-element-0773220 {
		flex-direction: column !important;
	}

	.elementor-element-42bac45 {
		width: 100% !important;
	}

	.nm-shop-filters {
		max-width: 100%;
	}

	.nm-shop-filters__mobile-toggle {
		display: flex;
	}

	.nm-shop-filters__body {
		display: none;
	}

	.nm-shop-filters.is-open .nm-shop-filters__body {
		display: block;
	}
}

.nm-shop-filters__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 10px;
}

.nm-shop-filters__header h3 {
	font-size: 22px;
	margin: 0;
}

.nm-shop-filters__clear {
	font-size: 13px;
	color: #cfc295;
	text-decoration: underline;
}

.nm-shop-filters__section {
	border-top: 1px solid #e2e2e2;
	padding: 16px 0;
}

.nm-shop-filters__section-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: none;
	border: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	color: inherit;
}

.nm-shop-filters__section-toggle:hover,
.nm-shop-filters__section-toggle:focus {
	background: none;
	color: inherit;
}

.nm-shop-filters__section-icon {
	font-size: 18px;
	line-height: 1;
}

.nm-shop-filters__section.is-collapsed .nm-shop-filters__list {
	display: none;
}

.nm-shop-filters__list {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

.nm-shop-filters__list li {
	margin: 0;
}

.nm-shop-filters__option {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 0;
	text-decoration: none;
	color: inherit;
}

.nm-shop-filters__checkbox {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	border: 1px solid #b8b8b8;
	border-radius: 2px;
	position: relative;
}

.nm-shop-filters__option.is-checked .nm-shop-filters__checkbox {
	background-color: #cfc295;
	border-color: #cfc295;
}

.nm-shop-filters__option.is-checked .nm-shop-filters__checkbox::after {
	content: '';
	position: absolute;
	top: 2px;
	right: 5px;
	width: 4px;
	height: 8px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.nm-shop-filters__swatch {
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #d0d0d0;
}

.nm-shop-filters__option-label {
	font-size: 14px;
}

/* מצב טעינה בזמן fetch של סינון AJAX - ראו assets/js/shop-filters.js */
.nm-shop-filters-loading .elementor-widget-woocommerce-products,
.nm-shop-filters-loading .nm-shop-filters {
	opacity: 0.5;
	pointer-events: none;
	transition: opacity 0.15s ease;
}

/* אייקון עגלת CheckoutWC ([checkoutwc_cart]) - ה-CSS המקורי של הפלאגין
   קובע רק width על ה-SVG, בלי height, אז הוא נשאר בפרופורציה המקורית
   של ה-viewBox במקום מרובע לפי --cfw-side-cart-icon-width. */
.cfw-side-cart-quantity-wrap svg {
	height: var(--cfw-side-cart-icon-width);
}