/* =============================================================
   leadbar.css - פס יצירת קשר צף בתחתית המסך (כל האתר)
   רכיב עצמאי וסקופי - אינו משפיע על שאר עיצוב הדפים.
   ============================================================= */

.mk-leadbar{
  position:fixed;right:0;left:0;bottom:0;z-index:8990;
  background:linear-gradient(135deg,#1c2732,#25333f);
  border-top:3px solid #bd9a5f;
  box-shadow:0 -8px 30px rgba(0,0,0,.25);
  direction:rtl;
  font-family:'Heebo','Assistant',Arial,sans-serif;
}
.mk-leadbar *{box-sizing:border-box;font-family:inherit}
.mk-visually-hidden{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.mk-leadbar__inner{
  max-width:1180px;margin:0 auto;padding:12px 20px;
  display:flex;align-items:center;gap:18px;
}

/* ---------- טקסט קריאה לפעולה ---------- */
.mk-leadbar__text{color:#fff;line-height:1.35;white-space:nowrap}
.mk-leadbar__text strong{display:block;font-size:1.05rem;font-weight:800}
.mk-leadbar__text span{display:block;font-size:.82rem;color:#c9d0d7}

/* ---------- חיצים (שברוני זהב עדינים) ---------- */
.mk-leadbar__chevrons{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.mk-leadbar__chevrons i{
  display:block;width:11px;height:11px;
  border-top:3px solid #bd9a5f;border-right:3px solid #bd9a5f;
  border-radius:1px;
  transform:rotate(-135deg);            /* מצביע שמאלה - אל הטופס */
  animation:mkChev 1.6s ease-in-out infinite;
  opacity:.25;
}
.mk-leadbar__chevrons--flip i{transform:rotate(45deg)} /* מצביע ימינה - אל הטופס */
.mk-leadbar__chevrons i:nth-child(2){animation-delay:.2s}
.mk-leadbar__chevrons i:nth-child(3){animation-delay:.4s}
@keyframes mkChev{
  0%,100%{opacity:.2}
  50%{opacity:1}
}

/* ---------- הטופס ---------- */
.mk-leadbar__form{
  display:flex;align-items:center;gap:10px;flex:1;
  margin:0;padding:0;
}
.mk-leadbar__form input{
  flex:1;min-width:0;height:44px;padding:0 14px;
  border-radius:10px;border:2px solid transparent;
  font-size:.95rem;background:#fff;color:#2b2b2b;
  transition:border-color .15s;
  direction:rtl;text-align:right;
}
/* מספר הטלפון עצמו נקרא משמאל לימין, אך ה-placeholder נשאר צמוד לימין */
.mk-leadbar__form input[type="tel"]:placeholder-shown{text-align:right}
.mk-leadbar__form input::placeholder{color:#8a939c}
.mk-leadbar__form input:focus{outline:none;border-color:#bd9a5f}
.mk-leadbar__form input.mk-invalid{border-color:#e2001a}
.mk-leadbar__submit{
  height:44px;padding:0 26px;border:0;border-radius:40px;cursor:pointer;
  background:#e2001a;color:#fff;font-weight:800;font-size:.98rem;
  white-space:nowrap;transition:background .2s,transform .12s;
}
.mk-leadbar__submit:hover{background:#b80016;transform:translateY(-1px)}
.mk-leadbar__submit:focus-visible{outline:3px solid #bd9a5f;outline-offset:2px}
.mk-leadbar__note{
  position:absolute;top:-30px;right:20px;
  background:#b80016;color:#fff;font-size:.85rem;
  padding:4px 14px;border-radius:8px;display:none;
}
.mk-leadbar__note.is-visible{display:block}

/* ---------- ריווח תחתון לדף + הרמת הכפתורים הצפים ---------- */
@media (min-width:721px){
  body{padding-bottom:82px!important}
  .mk-floating{bottom:96px!important}
  .mk-a11y-open{bottom:290px!important}
  .mk-a11y-panel{bottom:290px!important}
}

/* ---------- מובייל: הפס מוסתר (יש כפתורי חיוג/וואטסאפ צפים וטפסים בדף) ---------- */
@media (max-width:720px){
  .mk-leadbar{display:none}
}

/* ---------- מסכים בינוניים: מסתירים את האימייל כדי שהכל ייכנס ---------- */
@media (max-width:1050px){
  .mk-leadbar__text span{display:none}
  .mk-leadbar__form input[name="getemail"]{display:none}
  .mk-leadbar__chevrons{display:none}
}

/* כיבוד העדפת הפחתת תנועה */
@media (prefers-reduced-motion:reduce){
  .mk-leadbar__chevrons i{animation:none;opacity:.7}
}