/* ============================================================
   super-asulin — גשר עיצוב ל-WooCommerce, Elementor ופריסות התבנית
   משלים את assets/styles.css. מעצב את ה-markup המקורי של WooCommerce
   כך שיתאים לעיצוב — בלי לפגוע בפונקציונליות (עגלה, וריאציות וכו').
   ============================================================ */

/* ---------- הגנת רוחב מלא — מונע "תיבה צרה" משאריות CSS/Elementor ---------- */
html,body{max-width:100% !important;width:auto !important;overflow-x:clip}
body.sa-theme{margin:0}
.topbar,.site-header,.site-footer,.site-content,.welcome,.newsletter,.sa-wc-wrap{
	width:100% !important;max-width:100% !important;margin-inline:auto;float:none
}
/* בתוך הרצועות — ה-.wrap הוא שמגביל ל-1240px וממרכז */
.topbar > .wrap,.header-row,.site-footer .wrap,.catbar-inner{max-width:var(--maxw,1240px);margin-inline:auto}

/* ---------- פריסות תוכן כלליות ---------- */
.site-content{min-height:40vh}
.sa-content-wrap{display:grid;grid-template-columns:1fr 300px;gap:40px;padding-block:48px;align-items:start}
body.no-sidebar .sa-content-wrap,
.sa-content-wrap--full{grid-template-columns:1fr}
.sa-content-wrap .sa-sidebar{position:sticky;top:100px}
.sa-fullwidth{padding-block:0}
.sa-elementor-page{width:100%}
.sa-wc-wrap{padding-block:42px}
@media (max-width:900px){
	.sa-content-wrap{grid-template-columns:1fr}
	.sa-content-wrap .sa-sidebar{position:static}
}

.page-header{margin-bottom:28px}
.page-title{font-size:34px;line-height:1.1}
.sa-note{padding:30px;text-align:center;color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-lg)}

/* ---------- בלוג / פוסטים ---------- */
.sa-posts{display:grid;gap:24px}
.sa-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.sa-post-card{display:grid;grid-template-columns:260px 1fr;gap:0}
.sa-post-thumb img{width:100%;height:100%;object-fit:cover}
.sa-post-body{padding:24px}
.sa-post-card .entry-title,.sa-search-result .entry-title{font-size:21px;margin-bottom:8px}
.sa-card{padding:0}
.sa-search-result{padding:22px;margin-bottom:18px}
.sa-single .entry-title{font-size:38px;margin-bottom:8px}
.sa-single .entry-thumb{margin:18px 0;border-radius:var(--r-lg);overflow:hidden}
.entry-content{line-height:1.7;font-size:16.5px}
.entry-content h2{font-size:28px;margin:28px 0 12px}
.entry-content h3{font-size:22px;margin:22px 0 10px}
.entry-content p{margin-bottom:16px}
.entry-content img{border-radius:var(--r)}
.entry-content a{color:var(--accent-deep);text-decoration:underline}

/* ---------- סרגל צד ---------- */
.sa-sidebar .widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;margin-bottom:22px;box-shadow:var(--shadow-sm)}
.sa-sidebar .widget-title{font-size:17px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--honey);display:inline-block}
.sa-sidebar ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.sa-sidebar a{color:var(--ink-2)}
.sa-sidebar a:hover{color:var(--accent-deep)}

/* ---------- תפריט ניווט וורדפרס (wp_nav_menu) ---------- */
.nav ul{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.nav li{list-style:none;position:relative}
.nav li::marker{content:""}
.nav .current-menu-item > a,
.nav .current_page_item > a{color:var(--accent-deep);background:var(--emerald-tint)}
/* תפריט-משנה נפתח */
.nav li .sub-menu{
	position:absolute;top:100%;inset-inline-start:0;min-width:220px;z-index:60;
	background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
	box-shadow:var(--shadow-lg);padding:10px;display:flex;flex-direction:column;gap:2px;
	opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s var(--ease)
}
.nav li:hover > .sub-menu{opacity:1;visibility:visible;transform:none}
.nav li .sub-menu a{display:block;width:100%}
.footer-top .fcol ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
.footer-top .fcol li{list-style:none}
@media (max-width:980px){
	.nav li .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding-inline-start:14px}
}

/* ---------- תפריט נייד (כפתור המבורגר פותח את התפריט הראשי) ---------- */
@media (max-width:760px){
	.header-row{flex-wrap:wrap}
	.site-header.nav-open .nav{
		display:flex !important;flex:0 0 100%;width:100%;order:10;
		flex-direction:column;align-items:stretch;gap:2px;
		margin-top:12px;padding-top:12px;border-top:1px solid var(--line)
	}
	.site-header.nav-open .nav ul{flex-direction:column;align-items:stretch;width:100%;gap:2px}
	.site-header.nav-open .nav li{width:100%}
	.site-header.nav-open .nav > a,
	.site-header.nav-open .nav li a{width:100%;justify-content:flex-start;padding:13px 14px;border-radius:var(--r)}
	.site-header.nav-open .nav .nav-item{width:100%}
	.burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
	.burger.is-open span:nth-child(2){opacity:0}
	.burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}

