/*
Theme Name: שישי בקיבוץ
Description: תבנית-בת ל-MW Commerce עבור shishibakibutz.malkiweisbord.co.il — הלופ, הפופאפ, הקרוסלות וניווט הקטגוריות המקוריים (food-card), עכשיו על MW. עדכון של תבנית האם לא נוגע בקבצים כאן.
Template: mw-commerce
Author: Malki Weisbord
Version: 2.4.9
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: shishi-bakibutz
*/



/* ===== פעולות פינה בכרטיס: פתיחה בטאב חדש + לב מועדפים =====
   הלב מגיע מרשימת המשאלות של MW (mw-fab) במקום מ-Woodmart ===== */
.food-card__actions{position:absolute;top:10px;inset-inline-start:10px;z-index:4;display:flex;flex-direction:column;gap:8px}
.food-card__actions .mw-fab{width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--fl-primary)}
.food-card__actions .mw-fab.is-active{color:var(--flc-badge-bg)}

:root{
	--fl-primary:#143c56; /* כחול ראשי — כותרות, מחירים, כפתור סגירה */
	--fl-accent:#ff7900;  /* כתום — כפתור הוספה לסל, מסגרת טיפ, תג משקל */
	--fl-cream:#fffef8;   /* רקע קרם — פופאפ, סטפר, טיפ */
	--fl-line:#ece7d5;    /* קווים מפרידים + מסגרות */
	--fl-text:#444;       /* טקסט תיאור */
	--fl-font:'mikhmoret',sans-serif; /* פונט — נשלט מהדשבורד (הגדרות → Food Loop) */

	--flc-size:80px;       /* גודל העיגול */
	--flc-radius:50%;      /* עיגול פינות (50% = עיגול מלא) */
	--flc-text:#143c56;    /* צבע טקסט */
	--flc-active:#ff7900;  /* צבע קטגוריה פעילה / ריחוף */
	--flc-font:inherit;    /* פונט הטקסט */
	--flc-font-size:14px;  /* גודל פונט הטקסט */
	--flc-badge-bg:#e23744;   /* תווית קטגוריה ("חם") — רקע */
	--flc-badge-text:#ffffff; /* תווית קטגוריה — טקסט */
	--flc-gap:18px;           /* ריווח בין הקטגוריות */
}

