/* ============================================================
   Kora Animated Buttons for Elementor
   8 אנימציות מעבר · תמיכה מלאה ב-RTL
   ============================================================ */

.kora-btn{
  --kora-accent:#5333CB;
  --kora-dur:.62s;
  --kora-ease:cubic-bezier(.16,1,.3,1);
  --kora-fwd:-1;
  --kora-o1:left;
  --kora-o2:right;

  position:relative;
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:10px 2px 12px;
  color:inherit;
  background:none;
  border:0;
  text-decoration:none;
  font-family:inherit;
  font-size:14px;
  font-weight:300;
  letter-spacing:.16em;
  line-height:1.2;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:color var(--kora-dur) var(--kora-ease),
             background-color var(--kora-dur) var(--kora-ease),
             border-color var(--kora-dur) var(--kora-ease);
}
.kora-btn:focus-visible{outline:0}

/* כיוון */
.kora-btn--rtl{direction:rtl;--kora-fwd:-1;--kora-o1:left;--kora-o2:right}
.kora-btn--ltr{direction:ltr;--kora-fwd:1;--kora-o1:right;--kora-o2:left}
.kora-btn--ltr .kora-btn__arw svg{transform:scaleX(-1)}

/* תווית */
.kora-btn__lbl{
  position:relative;
  white-space:nowrap;
  transition:transform var(--kora-dur) var(--kora-ease);
}

/* חץ */
.kora-btn__box{
  position:relative;
  width:1em;
  height:1em;
  flex:0 0 auto;
  overflow:hidden;
}
.kora-btn__arw{
  position:absolute;
  inset:0;
  transition:transform var(--kora-dur) var(--kora-ease);
}
.kora-btn__arw svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.2;
  stroke-linecap:square;
}
.kora-btn--noarrow .kora-btn__box{display:none}

/* קו בסיס */
.kora-btn__line{
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:currentColor;
  opacity:.3;
  transform-origin:var(--kora-o1) center;
  transition:transform var(--kora-dur) var(--kora-ease);
}
.kora-btn--fill .kora-btn__line,
.kora-btn--circle .kora-btn__line,
.kora-btn--draw .kora-btn__line{display:none}

/* קו הדגשה שנכנס — לוריאציות שמבוססות קו */
.kora-btn--line::after,
.kora-btn--arrow::after,
.kora-btn--mask::after,
.kora-btn--letters::after,
.kora-btn--slide::after{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:var(--kora-accent);
  transform:scaleX(0);
  transform-origin:var(--kora-o2) center;
  transition:transform var(--kora-dur) calc(var(--kora-dur) * .2) var(--kora-ease);
}
.kora-btn--line:hover::after,
.kora-btn--line:focus-visible::after,
.kora-btn--arrow:hover::after,
.kora-btn--arrow:focus-visible::after,
.kora-btn--mask:hover::after,
.kora-btn--mask:focus-visible::after,
.kora-btn--letters:hover::after,
.kora-btn--letters:focus-visible::after,
.kora-btn--slide:hover::after,
.kora-btn--slide:focus-visible::after{transform:scaleX(1)}


/* ============ 1 · קו מתחלף ============ */
.kora-btn--line:hover .kora-btn__line,
.kora-btn--line:focus-visible .kora-btn__line{transform:scaleX(0)}
.kora-btn--line:hover .kora-btn__arw,
.kora-btn--line:focus-visible .kora-btn__arw{
  transform:translate(calc(var(--kora-fwd) * 6px),6px);
}


/* ============ 2 · חץ יוצא ונכנס מהפינה ============ */
.kora-btn--arrow .kora-btn__arw--b{
  transform:translate(calc(var(--kora-fwd) * -120%),-120%);
}
.kora-btn--arrow:hover .kora-btn__arw--a,
.kora-btn--arrow:focus-visible .kora-btn__arw--a{
  transform:translate(calc(var(--kora-fwd) * 120%),120%);
}
.kora-btn--arrow:hover .kora-btn__arw--b,
.kora-btn--arrow:focus-visible .kora-btn__arw--b{transform:translate(0,0)}
.kora-btn--arrow:hover .kora-btn__lbl,
.kora-btn--arrow:focus-visible .kora-btn__lbl{
  transform:translateX(calc(var(--kora-fwd) * 3px));
}
.kora-btn--arrow:hover .kora-btn__line,
.kora-btn--arrow:focus-visible .kora-btn__line{transform:scaleX(0)}