/* ---------- אייקון קטגוריה בסרגל (תמונה) ---------- */
.catbar-item .cbi-ic img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.mega .mcol a .dot{background:var(--accent)}

/* ---------- כפתורי WooCommerce → סגנון התבנית ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce-page .button{
	background:var(--cta);color:#fff;border:0;border-radius:var(--r-pill);
	font-family:var(--font-display);font-weight:700;font-size:15px;
	padding:12px 26px;cursor:pointer;transition:.2s var(--ease);line-height:1.2
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover{background:var(--cta-deep);transform:translateY(-1px)}
.woocommerce .button.added::after{display:none}

/* ---------- רשת מוצרים של WooCommerce (חנות / קטגוריה) ---------- */
.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;margin:0;padding:0}
.woocommerce ul.products::before,
.woocommerce ul.products::after{display:none !important}
.woocommerce ul.products li.product{
	width:auto !important;margin:0 !important;float:none !important;
	background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
	padding:16px;box-shadow:var(--shadow-sm);transition:.22s var(--ease);
	display:flex;flex-direction:column;text-align:center;position:relative
}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.woocommerce ul.products li.product a img{border-radius:var(--r);margin-bottom:12px;aspect-ratio:1;object-fit:contain;background:#fff}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--ink);padding:0;line-height:1.35;min-height:42px
}
.woocommerce ul.products li.product .price{color:var(--ink);font-family:var(--font-display);font-weight:900;font-size:18px;margin:8px 0}
.woocommerce ul.products li.product .price del{color:var(--ink-3);font-weight:500;font-size:14px;margin-inline-end:6px}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--coral)}
.woocommerce ul.products li.product .button{margin-top:auto;border-radius:var(--r-pill)}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
	background:var(--honey);color:var(--ink);border-radius:var(--r-pill);
	font-family:var(--font-display);font-weight:800;min-height:auto;min-width:auto;
	padding:5px 12px;line-height:1;position:absolute;top:12px;inset-inline-start:12px;margin:0
}
.woocommerce-result-count{color:var(--ink-2)}
.woocommerce .woocommerce-ordering select{border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 14px;font-family:inherit}

/* ---------- עמוד מוצר בודד ---------- */
.woocommerce div.product .product_title{font-family:var(--font-display);font-size:34px;line-height:1.1}
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--ink);font-family:var(--font-display);font-weight:900;font-size:26px}
.woocommerce div.product span.price ins{text-decoration:none;color:var(--coral)}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images{border-radius:var(--r-lg);overflow:hidden}
.woocommerce div.product div.images img{border-radius:var(--r-lg)}
.woocommerce div.product form.cart .quantity input.qty{
	border:1px solid var(--line);border-radius:var(--r-pill);padding:10px;width:70px;text-align:center;font-family:inherit
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--surface-2);border-radius:var(--r-pill);border:0;margin:0 4px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--accent);color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}

/* ---------- עגלה / צ׳קאאוט ---------- */
.woocommerce table.shop_table{border-radius:var(--r-lg);border-color:var(--line);overflow:hidden}
.woocommerce table.shop_table th{font-family:var(--font-display)}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout input,
.woocommerce-checkout select,
.select2-container .select2-selection{border:1px solid var(--line);border-radius:var(--r);padding:12px;font-family:inherit}
.woocommerce-info,.woocommerce-message,.woocommerce-error{border-top-color:var(--accent);border-radius:var(--r)}
.woocommerce-message{border-top-color:var(--emerald)}
.woocommerce .woocommerce-info::before{color:var(--accent)}

/* ---------- "החשבון שלי" ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.woocommerce-account .woocommerce-MyAccount-navigation li{background:var(--surface-2);border-radius:var(--r-pill)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:10px 18px;color:var(--ink-2)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active{background:var(--accent)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:#fff}

/* ---------- כפתור הוספה-לסל בכרטיס התבנית (דף הבית) ---------- */
.pcard__add.added{opacity:.6}
.pcard__add.loading{opacity:.6;pointer-events:none}

/* ---------- לוגו מותאם ---------- */
.brand .custom-logo,.fbrand .custom-logo{max-height:64px;width:auto}

/* ---------- breadcrumbs ---------- */
.woocommerce .woocommerce-breadcrumb{color:var(--ink-3);font-size:13.5px;margin-bottom:18px}
.woocommerce .woocommerce-breadcrumb a{color:var(--accent-deep)}

/* ---------- pagination ---------- */
.sa-main nav.woocommerce-pagination ul,
.pagination .nav-links{display:flex;gap:8px;justify-content:center;margin-top:30px;list-style:none}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.page-numbers{border:1px solid var(--line) !important;border-radius:var(--r-pill);padding:8px 14px;background:var(--surface)}
.page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent) !important}