ul.products{display:grid;gap:20px;list-style:none;margin:0;padding:0;grid-template-columns:repeat(4,1fr)}
ul.products.columns-2{grid-template-columns:repeat(2,1fr)}
ul.products.columns-3{grid-template-columns:repeat(3,1fr)}
ul.products.columns-5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1024px){ul.products{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){ul.products{grid-template-columns:repeat(2,1fr)!important;gap:12px}}

.food-card{position:relative;background:#fff;border-radius:18px;overflow:hidden;box-shadow:none;border:1px solid var(--fl-line);display:flex;flex-direction:column;text-align:center;font-family:inherit}

.food-card__media{display:block;width:100%;border:0;background:none;padding:0;margin:0;cursor:pointer;aspect-ratio:1/1;overflow:hidden}
.food-card__media img{width:100%;height:100%;object-fit:cover;display:block}

.food-card__title{font-size:26px;font-weight:900;color:var(--fl-primary);line-height:1.15;margin:16px 16px 10px}
.food-card__title a{color:inherit;text-decoration:none}
.food-card__price{font-size:26px;font-weight:900;color:var(--fl-primary);margin:0 16px 16px}
.food-card__price .woocommerce-Price-amount,.food-card__price .amount,.food-card__price bdi{color:var(--fl-primary)}

.food-card__unit{position:absolute;inset-block-start:12px;inset-inline-start:12px;background:var(--mw-badge-bg,var(--fl-accent));color:var(--mw-badge-c,#fff);font-size:13px;font-weight:700;padding:4px 10px;border-radius:8px;z-index:2}

.food-card__oos{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;background:rgba(20,60,86,.92);color:#fff;font-family:var(--fl-font);font-size:14px;font-weight:800;padding:8px 18px;border-radius:999px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 10px rgba(0,0,0,.28)}
.food-card.outofstock .food-card__media img{filter:grayscale(.35);opacity:.72}
@media(max-width:560px){.food-card__oos{font-size:12px;padding:6px 13px}}

.qv-to-product{position:absolute;inset-block-start:12px;inset-inline-end:12px;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);text-decoration:none;color:var(--fl-primary);font-size:18px;z-index:4;display:flex;align-items:center;justify-content:center}
.qv-to-product:hover{background:#f5f5f5}

.food-card__cart{display:flex;flex-direction:column;gap:12px;align-items:center;padding:0 16px 18px}
.qty-stepper{display:inline-flex;align-items:center;gap:6px;border:0}
.qty-stepper button{width:30px;height:30px;border:1px solid var(--fl-line);border-radius:50%;background:var(--fl-cream);font-size:16px;color:#000;cursor:pointer}
.qty-input{width:34px;border:0;text-align:center;font-size:15px;background:none;-moz-appearance:textfield}
.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.add-to-cart-btn,.qv-add{background:var(--fl-primary);color:#fff;border:0;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}
.add-to-cart-btn:hover,.qv-add:hover{filter:brightness(1.08)}
.food-card__cart .add-to-cart-btn{background:var(--fl-accent);width:100%;border-radius:15px;padding:10px 21px;font-size:14px;font-weight:700}
.food-card__cart .select-options{background:var(--fl-primary);width:100%;border-radius:15px;padding:12px 21px;font-size:14px;font-weight:700;text-align:center}

.qv-popup[hidden]{display:none}
.qv-popup{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}
.qv-popup__overlay{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.qv-popup__box{position:relative;z-index:1;background:var(--fl-cream);width:92%;max-width:980px;max-height:90vh;overflow:auto;border-radius:18px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;font-family:inherit}
@media(max-width:768px){.qv-popup__box{grid-template-columns:1fr;padding:18px}}
.qv-popup__close{position:absolute;top:12px;left:3%;right:auto;width:40px;height:40px;border:0;border-radius:50%;background:var(--fl-primary);color:#fff;font-size:22px;cursor:pointer;line-height:1;z-index:2}
.qv-popup__media{margin:0}
.qv-popup__media img{width:100%;border-radius:14px;display:block}
.qv-popup__info{padding-top:0}
.qv-title{font-size:30px;font-weight:800;margin:0 0 14px}   /* margin-top:0 -> בלי רווח עליון */
.qv-desc{font-size:16px;line-height:1.7;color:var(--fl-text);margin-bottom:16px}
.qv-price{font-size:26px;font-weight:800;color:var(--fl-primary);margin-bottom:18px}
.qv-cart{display:flex;gap:12px;align-items:center;margin-bottom:18px}
.qv-add{background:var(--fl-accent);flex:1;padding:14px;text-align:center}
.qv-tip-wrap{border-top:1px solid var(--fl-line);padding-top:14px;margin-bottom:14px;text-align:start}
.qv-tip-wrap strong{color:var(--fl-primary);display:block;margin-bottom:6px}
.qv-features{display:flex;gap:10px;flex-wrap:wrap}
.qv-features span{flex:1;min-width:90px;text-align:center;border:1px solid #eee;border-radius:10px;padding:10px;font-size:13px;background:#fff}
body.qv-open{overflow:hidden}

.food-card .food-card__title,
.food-card .food-card__title a{color:var(--fl-primary)!important;font-weight:900!important;text-decoration:none!important}
.food-card{border-radius:18px!important;box-shadow:none!important;overflow:hidden!important}
.food-card .food-card__media{margin:0!important;padding:0!important;width:100%!important;border-radius:0!important}
.food-card .food-card__media img{width:100%!important;display:block!important}
.food-card .food-card__title,.food-card .food-card__price{text-align:right!important}

.food-card,
.food-card .food-card__title,
.food-card .food-card__title a,
.food-card .food-card__price,
.food-card .single_add_to_cart_button{font-family:var(--fl-font)!important}
.food-card .food-card__price,
.food-card .food-card__price .woocommerce-Price-amount,
.food-card .food-card__price bdi,
.food-card .food-card__price .amount{color:var(--fl-primary)!important;font-size:26px!important;font-weight:900!important}
.food-card .food-card__cart{border-top:1px solid var(--fl-line)!important;margin-top:8px!important;padding-top:14px!important}
.food-card .food-card__cart .single_add_to_cart_button{flex:1 1 auto!important;min-width:62%!important}
.food-card .food-card__cart .quantity{flex:0 0 auto!important}

.qv-popup__box{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:start!important;position:relative!important}
.qv-popup__media img{align-self:start}
@media(max-width:768px){.qv-popup__box{grid-template-columns:1fr!important}}
#qv-popup .qv-popup__box > .qv-popup__close{position:absolute!important;top:12px!important;left:3%!important;right:auto!important;z-index:9!important;width:40px!important;height:40px!important;padding:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--fl-primary)!important;color:#fff!important;border:0!important;border-radius:50%!important}
.qv-popup__info{padding-top:0}
.qv-popup__media{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.qv-popup__media .qv-icons{margin-top:0}
.qv-popup__media img{width:100%!important;height:360px!important;max-height:360px!important;object-fit:cover!important;border-radius:14px!important}
.qv-popup__box,.qv-title,.qv-desc,.qv-price,.qv-popup .single_add_to_cart_button,.qv-acc__head{font-family:var(--fl-font)!important}
.qv-title{color:var(--fl-primary)!important;font-weight:900!important}
.qv-price,.qv-price .woocommerce-Price-amount,.qv-price bdi{color:var(--fl-primary)!important;font-weight:900!important;font-size:28px!important}
.qv-cart{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.qv-cart .quantity{order:1!important;flex:0 0 auto!important}
.qv-cart .single_add_to_cart_button{order:2!important;flex:1 1 auto!important;min-width:62%!important}
.qv-acc{border-top:1px solid var(--fl-line);margin-top:14px;padding-top:8px}
.qv-acc__head{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;cursor:pointer;font-weight:700;font-size:16px;color:var(--fl-primary);padding:8px 0}
.qv-acc__head::after{content:'+';font-size:20px;line-height:1}
.qv-acc__head[aria-expanded="true"]::after{content:'\2212'}
.qv-acc__body{padding:4px 0 10px;color:var(--fl-text);line-height:1.7}

.qv-variations{margin:0 0 16px}
.qv-var-label{font-weight:800;color:var(--fl-primary);margin-bottom:8px;font-size:15px}
.qv-var-opts{display:flex;gap:8px;flex-wrap:wrap}
.qv-var{padding:9px 16px;border:2px solid var(--fl-line);border-radius:12px;background:#fff;color:var(--fl-primary);cursor:pointer;font-size:15px;font-weight:700;font-family:inherit;transition:all .15s}
.qv-var:hover{border-color:var(--fl-accent)}
.qv-var.is-active{border-color:var(--mw-varsel-bg,var(--fl-accent));background:var(--mw-varsel-bg,var(--fl-accent));color:var(--mw-varsel-c,#fff)}
.qv-var[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.qv-variations.qv-var-nudge .qv-var-label{color:var(--fl-accent);animation:qvNudge .4s}
@keyframes qvNudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

.food-card__media-wrap{position:relative}
.food-card__vars{position:absolute;inset-inline:0;inset-block-end:0;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:8px;z-index:3;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0))}
.food-card__vars .fc-var{padding:6px 12px;border:2px solid #fff;border-radius:10px;background:rgba(255,255,255,.95);color:var(--fl-primary);cursor:pointer;font-size:13px;font-weight:800;font-family:inherit;transition:all .15s;backdrop-filter:blur(2px)}
.food-card__vars .fc-var:hover{border-color:var(--fl-accent)}
.food-card__vars .fc-var.is-active{border-color:var(--mw-varsel-c,#fff);background:var(--mw-varsel-bg,var(--fl-accent));color:var(--mw-varsel-c,#fff)}
.food-card__vars .fc-var[disabled]{opacity:.5;cursor:not-allowed;text-decoration:line-through}
.food-card__vars.qv-var-nudge{animation:qvNudge .4s}
.food-card__cart--var .fc-var-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:100%}
.food-card__cart--var .fc-var-row .quantity{flex:0 0 auto}
.food-card__cart--var .fc-var-row .single_add_to_cart_button{flex:1 1 100%;width:100%}

.single_add_to_cart_button.is-loading{text-indent:-9999px!important;overflow:hidden!important;pointer-events:none;position:relative}
.single_add_to_cart_button.is-loading::after{content:''!important;position:absolute!important;top:50%!important;left:50%!important;right:auto!important;text-indent:0!important;width:18px!important;height:18px!important;margin:-9px 0 0 -9px!important;border:2px solid rgba(255,255,255,.55)!important;border-top-color:#fff!important;border-radius:50%!important;animation:qvSpin .6s linear infinite!important;opacity:1!important;background:none!important}
@keyframes qvSpin{to{transform:rotate(360deg)}}

.qv-popup .single_add_to_cart_button,
.qv-cart .single_add_to_cart_button{background:var(--fl-accent)!important;color:#fff!important;border:0!important}
@media(min-width:769px){
	.qv-popup{align-items:center!important;justify-content:center!important}
	.qv-popup__box{margin:auto!important;width:92%!important;max-width:920px!important;max-height:90vh!important;border-radius:18px!important}
}
.qv-popup__close{left:3%!important;right:auto!important;top:14px!important;background:var(--fl-primary)!important;color:#fff!important;border:0!important}
@media(min-width:1025px){
	.woocommerce ul.products,
	ul.products,
	ul.food-loop{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important}
}

.food-card__actions{position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:6;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.food-card__actions .fc-action{display:flex;align-items:center;height:40px;width:40px;background:#fff;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.18);color:var(--fl-primary);text-decoration:none;overflow:hidden;transition:width .28s ease}
.food-card__actions .fc-action__ico{flex:0 0 40px;text-align:center;font-size:17px;line-height:40px}
.food-card__actions .fc-action__label{white-space:nowrap;opacity:0;font-size:13px;font-weight:700;padding-inline-end:10px;transition:opacity .2s}
.food-card:hover .food-card__actions .fc-action{width:170px}
.food-card:hover .food-card__actions .fc-action__label{opacity:1}


/* ===== פונט ALMONI לתיאור, טיפ השף, וכפתור פתיחה בטאב חדש ===== */
.qv-desc,
.qv-tip,
.qv-tip-wrap,
.qv-tip-wrap strong,
.food-card__actions .fc-action__label{font-family:"ALMONI -LIGHT",almoni,Arial,sans-serif!important}

/* תיאור בדיוק בגודל של טקסט טיפ השף */
.qv-desc,.qv-desc *,.qv-tip{font-size:15px!important;line-height:1.7!important}
/* כותרת "טיפ השף" — פונט מיכמורת (גובר על almoni למעלה) */
.qv-tip-wrap strong{font-family:var(--fl-font)!important;font-size:19px!important;font-weight:900!important}
/* טיפ השף — מסגרת כתומה 1px עם פינות מעוגלות */
.qv-tip-wrap{border:1px solid var(--fl-accent)!important;border-radius:12px!important;padding:14px 16px!important;margin:14px 0!important;background:var(--fl-cream)!important}


/* ===== קרוסלה (CSS בלבד, בלי JS) ===== */
ul.products.food-loop.is-carousel{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px}
ul.products.food-loop.is-carousel > li{flex:0 0 260px!important;scroll-snap-align:start;margin:0!important}
@media(max-width:560px){ul.products.food-loop.is-carousel > li{flex:0 0 78%!important}}
ul.products.food-loop.is-carousel::-webkit-scrollbar{height:8px}
ul.products.food-loop.is-carousel::-webkit-scrollbar-thumb{background:var(--fl-line);border-radius:4px}
/* עגלה = הכפתור והכמות של Woodmart. סידור: +/- מימין לכפתור */
.food-card .food-card__cart{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:8px 14px 18px!important;flex-wrap:wrap!important}
.food-card .food-card__cart .quantity{order:1!important;display:inline-flex!important;align-items:center!important;gap:4px!important;border:0!important;margin:0!important;background:none!important}
.food-card .food-card__cart .quantity .minus,
.food-card .food-card__cart .quantity .plus,
.qv-cart .quantity .minus,
.qv-cart .quantity .plus{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;min-height:30px!important;max-height:30px!important;flex:0 0 30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--fl-line)!important;border-radius:50%!important;background:var(--fl-cream)!important;color:#000!important;padding:0!important;font-size:16px!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important}
.food-card .food-card__cart .quantity .qty{width:40px!important;height:auto!important;border:0!important;background:none!important;text-align:center!important;box-shadow:none!important;padding:0!important}
.food-card .food-card__cart .single_add_to_cart_button,
.food-card .food-card__cart .button{order:2!important;background:var(--fl-accent)!important;color:#fff!important;border:0!important;border-radius:15px!important;padding:8px 22px!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;text-decoration:none!important;width:auto!important}
.food-card .food-card__cart .single_add_to_cart_button:hover,
.food-card .food-card__cart .button:hover{filter:brightness(1.06)!important}
.food-card .food-card__cart .added_to_cart{display:none!important}

/* ===== עימוד (עמודים) של [food_loop] ===== */
.fl-pagination{margin:30px 0 8px;display:flex;justify-content:center}
.fl-pagination ul.page-numbers{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.fl-pagination li{margin:0;padding:0}
.fl-pagination li .page-numbers{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--fl-line);border-radius:12px;background:#fff;color:var(--fl-primary);font-weight:700;font-size:15px;line-height:1;text-decoration:none;font-family:var(--fl-font);transition:all .15s}
.fl-pagination li a.page-numbers:hover{border-color:var(--fl-accent);color:var(--fl-accent)}
.fl-pagination li .page-numbers.current{background:var(--fl-accent);border-color:var(--fl-accent);color:#fff}
.fl-pagination li .page-numbers.dots{border:0;background:none;min-width:auto}
@media(max-width:560px){.fl-pagination li .page-numbers{min-width:38px;height:38px;font-size:14px}}

/* ===== "טען עוד מוצרים" ===== */
.fl-loadmore-wrap{display:flex;justify-content:center;margin:30px 0 8px}
.fl-loadmore{position:relative;background:var(--fl-loadmore,var(--fl-primary));color:#fff;border:0;border-radius:14px;padding:13px 36px;font-family:var(--fl-font);font-size:16px;font-weight:800;cursor:pointer;transition:filter .15s;min-width:200px}
.fl-loadmore:hover{filter:brightness(1.08)}
.fl-loadmore.is-loading{color:transparent!important;pointer-events:none}
.fl-loadmore.is-loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.55);border-top-color:#fff;border-radius:50%;animation:qvSpin .6s linear infinite}

/* ===== תווית מעל פריט מגה-מניו ("בקרוב", "חם"...) ===== */
/* מעוגן ל-<a> (position:relative) כי ה-<li> הוא position:static במגה-מניו */
/* overflow:visible על כל השרשרת כדי שהתג לא ייחתך ע"י בר ההדר */
.mw-mega-menu-wrapper,.mw-mega-menu,.mw-mega-menu > li.mw-mega-menu-item,.mw-mega-menu > li.mw-mega-menu-item > a{overflow:visible!important}
.mw-mega-menu-item .mw-mm-badge{position:absolute;top:-7px;left:50%;transform:translateX(-50%);z-index:20;background:var(--flc-badge-bg,#e23744);color:var(--flc-badge-text,#fff);font-family:var(--fl-font);font-size:10px;font-weight:800;line-height:1;padding:3px 8px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.22);pointer-events:none}

/* ===== מוצרים מומלצים (סליידר) — [recommended_products] ===== */
.fl-reco{margin:26px 0}
.fl-reco__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.fl-reco__title{font-family:var(--fl-font);font-size:26px;font-weight:900;color:var(--fl-primary);margin:0;line-height:1.15}
.fl-reco__nav{display:flex;gap:8px;flex:0 0 auto}
.fl-reco__arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--fl-line);background:#fff;color:var(--fl-primary);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}
.fl-reco__arrow:hover{background:var(--fl-accent);border-color:var(--fl-accent);color:#fff}
.fl-reco__viewport{position:relative}
/* בתוך הסליידר: רוחב הכרטיס לפי מספר "פריטים בתצוגה" (--reco-cols) */
.fl-reco .products.food-loop.is-carousel{padding-bottom:6px}
.fl-reco .products.food-loop.is-carousel > li{flex:0 0 calc((100% - (var(--reco-cols,4) - 1) * 16px) / var(--reco-cols,4))!important}
@media(max-width:1024px){.fl-reco .products.food-loop.is-carousel > li{flex:0 0 calc((100% - 16px) / 2)!important}}
@media(max-width:560px){.fl-reco .products.food-loop.is-carousel > li{flex:0 0 82%!important}.fl-reco__title{font-size:21px}}

/* ===== ניווט קטגוריות עם תמונות עגולות — [show_cats_images] ===== */
/* עטיפה נגללת אופקית (רספונסיבי) */
/* padding-top נותן מקום לתג "בקרוב" מעל העיגול (הגלילה האופקית חותכת אנכית) */
.my-cat-scroll-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:18px 0 6px}
.my-cat-scroll-wrap::-webkit-scrollbar{height:6px}
.my-cat-scroll-wrap::-webkit-scrollbar-thumb{background:var(--fl-line);border-radius:4px}
/* השורה עצמה — פריסה אופקית, בלי סגנון wd של וודמארט */
ul.my-cat-list-with-imgs{display:flex!important;flex-wrap:nowrap!important;gap:var(--flc-gap)!important;list-style:none!important;margin:0!important;padding:4px 2px!important;border:0!important}
ul.my-cat-list-with-imgs .cat-item{flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
ul.my-cat-list-with-imgs .cat-item::after,
ul.my-cat-list-with-imgs .cat-item::before{display:none!important} /* ביטול קו התחתון של wd-style-underline */
.my-cat-list-with-imgs .category-nav-link{display:flex!important;flex-direction:column;align-items:center;gap:8px;text-decoration:none!important;color:var(--flc-text)!important;padding:0!important}
/* העיגול */
.my-cat-list-with-imgs .cat-circle{display:block;width:var(--flc-size);height:var(--flc-size);border-radius:var(--flc-radius);overflow:hidden;background:var(--fl-cream);border:2px solid transparent;transition:border-color .15s,transform .15s}
.my-cat-list-with-imgs .cat-circle-img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;max-width:none!important}
.my-cat-list-with-imgs .cat-circle-placeholder{display:block;width:100%;height:100%;background:var(--fl-line)}
/* הטקסט מתחת לעיגול */
.my-cat-list-with-imgs .nav-link-summary{display:block;text-align:center}
.my-cat-list-with-imgs .nav-link-text{font-family:var(--flc-font)!important;font-size:var(--flc-font-size)!important;font-weight:700;color:var(--flc-text)!important;white-space:nowrap;line-height:1.2}
/* תווית מעל העיגול ("חם", "בקרוב ממש"...) — מוגדרת פר-קטגוריה במוצרים → קטגוריות */
.my-cat-list-with-imgs .cat-item{position:relative}
.my-cat-list-with-imgs .cat-label{position:absolute;top:-9px;left:50%;transform:translateX(-50%);z-index:4;background:var(--flc-badge-bg);color:var(--flc-badge-text);font-family:var(--flc-font);font-size:11px;font-weight:800;line-height:1;padding:4px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.18);pointer-events:none}
/* מצב פעיל + ריחוף */
.my-cat-list-with-imgs .category-nav-link:hover .cat-circle{border-color:var(--flc-active);transform:translateY(-2px)}
.my-cat-list-with-imgs .cat-item.wd-active .cat-circle{border-color:var(--flc-active)}
.my-cat-list-with-imgs .cat-item.wd-active .nav-link-text{color:var(--flc-active)!important}
.my-cat-list-with-imgs .category-nav-link:hover .nav-link-text{color:var(--flc-active)!important}

/* ==========================================================
   ההדר - הצבעים והמראה של האתר (כמו ב-Woodmart)
   העיצוב לפי תוכן, לא לפי מיקום שורה - עובד בכל סידור ב-Studio
   ========================================================== */
/* השורה שמכילה את המגה-מניו (הכתומה): קישורים כהים, ריחוף לבן */
.mw-hrow:has(.mw-mega-menu) a { color: var(--fl-primary); font-weight: 700; }
.mw-hrow:has(.mw-mega-menu) a:hover { color: #fff; }
.mw-hrow:has(.mw-mega-menu) .mw-hzone { gap: 22px; }
.mw-hrow:has(.mw-mega-menu) .mw-mega-menu > li > a { color: var(--fl-primary); font-weight: 700; }
.mw-hrow:has(.mw-mega-menu) .mw-mega-menu > li > a:hover { color: #fff; }

/* עגלה: עיגול כתום עם אייקון לבן - בכל שורה שהיא */
.mw-header .mw-cart-toggle {
    background: var(--fl-accent);
    color: #fff;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
}
.mw-header .mw-cart-toggle:hover { background: var(--fl-accent); filter: brightness(.9); }
.mw-header .mw-cart-toggle svg { color: #fff; }

/* לוגו בגודל של האתר המקורי (ולא 48px של ברירת המחדל) */
.mw-header .mw-logo img,
.mw-header img.custom-logo { max-height: 58px !important; width: auto; }

/* תפריטים בשורה העליונה - גודל קריא (ברירת המחדל של top היא 13px) */
.mw-hrow--top .mw-header__inner { font-size: 14px; }



/* ==========================================================
   עמוד מוצר - שפת המותג (צבעים/פונט/כפתורים)
   שים לב: הפריסה היא של MW; העיצוב מיושר לצבעי האתר
   ========================================================== */
.single-product .mw-buy-btn,
.single-product .mw-buynow-btn { background: var(--fl-accent); font-family: var(--fl-font); }
.single-product .mw-buy-btn:hover { background: var(--fl-accent); filter: brightness(.9); }
.single-product .product_title,
.single-product .mw-card__price,
.single-product .price { color: var(--fl-primary); font-family: var(--fl-font); }
.single-product .mw-qty { background: var(--fl-cream); border: 1px solid var(--fl-line); }

/* טיפ השף בעמוד מוצר (אותו עיצוב כמו בפופאפ) */
.single-product .qv-tip-wrap { border-inline-start: 3px solid var(--fl-accent); background: var(--fl-cream); padding: 10px 14px; }

/* ==========================================================
   הפאנל של המגה מניו: רוחב מסך, לא רוחב האלמנט שמארח את השורטקוד
   (ב-Woodmart האלמנט תפס שורה שלמה; ב-MW הוא צר - והתמונה ברוחב
   קבוע מחצה את עמודת הקישורים)
   ========================================================== */
.mw-mega-menu-panel {
    width: 96vw !important;
    max-width: 96vw !important;
}
/* התמונה: בהגדרות היא 52vw - חצי מסך. על הפאנל הרחב של Woodmart זה
   הסתדר; כאן זה מחץ את הקישורים. מרסנים ישירות על האלמנט (לא דרך
   המשתנה - ה-CSS מההגדרות נטען אחרינו ודורס משתנים) */
/* רוחב/גובה התמונה בפאנל = מה שמוגדר בהגדרות המגה מניו - בלי דריסה */
/* עמודת הקישורים מקבלת את השאר */
.mw-mega-menu-items { min-width: 0; }
.mw-mega-menu-items li.mw-mega-menu-subitem > a { white-space: nowrap; }

/* ==========================================================
   הפונטים - בדיוק כמו באתר המקורי (Woodmart):
     בסיס (body) = almoni  ←  זה מה שתוכן אלמנטור יורש, כמו קודם
     רכיבי התבנית (הדר/כרטיסים/כפתורים) = הפונט מהדשבורד (--fl-font)
   לא דורסים את --mw-font גלובלית - זה שבר את הפונטים באלמנטור.
   ========================================================== */
html:root { --mw-font: 'almoni', 'Assistant', system-ui, sans-serif; }

/* mikhmoret רק לכותרות הראשיות; כל שאר האתר (עגלה, תפריטים,
   כפתורים, טקסט) רץ על הבסיס - almoni */
h1,
.mw-page__title,
.mw-archive-title,
.mw-home__title,
.mw-strip__title,
.shishi-single__title,
.qv-title,
.mw-pop__title,
.mw-account-hero__name,
.mw-mega-menu-panel-title {
    font-family: var(--fl-font) !important;
}

/* ==========================================================
   בלי הבזקי רקע בריחוף על התפריטים
   (MW נותנת לכל קישור תפריט רקע בריחוף - על השורה הכתומה זה
   נראה כמו כתם שנכנס ויוצא)
   ========================================================== */
.mw-hrow:has(.mw-mega-menu) .mw-nav__list a:hover,
.mw-hrow:has(.mw-mega-menu) .mw-mega-menu > li > a:hover { background: transparent; }
.mw-hrow--top .mw-nav__list a:hover { background: transparent; color: var(--fl-accent); }

/* סרגל האדמין: בלי שום התערבות. גם max-height+overflow חתכו את
   התפריטים הנפתחים שלו (nojq נשארת אצלנו). ההבזק הקטן בטעינה -
   רק למחוברים לאדמין, לקוחות לא רואים אותו. */

/* ==========================================================
   ארכיון: 4 כרטיסים גדולים בשורה בדסקטופ (כמו באתר המקורי).
   גובר גם על .mw-products (auto-fill) של תבנית האם.
   ========================================================== */
@media (min-width: 1025px) {
    ul.products, .mw-products, ul.products.mw-products {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }
}

/* ==========================================================
   עמוד מוצר בסגנון הפופאפ - ברוחב האתר
   ========================================================== */
.shishi-single {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 48px;
    align-items: start;
    max-width: var(--mw-container, 1280px);
    margin-inline: auto;
    padding: 36px 20px 20px;
}
.shishi-single__media { position: sticky; top: 90px; }
.shishi-single__img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    /* 🪤 היה כאן max-height: 60vh - והוא חתך את הגובה בלי לחתוך את
       הרוחב, כך שהתמונה יצאה מלבנית למרות aspect-ratio: 1/1.
       הגבלת *רוחב* משיגה את אותה מטרה ושומרת על הריבוע. */
    max-width: min(100%, 60vh);
    margin-inline: auto;
    object-fit: cover;
    border-radius: 18px;
    background: var(--fl-cream);
}
.shishi-single__icons { margin-top: 14px; }

.shishi-single__info { display: flex; flex-direction: column; gap: 14px; }
.shishi-single__unit {
    align-self: flex-start;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--fl-accent);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}
.shishi-single__title {
    margin: 0;
    font-family: var(--fl-font);
    font-size: 34px;
    line-height: 1.2;
    color: var(--fl-primary);
}
.shishi-single__price { font-size: 26px; font-weight: 800; color: var(--fl-primary); }
.shishi-single__price del { opacity: .5; font-weight: 500; font-size: 19px; margin-inline-end: 8px; }
.shishi-single__price ins { text-decoration: none; }
.shishi-single__desc { font-size: 16px; line-height: 1.7; color: var(--fl-text); }
.shishi-single__desc p { margin: 0 0 8px; }

/* בורר הקומבו - כמו בפופאפ */
.shishi-single__varlabel { font-size: 15px; font-weight: 700; color: var(--fl-primary); }
.shishi-single__vars { display: flex; flex-wrap: wrap; gap: 10px; }
.shishi-pill {
    padding: 11px 20px;
    border: 1.5px solid var(--fl-line);
    border-radius: 999px;
    background: #fff;
    font-family: var(--fl-font);
    font-size: 15px;
    font-weight: 600;
    color: var(--fl-primary);
    cursor: pointer;
    transition: all .15s;
}
.shishi-pill:hover:not([disabled]) { border-color: var(--fl-accent); }
.shishi-pill.is-active { background: var(--fl-accent); border-color: var(--fl-accent); color: #fff; }
.shishi-pill[disabled] { opacity: .4; cursor: not-allowed; text-decoration: line-through; }

.shishi-single__buy { display: flex; align-items: center; gap: 12px; margin-top: 4px; }
.shishi-single__buy .mw-buy-btn { flex: 0 1 260px; padding-block: 13px; font-size: 16px; }
.shishi-single__oos { font-weight: 700; color: #B91C1C; }

/* טיפ השף - כמו בפופאפ */
.shishi-single__tip {
    padding: 14px 16px;
    border: 1.5px solid var(--fl-accent);
    border-radius: 14px;
    background: var(--fl-cream);
    font-size: 15px;
}
.shishi-single__tip strong { display: block; margin-bottom: 4px; color: var(--fl-primary); }
.shishi-single__tip p { margin: 0; }

/* אקורדיון משלוחים - details נטיבי, אפס JS */
.shishi-acc { border-top: 1px solid var(--fl-line); }
.shishi-acc summary {
    padding: 14px 0;
    font-weight: 700;
    color: var(--fl-primary);
    cursor: pointer;
    list-style: none;
}
.shishi-acc summary::after { content: ' +'; color: var(--fl-accent); }
.shishi-acc[open] summary::after { content: ' –'; }
.shishi-acc__body { padding-bottom: 14px; font-size: 14px; }

@media (max-width: 820px) {
    .shishi-single { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-top: 16px; }
    .shishi-single__media { position: static; order: -1; }
    .shishi-single__title { font-size: 26px; }
}

/* ==========================================================
   תפריט מובייל - פאנל צד מודרני
   ========================================================== */
@media (max-width: 768px) {
    .mw-header .mw-nav {
        position: fixed;
        top: 0;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: auto;
        width: min(84vw, 380px);
        height: 100dvh;
        padding: 24px 22px 32px;
        background: var(--fl-cream);
        border: none;
        box-shadow: 0 0 60px rgba(0, 0, 0, .3);
        overflow-y: auto;
        z-index: 250;
        animation: shishi-slide .28s cubic-bezier(.25, .8, .3, 1);
    }
    @keyframes shishi-slide {
        from { transform: translateX(-40px); opacity: 0; }
        to   { transform: none; opacity: 1; }
    }
    /* רקע כהה מאחורי הפאנל */
    .mw-header.is-menu-open::before {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(17, 24, 39, .45);
        z-index: 240;
    }
    .mw-header .mw-nav .mw-nav__list > li { animation: shishi-item .35s backwards; }
    .mw-header .mw-nav .mw-nav__list > li:nth-child(2) { animation-delay: .04s; }
    .mw-header .mw-nav .mw-nav__list > li:nth-child(3) { animation-delay: .08s; }
    .mw-header .mw-nav .mw-nav__list > li:nth-child(4) { animation-delay: .12s; }
    .mw-header .mw-nav .mw-nav__list > li:nth-child(5) { animation-delay: .16s; }
    .mw-header .mw-nav .mw-nav__list > li:nth-child(n+6) { animation-delay: .2s; }
    @keyframes shishi-item {
        from { transform: translateY(8px); opacity: 0; }
        to   { transform: none; opacity: 1; }
    }
    .mw-header .mw-nav .mw-nav__list > li > a {
        display: block;
        padding: 15px 4px;
        font-family: var(--fl-font);
        font-size: 18px;
        font-weight: 700;
        color: var(--fl-primary);
        border-bottom: 1px solid var(--fl-line);
        border-radius: 0;
        background: none !important;
    }
    .mw-header .mw-nav .mw-nav__list > li > a:active { color: var(--fl-accent); }
    .mw-header .mw-nav .mw-nav__list ul a {
        padding: 10px 14px;
        font-size: 15px;
        color: var(--fl-text);
    }
    .mw-header .mw-nav .mw-nav__list ul a::before { content: '◦ '; color: var(--fl-accent); }

    @media (prefers-reduced-motion: reduce) {
        .mw-header .mw-nav, .mw-header .mw-nav .mw-nav__list > li { animation: none; }
    }
}

/* ==========================================================
   סרגל ניווט תחתון במובייל (שוחזר מ-Woodmart, אותם אייקונים)
   ========================================================== */
.shishi-toolbar { display: none; }

@media (max-width: 768px) {
    .shishi-toolbar {
        position: fixed;
        bottom: 0;
        inset-inline: 0;
        z-index: 230;
        display: flex;
        background: #fff;
        border-top: 1px solid var(--fl-line);
        box-shadow: 0 -6px 24px rgba(0, 0, 0, .08);
        padding-bottom: env(safe-area-inset-bottom, 0);
    }
    .shishi-toolbar__item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        padding: 9px 4px 10px;
        text-decoration: none;
        font-family: var(--fl-font);
        font-size: 11px;
        font-weight: 700;
        color: var(--fl-primary);
        transition: color .15s;
    }
    .shishi-toolbar__item:active { color: var(--fl-accent); }
    .shishi-toolbar__item img { width: 26px; height: 26px; }

    /* שהתוכן לא ייחסם מאחורי הסרגל */
    body { padding-bottom: 62px; }
    /* הוואטסאפ הצף - מעל הסרגל, לא עליו */
    a[href*="wa.me"], [class*="whatsapp"] { bottom: 78px !important; }
}

/* ==========================================================
   עיגולי פינות (לפי העיצוב של האתר):
   - ההדר (השורה עם המגה מניו): פינות תחתונות מעוגלות כלפי חוץ
   - סרגל הניווט התחתון: הפוך - פינות עליונות מעוגלות
   ========================================================== */
.mw-hrow:has(.mw-mega-menu) {
    border-radius: 0 0 22px 22px;
    border-bottom: none !important; /* הקו הישר של התבנית מבצבץ מתחת לפינה המעוגלת */
    /* בלי overflow:hidden! הוא חתך את הפאנל הנפתח של המגה מניו */
}
@media (max-width: 768px) {
    .shishi-toolbar {
        border-radius: 22px 22px 0 0;
        overflow: hidden;
    }
}

/* ראש הפאנל של התפריט במובייל - בצבעי האתר */
@media (max-width: 768px) {
    .mw-nav__mtitle { font-family: var(--fl-font); color: var(--fl-primary); }
    .mw-nav__mclose { background: #fff; color: var(--fl-primary); box-shadow: 0 2px 8px rgba(0,0,0,.1); }
    .mw-subtoggle { color: var(--fl-accent); }
}

/* ==========================================================
   חבילות ותוספות (WC Bundles & Addons) בעמוד המוצר -
   הטופס המלא של ווקומרס, בצבעי האתר
   ========================================================== */
.shishi-single__wcform form.cart { display: flex; flex-direction: column; gap: 14px; }
.shishi-single__wcform .quantity { display: inline-flex; align-items: center; }
.shishi-single__wcform .quantity .qty {
    width: 70px;
    padding: 10px;
    border: 1.5px solid var(--fl-line);
    border-radius: 12px;
    text-align: center;
    font-family: var(--fl-font);
}
.shishi-single__wcform button[type="submit"],
.shishi-single__wcform .single_add_to_cart_button {
    padding: 13px 34px;
    border: none;
    border-radius: 999px;
    background: var(--fl-accent);
    color: #fff;
    font-family: var(--fl-font);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: filter .15s;
}
.shishi-single__wcform .single_add_to_cart_button:hover { filter: brightness(.92); }
.shishi-single__wcform table.variations td { padding: 4px 0; }
.shishi-single__wcform select {
    padding: 10px 14px;
    border: 1.5px solid var(--fl-line);
    border-radius: 12px;
    font-family: var(--fl-font);
    background: #fff;
}
/* הרכיבים של התוספות עצמן מגיעים עם ה-CSS של המודול - כאן רק ליטוש */
.shishi-single__wcform .wcba-group { border: 1.5px solid var(--fl-line); border-radius: 14px; padding: 14px; }

/* ==========================================================
   ההדר: בלי רקע לבן מאחורי עיגולי הפינות
   העוטף שקוף - כל שורה צובעת את עצמה
   ========================================================== */
.mw-header { background: transparent !important; }
.mw-hrow--top { background: var(--mw-hrow-bg-top, #FEFEFA); }

/* עמודי אלמנטור נמשכים מעט מתחת לתפריט המעוגל */
/* בלי position:relative - הוא דרס את ה-sticky של התבנית! z-index בלבד */
.mw-header { z-index: 40; }
.mw-content--full { margin-top: -3vh; }

/* ==========================================================
   עמוד מוצר: הקוביות (בלוק האייקונים) בפרופורציה של הפופאפ -
   לא נמתחות לרוחב העמודה
   ========================================================== */
.shishi-single__icons { max-width: 460px; margin-inline: auto; }
.shishi-single__icons .elementor-widget-container { margin: 0 !important; }

/* טופס החבילות: כמות + הוספה לסל באותה שורה */
.shishi-single__wcform form.cart { display: block; }
.shishi-single__wcform form.cart .quantity {
    display: inline-flex;
    vertical-align: middle;
    margin-inline-end: 12px;
}
.shishi-single__wcform form.cart .single_add_to_cart_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 220px;
    vertical-align: middle;
}
@media (max-width: 560px) {
    .shishi-single__wcform form.cart .single_add_to_cart_button { min-width: 0; flex: 1; }
    .shishi-single__wcform form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
    .shishi-single__wcform form.cart > *:not(.quantity):not(.single_add_to_cart_button) { flex-basis: 100%; }
}

/* ==========================================================
   השורה עם המגה מניו: המרכז ממורכז באמת - גריד 1fr|auto|1fr,
   שני הצדדים שווים תמיד ולא משנה מה יש בהם
   ========================================================== */
@media (min-width: 769px) {
    .mw-hrow:has(.mw-mega-menu) .mw-header__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
    }
    .mw-hrow:has(.mw-mega-menu) .mw-hzone--start { justify-self: start; }
    .mw-hrow:has(.mw-mega-menu) .mw-hzone--center { justify-self: center; flex: none; }
    .mw-hrow:has(.mw-mega-menu) .mw-hzone--end { justify-self: end; }
}

/* ==========================================================
   כרטיסי מוצר במובייל (2 בשורה) - הידוק ופרופורציות
   ========================================================== */
@media (max-width: 640px) {
    /* מחיר: הסכום לא נשבר באמצע; טווח יורד לשתי שורות נקיות לכל היותר */
    .food-card__price {
        font-size: 13.5px;
        font-weight: 800;
        line-height: 1.35;
    }
    .food-card__price .woocommerce-Price-amount { white-space: nowrap; }

    /* כפתורי הווריאציות על התמונה: שורה אופקית קומפקטית בתחתית */
    .food-card__vars {
        flex-wrap: nowrap;
        gap: 4px;
        padding: 5px;
    }
    .food-card__vars .fc-var {
        padding: 4px 8px;
        font-size: 11px;
        border-width: 1.5px;
        border-radius: 8px;
        white-space: nowrap;
    }

    /* כותרת: גודל אחיד ושתי שורות שמורות - הכרטיסים מיושרים */
    .food-card__title {
        font-size: 14px;
        line-height: 1.3;
        min-height: 2.6em;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* שורת הכמות והכפתור - קומפקטית */
    .food-card__cart .quantity .qty { width: 34px; font-size: 13px; }
    .food-card__cart .plus,
    .food-card__cart .minus { width: 26px; height: 26px; font-size: 13px; }
    .food-card__cart .food-add,
    .food-card__cart .fc-var-add { font-size: 13px; padding-block: 9px; }

    /* פעולת הפינה (פתיחה בטאב) - קטנה יותר, פחות מסתירה */
    .food-card__actions .fc-action { width: 30px; height: 30px; }
}

/* הפריטים בתוך המגה מניו ממורכזים בעמודה - לא נצמדים לימין */
.mw-hrow:has(.mw-mega-menu) .mw-mega-menu { justify-content: center; }
.mw-hrow:has(.mw-mega-menu) .mw-mega-menu-wrapper { width: auto; }


/* ==========================================================
   עמוד מוצר: הכמות בדיוק כמו בפופאפ - עיגולים ושדה קטן.
   משוריין ב-important כי ה-CSS הגלובלי של אלמנטור/טפסים
   מותח את השדה לרוחב מלא ושובר את השורה.
   ========================================================== */
/* flex-start ב-RTL = הצמדה לימין. היה center, והשורה ריחפה
   באמצע העמודה במקום להתחיל מהקצה כמו שאר התוכן */
.shishi-single__buy { display: flex; align-items: center; justify-content: flex-start; gap: 12px; flex-wrap: nowrap; }
.shishi-single__buy .mw-qty {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    border: 0 !important;
    background: none !important;
    margin: 0 !important;
}
.shishi-single__buy .mw-qty__btn {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    flex: 0 0 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--fl-line) !important;
    border-radius: 50% !important;
    background: var(--fl-cream) !important;
    color: #000 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.shishi-single__buy .mw-qty__input {
    width: 44px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    border: 0 !important;
    background: none !important;
    text-align: center !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}
.shishi-single__buy .mw-qty__input::-webkit-outer-spin-button,
.shishi-single__buy .mw-qty__input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; }


/* כפתור "תפריט" בסרגל התחתון - נראה כמו שאר הפריטים */
button.shishi-toolbar__item {
    background: none;
    border: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    padding: 0;
}


/* ==========================================================
   כמות בפופאפ המוצר: העיגולים כבר עוצבו, אבל שדה המספר עצמו
   נשאר בלי כללים - ולכן נמתח לרוחב מלא ודחף אותם לקצוות.
   ========================================================== */
.qv-cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: auto !important;
    border: 0 !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.qv-cart .quantity .qty {
    width: 44px !important;
    min-width: 0 !important;
    max-width: 44px !important;
    height: auto !important;
    min-height: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    text-align: center !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}
.qv-cart .quantity .qty::-webkit-outer-spin-button,
.qv-cart .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; }


/* ==========================================================
   כרטיסי מוצר: גובה אחיד ומיקום כפתור זהה גם עם כותרת בשתי
   שורות, והכמות יושבת ליד הכפתור ולא מעליו.
   ========================================================== */
ul.products > li.product,
.mw-products > * { display: flex; }
.food-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    height: 100%;
}
/* גוף הכרטיס נמתח, אזור הקנייה נדחף לתחתית - כל הכפתורים בקו אחד */
.food-card .food-card__body { flex: 1 1 auto; }
.food-card .food-card__cart { margin-top: auto !important; }
/* כותרת בגובה שתי שורות תמיד - אין קפיצות בין כרטיסים */
.food-card .food-card__title {
    min-height: 2.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* כמות + כפתור באותה שורה, בלי שבירה */
.food-card .food-card__cart {
    flex-wrap: nowrap !important;
    gap: 8px !important;
}
.food-card .food-card__cart .quantity { flex: 0 0 auto !important; }
.food-card .food-card__cart .single_add_to_cart_button,
.food-card .food-card__cart .fc-simple-add,
.food-card .food-card__cart .fc-var-add,
.food-card .food-card__cart .button {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    white-space: nowrap;
}
/* בכרטיס וריאציות הכפתור בשורה משלו - שם זו ההתנהגות הנכונה */
.food-card__cart--var .fc-var-row { display: flex; align-items: center; gap: 8px; width: 100%; }

/* מובייל: שורת ההוספה לסל בכרטיס - שתי שורות במקום כפתור חתוך */
@media (max-width: 560px) {
    .food-card .food-card__cart {
        flex-direction: column !important;
        gap: 8px !important;
        padding: 8px 10px 14px !important;
    }
    .food-card .food-card__cart .quantity { order: 1 !important; }
    .food-card .food-card__cart .single_add_to_cart_button,
    .food-card .food-card__cart .button {
        order: 2 !important;
        width: 100% !important;
        min-height: 44px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
        border-radius: 999px !important;
    }
    .food-card__cart--var .fc-var-row .single_add_to_cart_button { width: 100% !important; }
}

/* ==========================================================
   חיפוש בסרגל התחתון: פאנל שעולה מעל הסרגל, כלפי מעלה
   + שורת ההדר התחתונה (שהחזיקה את החיפוש) מוסתרת במובייל
   ========================================================== */
@media (max-width: 768px) {
    .mw-hrow--bottom { display: none !important; }

    .shishi-search-panel {
        position: fixed;
        inset-inline: 0;
        bottom: calc(64px + env(safe-area-inset-bottom, 0px));
        z-index: 229; /* מתחת לסרגל (230) - נראה כעולה מתוכו */
        background: #fff;
        border-top: 1px solid var(--fl-line);
        box-shadow: 0 -10px 30px rgba(0, 0, 0, .12);
        padding: 14px 16px;
        transform: translateY(12px);
        opacity: 0;
        transition: transform .22s ease, opacity .22s ease;
    }
    .shishi-search-panel.is-open { transform: translateY(0); opacity: 1; }
    .shishi-search-panel .mw-searchbar { max-width: none; }
    .shishi-search-panel input[type="search"],
    .shishi-search-panel .mw-search-input {
        width: 100%;
        min-height: 44px;
        font-size: 16px; /* מתחת ל-16 iOS עושה זום אוטומטי על הפוקוס */
    }
    /* תוצאות החיפוש החי נפתחות מעל השדה, לא מתחתיו */
    .shishi-search-panel .mw-live-results {
        top: auto !important;
        bottom: calc(100% + 6px) !important;
        max-height: 55vh;
        overflow-y: auto;
    }
}
@media (min-width: 769px) {
    .shishi-search-panel { display: none; }
}

/* קרוסלה (מומלצים בדף הבית): הכרטיסים צרים מהארכיון, ולכן שם מוצר
   ב-26px נראה ענק ולא פרופורציונלי - מוקטן ושמור לשתי שורות */
ul.products.food-loop.is-carousel .food-card__title {
    font-size: 18px;
    line-height: 1.3;
    min-height: 2.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ==========================================================
   סרגל תחתון: כפתור החיפוש זהה פיקסל-לפיקסל לשאר הפריטים
   (איפוס מלא של סגנון ה-button של הדפדפן) + לוגו ממורכז בהדר
   ========================================================== */
@media (max-width: 768px) {
    button.shishi-toolbar__item--search {
        appearance: none;
        -webkit-appearance: none;
        background: none;
        border: 0;
        margin: 0;
        cursor: pointer;
        padding: 9px 4px 10px;
        font-family: var(--fl-font) !important;
        line-height: normal;
        color: var(--fl-primary);
    }
    button.shishi-toolbar__item--search span {
        font-size: 11px !important;
        font-weight: 700 !important;
    }
    /* קו דק כמו אייקוני ה-SVG האחרים בסרגל */
    button.shishi-toolbar__item--search svg {
        width: 26px;
        height: 26px;
        stroke-width: 1.5;
    }

    /* הלוגו במרכז האמיתי של שורת ההדר; ההמבורגר נשאר בקצה ולחיץ */
    .mw-hrow--middle { position: relative; }
    .mw-hrow--middle .mw-logo {
        position: absolute;
        inset-inline: 0;
        margin-inline: auto;
        width: max-content;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }
    /* הלוגו הצף לא גולש מהשורה - כלוא לגובה שלה */
    .mw-hrow--middle .mw-logo img {
        max-height: 46px;
        width: auto;
    }
}

/* הכל בצ'קאאוט בפונט המותג - כולל כפתורים, צ'יפים של יום/שעה ושדות
   (כפתור לא יורש font-family מההורה, לכן הרשימה המפורשת) */
.woocommerce-checkout,
.woocommerce-checkout button,
.woocommerce-checkout .button,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .vsdp-chip,
.woocommerce-checkout th {
    font-family: var(--fl-font, Arial, sans-serif) !important;
}

/* שורת הקנייה בעמוד המוצר: הכפתור ובורר הכמות באותו גובה, שניהם
   מעוגלים לגמרי - אחרת הכפתור נראה כמו גוש והכמות כמו נספח */
.shishi-single__buy { align-items: center !important; }
.shishi-single__buy .mw-buy-btn {
    border-radius: 999px !important;
    min-height: 44px !important;
}
.shishi-single__buy .mw-qty__btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex: 0 0 38px !important;
    border-radius: 50% !important;
}
.shishi-single__buy .mw-qty__input,
.shishi-single__buy .mw-qty__num {
    min-width: 34px !important;
    height: 38px !important;
    line-height: 38px !important;
}