/* =====================================================================
   שדה פרחים – דף מוצר: שיפורי חוויית גולש (מובייל + מחשב)
   סניפט WPCode מסוג CSS · מיקום: Site Wide Header · עדיפות: 99
   הכול מוגבל ל-body.single-product, כך ששאר הדפים לא מושפעים.
   ===================================================================== */

/* 1. פס "הוספה לסל": רקע בהיר בצבעי המותג במקום אפור שנראה מושבת */
html:root body.single-product .elementor-element-ce34d42{
  background: #FFF8F3 !important;
  border-top: 1px solid #F3D9C9;
}

/* 2. תיבת "מה מקבלים" (מחשב): פחות ריווח ריק, וגופן אחיד במקום Arial 10pt שהוטמע בתוכן */
html:root body.single-product .elementor-element-5ae0e76 .elementor-widget-container{
  padding: 10px 18px !important;
}
/* white-space: pre-line יצר שורות ריקות בין כותרות h6. משנים רק כשהתוכן בנוי מ-h6,
   כי במוצרים אחרים השורות הן span/strong ו-pre-line הוא מה שמפריד ביניהן */
html:root body.single-product .elementor-element-5ae0e76 .elementor-widget-container:has(> h6){
  white-space: normal !important;
}
html:root body.single-product .elementor-element-5ae0e76 h6{ margin: 6px 0 !important; }
html:root body.single-product .elementor-element-5ae0e76 .elementor-widget-container span{
  font-family: inherit !important;
  font-size: 15px !important;
}

/* 3. שדה תאריך המשלוח: ברוחב מלא, כמו הכפתור שמתחתיו (דורס את ה-270px הקיים) */
html:root body.single-product .product-date-row input#shipping_date_product{
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

/* 4. טקסט התיאור: גדול וקריא יותר */
html:root body.single-product #tab-description p,
html:root body.single-product #tab-description li{
  font-size: 15px;
  line-height: 1.7;
}

/* 5. "תמיד נחמד להוסיף": הכרטיסים לא נחתכים, והעיגול לא עולה על התמונה */
html:root body.single-product #upsell_product-archive .products_list-container,
html:root body.single-product #upsell_product-archive .products_list,
html:root body.single-product #upsell_product-archive .products_list-item{
  height: auto !important;
}
html:root body.single-product #upsell_product-archive .products_list{
  padding-top: 20px !important;   /* מקום לעיגול שיושב על המסגרת העליונה, כדי שלא ייחתך */
  padding-bottom: 8px !important;
}
/* העיגול לבחירה יושב על המסגרת העליונה של הכרטיס (כמו בעיצוב המקורי), ולא על התמונה */
html:root body.single-product #upsell_product-archive .add_to_cart_button-container{
  top: -16px !important;
}
/* במחשב ובטאבלט הכפתור קטן יותר ויושב אחרת בתוך המיכל – אותו מיקום על המסגרת */
@media (min-width: 768px){
  html:root body.single-product #upsell_product-archive .products_list-item .add_to_cart_button-container{ top: 1px !important; }
}

/* ---------- מובייל בלבד ---------- */
@media (max-width: 767px){
  /* 6. העיגול האמצעי בסרגל התחתון לא עולה על כפתור "הוספה לסל" */
  html:root body.single-product #sf-toolbar .sf-tb-main svg{
    margin-top: 0 !important;
    width: 30px !important;
    height: 30px !important;
    padding: 6px !important;
  }

  /* 7. פחות שטח ריק אחרי פס האמון */
  html:root body.single-product .elementor-element-eaf5d96{ margin-bottom: 4px !important; }
  html:root body.single-product .elementor-element-6f495f9{ display: none; }

  /* 8. תיבת המועדון יוצאת מאזור הקנייה (המבצע מופיע בפס העליון ובבאנר בתחתית) */
  html:root body.single-product .sf-online-price{ display: none !important; }
}

/* ---------- מחשב בלבד: מרווחים ותמונה ----------
   רק בתוך אזור המוצר. הכותרת, הלוגו, התפריט והסל לא משתנים. */
