/* ===================================================
   ADealss.com — שדרוג עיצוב 2026 לרכיבים האמיתיים בקוד
   מיועד להדבקה בסוף style.css של astra-child
   (אחרי התיקון של אייקוני השיתוף שכבר נוסף)
   =================================================== */

/* --- פונט גלובלי מודרני --- */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700&display=swap');
body, button, input, select, textarea {
  font-family: 'Assistant', sans-serif !important;
}

/* --- 1. כפתור "למעבר לרכישה" הצף (#floatingBTN) --- */
#floatingBTN {
  display: block;
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  background: #1a4d3a;
  color: #fff !important;
  font-weight: 700;
  font-size: 15px;
  padding: 14px 32px;
  border-radius: 30px;
  box-shadow: 0 4px 14px rgba(26,77,58,0.35);
  text-decoration: none;
  text-align: center;
  transition: transform 0.15s;
}
#floatingBTN:hover { transform: translateX(-50%) scale(1.03); }

/* --- 2. תגית הנחה (.onsale) --- */
.onsale {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  background: #c0392b;
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  position: static !important; /* מבטל מיקום מוזר שלרוב מגיע כברירת מחדל מ-Astra */
}

/* --- 3. תוויות מוצר מותאמות (.customLabel — כבר תומך ב-CSS vars --bg-color/--txt-color) --- */
.customLabel {
  display: inline-block;
  background: var(--bg-color, #1a4d3a);
  color: var(--txt-color, #fff);
  font-size: 12px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 6px;
}

/* --- 4. אזור הקופון (#couponMain1 / .tooltip1) --- */
#couponMain1 {
  margin: 14px 0;
}
.tooltip1 button {
  background: #1a4d3a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer;
  letter-spacing: 1px;
}
.tooltip1 button::before {
  content: "🎟 ";
}

/* --- 5. תאריך פרסום (.theDate) --- */
.theDate {
  font-size: 12px;
  color: #999;
}

/* --- 6. תיאור מוצר (#productDisc) --- */
#productDisc {
  background: #f5f4ef;
  border-radius: 12px;
  padding: 18px 20px;
  margin: 20px 0;
}
#productDisc .discTitle {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #1a1a1a;
}

/* --- 7. כפתורי שיתוף (.share-button-wrapper — עיצוב על גבי התיקון הקודם) --- */
.sharing-box {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 16px 20px;
  margin: 16px 0;
}
.sharing-box-name {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 10px;
}
.share-button-wrapper .share-button {
  background: #f5f4ef;
  border-radius: 8px;
  padding: 6px;
}

/* --- 8. כפתורי הצטרפות לוואטסאפ/טלגרם/SMS --- */
.join-whatsapp-btn, .join-telegram-btn, .join-news-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  margin: 4px 6px 4px 0;
}
.join-whatsapp-btn { background: #25D366; color: #fff !important; }
.join-telegram-btn { background: #229ED9; color: #fff !important; }
.join-news-btn { background: #1a4d3a; color: #fff !important; }

/* --- 9. תפריט ראשי + אייקוני רשתות (#main-nav / .MMSocial) --- */
#main-nav .social svg {
  width: 20px;
  height: 20px;
}
#main-nav .social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f0f0eb;
  margin: 0 3px;
}

/* --- 10. מובייל: ריווח נשימה כללי + התאמת כפתור צף --- */
@media (max-width: 640px) {
  #floatingBTN {
    width: calc(100% - 32px);
    bottom: 12px;
  }
  #productDisc { padding: 14px 16px; }

/* 1b. תיקון: אייקוני SVG מוטבעים בתפריט (פייסבוק/טלגרם ב-#main-nav)
   אלו לא תגיות img - הן SVG מוטבע בקוד, לכן הכלל .MMSocial img
   לא תפס אותן. כלל גלובלי של Astra (svg { max-width:100%; height:auto })
   דרס את המידות שכתובות בתוך ה-SVG עצמו וגרם להן להתמתח. */
.MMSocial svg,
#main-nav .social svg {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    flex-shrink: 0 !important;
}}
/* 1c. תיקון חזק לאייקוני השיתוף בתחתית עמוד המוצר
   (טוויטר/פייסבוק/גוגל+/וואטסאפ/טלגרם - section.sharing-box)
   ספציפיות גבוהה יותר + מכסה גם מקרה שהתמונה טרם נטענה */
section.sharing-box .share-button-wrapper a.share-button img {
    width: 25px !important;
    height: 25px !important;
    max-width: 25px !important;
    max-height: 25px !important;
    min-width: 0 !important;
    display: inline-block !important;
    object-fit: contain !important;
}
section.sharing-box .share-button-wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    align-items: center !important;

.brand-story {
  font-family: 'Assistant', sans-serif;
  max-width: 720px;
  margin: 0 auto;
  line-height: 1.8;
  color: #222;
}
.brand-story h1 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #0c3a63;
}
.brand-story > p:first-of-type {
  font-size: 18px;
  color: #444;
}
.brand-story > p:first-of-type::first-letter {
  font-size: 46px;
  font-weight: 700;
  color: #0c3a63;
  float: right;
  margin-inline-start: 8px;
  line-height: 0.9;
}
.brand-story h2 {
  font-size: 21px;
  font-weight: 700;
  margin: 36px 0 14px;
  padding-inline-start: 14px;
  border-inline-start: 4px solid #c0392b;
  color: #14202b;
}
.brand-story p {
  font-size: 16px;
  margin: 0 0 16px;
}
.brand-story .brand-story-cta {
  background: #f5f4ef;
  border-radius: 12px;
  padding: 20px 24px;
  margin: 32px 0 0;
}
.brand-story .brand-story-cta p {
  margin: 0 0 10px;
  font-weight: 600;
}
.brand-story .brand-story-deals-link {
  display: inline-block;
  background: #0c3a63;
  color: #fff !important;
  padding: 10px 22px;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: 700;
  margin-top: 10px;
}}