@import url("/assets/base.css");  /* ← נתיב מוחלט נכון */
@import url("/scripts/modules/offer-popup.css"); /* ← מושך את העיצוב הגלובלי */

:root {
  --header-height: 60px;  
  --icon-button-bg: transparent;
  --header-img-height: 100%;
  --name-role-font-family: var(--font-family-display);
  --header-img-bg: #fffaf2;
  --header-img-offset-x: 3px;
  --quote-font-color: var(--about-bg-color);
  --btn-scl-text-color-filled: #fffaf2;
  --header-img-bg : #ffffff;

  
  /* ===========================================================
     🧱 הגדרות כלליות לפופאפ
     =========================================================== */
  --offer-overlay-bg: rgba(0, 0, 0, 0.7);           /* רקע מאחורי הפופאפ */
  --offer-overlay-blur: 2px;                        /* טשטוש מאחורי הפופאפ */

  --offer-popup-bg: #bbb2b2;
  --offer-popup-radius: 22px;                       /* רדיוס פינות */
  --offer-popup-shadow: 0 8px 40px rgba(0,0,0,0.45);/* צללה כללית */
  --offer-popup-font: "Heebo", "Assistant", sans-serif; /* גופן כללי */

  --offer-popup-width: 92%;                            /* רוחב אחוזי */
  --offer-popup-max-width: 420px;                       /* רוחב מקסימלי */
  --offer-popup-max-height: 130vh;                      /* גובה מקסימלי */
  --offer-popup-transition: 0.4s ease;                  /* זמן אנימציה */

  /* ===========================================================
     🏷️ כותרת הפופאפ
     =========================================================== */
  --offer-title-color: #003366;                     /* צבע כותרת */
  --offer-title-size: 26px;                         /* גודל טקסט */
  --offer-title-weight: 800;                        /* עובי פונט */
  --offer-title-align: center;                      /* יישור טקסט */
  --offer-title-margin: 10px 0 15px;                /* רווחים */
  --offer-title-line-height: 1.4;                   /* גובה שורה */

  /* ===========================================================
     📄 טקסט גוף
     =========================================================== */
  --offer-text-color: #000000;                      /* צבע טקסט */
  --offer-text-size: 17px;                          /* גודל טקסט */
  --offer-text-weight: 400;                         /* עובי טקסט */
  --offer-text-line: 1.6;                           /* גובה שורה */
  --offer-text-align: center;                       /* יישור טקסט */
  --offer-text-margin-bottom: 25px;                 /* רווח מתחת */
  --offer-text-width: 90%;                          /* רוחב טקסט */

  /* ===========================================================
     🕒 מונה זמן (Countdown)
     =========================================================== */
  --offer-countdown-bg: #f5f8ff;                    /* רקע מונה */
  --offer-countdown-color: #660031;                 /* צבע טקסט מונה */
  --offer-countdown-radius: 10px;                   /* פינות מעוגלות */
  --offer-countdown-font-size: 15px;                /* גודל טקסט */
  --offer-countdown-font-weight: 700;               /* עובי טקסט */
  --offer-countdown-margin: 60px 20px 20px;         /* רווחים */
  --offer-countdown-shadow: inset 0 0 0 1px #d2d8ef;/* גבול פנימי */

  /* ===========================================================
     🖱️ כפתור פעולה
     =========================================================== */
  --offer-btn-bg: #003366;                          /* רקע הכפתור */
  --offer-btn-bg-hover: #001f4d;                    /* רקע במעבר */
  --offer-btn-color: #ffffff;                       /* צבע טקסט */
  --offer-btn-font-size: 18px;                      /* גודל טקסט */
  --offer-btn-font-weight: 600;                     /* עובי טקסט */
  --offer-btn-radius: 20px;                         /* רדיוס פינות */
  --offer-btn-padding: 14px 26px;                   /* ריווח פנימי */
  --offer-btn-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);/* הצללה */
  --offer-btn-transition: 0.3s ease;                /* מהירות מעבר */
  --offer-btn-hover-translate: -2px;                /* תזוזה במעבר */

  /* ===========================================================
     ❌ כפתור סגירה
     =========================================================== */
  --offer-close-bg: #003366;                        /* רקע */
  --offer-close-color: #ffffff;                     /* צבע טקסט */
  --offer-close-size: 17px;                         /* גודל איקס */
  --offer-close-top: 14px;                          /* מרחק מלמעלה */
  --offer-close-right: 14px;                        /* מרחק מימין */
  --offer-close-radius: 50%;                        /* עיגול מלא */
  --offer-close-bg-hover: #001f4d;                  /* רקע במעבר */
  --offer-close-hover-scale: 1.1;                   /* הגדלה במעבר */

}
#pageMainTitle {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.offer-content {
  background-color: var(--offer-popup-bg) !important;
}
/* ערכי ברירת מחדל לנושא modern */
body.theme-modern {
  --card-bg-image: url("/assets/bg/test.jpg");
  --card-bg-opacity: 1;
  --card-bg-blur: 0px;
}



/* דריסת לוגו – ללקוח ספציפי בלבד */
.logo-box {
  width: 100%;
  height: 280px;              /* גובה קבוע – לשנות לפי הצורך */
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.logo-box .logo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* מילוי מלא עם חיתוך */
  object-position: center var(--logo-offset, 65%); /* ברירת מחדל מרכז */
  display: block;
}