/* ============ 3 · החלפת טקסט במסכה ============ */
.kora-btn__lbl--mask{
  display:inline-block;
  overflow:hidden;
  height:1.25em;
  line-height:1.25em;
}
.kora-btn__lbl--mask i{
  display:block;
  font-style:normal;
  transition:transform var(--kora-dur) var(--kora-ease);
}
.kora-btn__lbl--mask i:last-child{
  position:absolute;
  inset:0;
  transform:translateY(100%);
}
.kora-btn--mask:hover .kora-btn__lbl--mask i:first-child,
.kora-btn--mask:focus-visible .kora-btn__lbl--mask i:first-child{transform:translateY(-100%)}
.kora-btn--mask:hover .kora-btn__lbl--mask i:last-child,
.kora-btn--mask:focus-visible .kora-btn__lbl--mask i:last-child{transform:translateY(0)}
.kora-btn--mask:hover .kora-btn__arw,
.kora-btn--mask:focus-visible .kora-btn__arw{transform:rotate(-90deg)}


/* ============ 4 · אותיות עולות בגלים ============ */
.kora-btn__lbl--letters{display:inline-flex}
.kora-btn__lbl--letters i{
  display:inline-block;
  font-style:normal;
  transition:transform calc(var(--kora-dur) * .8) var(--kora-ease);
  transition-delay:calc(var(--i, 0) * 24ms);
}
.kora-btn--letters:hover .kora-btn__lbl--letters i,
.kora-btn--letters:focus-visible .kora-btn__lbl--letters i{transform:translateY(-.32em)}
.kora-btn--letters:hover .kora-btn__arw,
.kora-btn--letters:focus-visible .kora-btn__arw{
  transform:translate(calc(var(--kora-fwd) * 6px),6px);
}


/* ============ 5 · הזחה קדימה ============ */
.kora-btn--slide:hover .kora-btn__lbl,
.kora-btn--slide:focus-visible .kora-btn__lbl{
  transform:translateX(calc(var(--kora-fwd) * 8px));
}
.kora-btn--slide:hover .kora-btn__arw,
.kora-btn--slide:focus-visible .kora-btn__arw{
  transform:translateX(calc(var(--kora-fwd) * 16px));
}
.kora-btn--slide:hover .kora-btn__line,
.kora-btn--slide:focus-visible .kora-btn__line{transform:scaleX(0)}


/* ============ 6 · מילוי עולה מלמטה ============ */
.kora-btn--fill{overflow:hidden;isolation:isolate}
.kora-btn--fill::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:var(--kora-accent);
  transform:translateY(101%);
  transition:transform var(--kora-dur) var(--kora-ease);
}
.kora-btn--fill:hover::before,
.kora-btn--fill:focus-visible::before{transform:translateY(0)}
.kora-btn--fill:hover .kora-btn__arw,
.kora-btn--fill:focus-visible .kora-btn__arw{transform:rotate(-90deg)}


/* ============ 7 · עיגול מתפשט ============ */
.kora-btn--circle{overflow:hidden;isolation:isolate}
.kora-btn--circle::before{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:150%;
  aspect-ratio:1;
  z-index:-1;
  border-radius:50%;
  background:var(--kora-accent);
  transform:translate(-50%,-50%) scale(0);
  transition:transform calc(var(--kora-dur) * 1.15) var(--kora-ease);
}
.kora-btn--circle:hover::before,
.kora-btn--circle:focus-visible::before{transform:translate(-50%,-50%) scale(1)}
.kora-btn--circle:hover .kora-btn__arw,
.kora-btn--circle:focus-visible .kora-btn__arw{
  transform:translate(calc(var(--kora-fwd) * 5px),5px);
}


/* ============ 8 · מסגרת נרשמת ============ */
.kora-btn--draw::before{
  content:'';
  position:absolute;
  inset:0;
  border-top:1px solid var(--kora-accent);
  border-bottom:1px solid var(--kora-accent);
  transform:scaleX(0);
  transform-origin:var(--kora-o2) center;
  transition:transform calc(var(--kora-dur) * .8) var(--kora-ease);
  pointer-events:none;
}
.kora-btn--draw::after{
  content:'';
  position:absolute;
  inset:0;
  border-left:1px solid var(--kora-accent);
  border-right:1px solid var(--kora-accent);
  transform:scaleY(0);
  transform-origin:center top;
  transition:transform calc(var(--kora-dur) * .8) calc(var(--kora-dur) * .55) var(--kora-ease);
  pointer-events:none;
}
.kora-btn--draw:hover::before,
.kora-btn--draw:focus-visible::before{transform:scaleX(1)}
.kora-btn--draw:hover::after,
.kora-btn--draw:focus-visible::after{transform:scaleY(1)}
.kora-btn--draw:hover .kora-btn__arw,
.kora-btn--draw:focus-visible .kora-btn__arw{
  transform:translate(calc(var(--kora-fwd) * 5px),5px);
}


/* ============ נגישות ============ */
@media (prefers-reduced-motion:reduce){
  .kora-btn,
  .kora-btn::before,
  .kora-btn::after,
  .kora-btn__lbl,
  .kora-btn__lbl i,
  .kora-btn__arw,
  .kora-btn__line{transition-duration:.01ms !important}
}