/* 9. מסך רחב (1600px ומעלה): הרווח בין שלוש העמודות קטן בערך בחצי (מ-145px ל-72px) */
@media (min-width: 1600px){
  html body.single-product .elementor-element-65305e97 > .elementor-container{
    max-width: 1760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* 10. תמונת המוצר קטנה מעט (מ-491px ל-430px), ממורכזת בעמודה שלה */
@media (min-width: 1025px){
  html body.single-product .elementor-element-41737d7 .woocommerce-product-gallery{
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* 11. אייקוני הרשתות החברתיות ליד תמונת המוצר: מוסתרים בדף מוצר (מחשב וטלפון).
   ווטסאפ קיים בכפתור "שאלה על הזר?" ובסרגל התחתון בטלפון; האייקונים בפוטר נשארים. */
html body.single-product .elementor-element-449c5ff{ display: none !important; }

/* 12. טיפוגרפיה בדף מוצר: גופן אחד, משקלים ברורים, צבע טקסט אחיד.
   היו שני גופנים (Assistant ו-Assistant-victoria), טקסט גוף במשקל 300 (דק),
   וארבעה צבעי טקסט (שחור, שני אפורים וזית). כאן הכול מתיישר לזית של המותג. */
html:root body.single-product{
  --sf-ink: rgb(84, 84, 31);      /* טקסט וכותרות – הזית של המותג */
  --sf-muted: #6f6f55;            /* טקסט משני */
}
/* גופן אחד: כרטיסי הגודל השתמשו ב-Assistant-victoria (קבצים אחרים, משקלים מוזזים) – מיישרים ל-Assistant כמו שאר הדף */
html:root body.single-product .variations.custom,
html:root body.single-product .variations.custom *:not(i),
html:root body.single-product #upsell_product-archive,
html:root body.single-product #upsell_product-archive *:not(i),
html:root body.single-product .woocommerce-tabs,
html:root body.single-product .woocommerce-tabs *:not(i){
  font-family: Assistant, sans-serif !important;
}
/* ב-Assistant-victoria "400" היה בעצם SemiBold – שומרים על אותה הדגשה למחירי התוספות */
html:root body.single-product #upsell_product-archive .product_price{ font-weight: 600 !important; }
/* שם המוצר: מודגש ובצבע המותג; הקוד קטן ומשני */
html:root body.single-product [data-elementor-type="product"] h1.product_title{
  font-weight: 700 !important; color: var(--sf-ink) !important; line-height: 1.4; padding-top: 2px;
}
@media (min-width: 1025px){
  html:root body.single-product [data-elementor-type="product"] h1.product_title{ font-size: 32px !important; }
}
@media (max-width: 1024px){
  html:root body.single-product [data-elementor-type="product"] h1.product_title{ font-size: 24px !important; }
}
/* "/ קוד 653" – בכותרת של המחשב (b04dafa) ושל הטלפון (77f0f40) */
html:root body.single-product :is(.elementor-element-b04dafa,.elementor-element-77f0f40) .elementor-heading-title{
  font-size: 16px !important; font-weight: 400 !important; color: var(--sf-muted) !important;
}
/* כותרות השלבים (רוצים להגדיל? / תמיד נחמד להוסיף / בחירת תאריך) */
html:root body.single-product .sf-step-title{
  font-weight: 700 !important; color: var(--sf-ink) !important;
}
/* כרטיסי הגודל: שם הגודל ברור, מחיר מודגש */
html:root body.single-product .variations.custom .variation-name{
  font-size: 15px !important; font-weight: 600 !important; color: var(--sf-ink) !important;
}
html:root body.single-product .variations.custom .variation-price{
  font-weight: 700 !important; color: var(--sf-ink) !important;
}
/* "מה מקבלים בכל גודל" + שמות התוספות */
html:root body.single-product .sf-mid-size span{ color: var(--sf-ink) !important; }
html:root body.single-product #upsell_product-archive .product_title{
  font-weight: 600 !important; color: var(--sf-ink) !important;
}
/* תיאור המוצר: משקל רגיל במקום דק, צבע המותג במקום שחור (צבעים שהוגדרו ידנית בתוכן נשמרים) */
html:root body.single-product #tab-description :is(p,li,span:not([style*="color"])){
  font-weight: 400 !important; color: var(--sf-ink);
}
html:root body.single-product #tab-description :is(b,strong){ font-weight: 700 !important; }
/* טקסט עזר (שעות חלוקה) */
html:root body.single-product .sf-ship-hours{ color: var(--sf-muted) !important; }

/* 13. "קרא עוד" בתיאור המוצר: במצב מקופל הוצגה שורה אחת בגובה 1.4em, וכותרת גדולה בתחילת התיאור
   נחתכה באמצע האותיות. עכשיו מוצגות כמה שורות עם דהייה בתחתית, והלחיצה פותחת את הכול כמו קודם. */
html:root body.single-product #tab-description .sf-desc-body.sf-collapsed{
  max-height: 11em !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent);
  mask-image: linear-gradient(to bottom, #000 55%, transparent);
}
html:root body.single-product #tab-description .sf-desc-body.sf-collapsed > :first-child{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* 14. דף מוצר בטלפון: בחירת הגודל עולה למסך הראשון, והשלבים צפופים יותר */
@media (max-width: 767px){
  /* פירורי הלחם מוסתרים בטלפון (התפריט עושה את העבודה); במחשב הם נשארים */
  html:root body.single-product .site-breadcrumbs-nav{ display: none !important; }
  html:root body.single-product .elementor-element-65305e97{ padding-top: 6px !important; }
  /* פס האמון בשורה אחת: ארבעה פריטים קטנים, אייקון מעל טקסט */
  html:root body.single-product .sf-trust{
    grid-template-columns: repeat(4, 1fr) !important;
    padding: 8px 4px !important;
    gap: 2px !important;
  }
  html:root body.single-product .sf-trust .sf-trust-item{
    flex-direction: column !important;
    gap: 3px !important;
    text-align: center;
    font-size: 12px !important;
    line-height: 1.2 !important;
    justify-content: flex-start !important;
  }
  html:root body.single-product .sf-trust .sf-trust-item svg{ width: 20px !important; height: 20px !important; }
  /* בלי קווי הפרדה ורווח ריק בין השלבים */
  html:root body.single-product .elementor-element-62a9e83,
  html:root body.single-product .elementor-element-d6cc9d6{ display: none !important; }
  html:root body.single-product .elementor-element-8713609 .elementor-widget-heading{ margin-bottom: 10px !important; }
  html:root body.single-product .elementor-element-8713609 .elementor-widget-VariationsChooser{ margin-bottom: 8px !important; }
  html:root body.single-product .elementor-element-8713609 .sf-size-content{ margin-bottom: 22px !important; }
  html:root body.single-product .elementor-element-4672f2d{ margin-bottom: 18px !important; }
}
/* שם הגודל שנבחר בפס "הוספה לסל" (נוסף ע"י JS #41228) */
html:root body.single-product .sf-sticky-size{
  font: 600 14px Assistant, sans-serif;
  color: #6f6f55;
  margin-inline-start: 6px;
}
@media (min-width: 768px){ html:root body.single-product .sf-sticky-size{ display: none; } }