/* מיימון באתר — the floating chat button + panel (afikey-crm-qa 1.5.2; the avatar is a robot icon since 1.5.2). Navy + gold like the „שאל את הרב" form.
   The site's accessibility button sits bottom-right on a computer and bottom-left on a phone → the chat takes the
   free corner: bottom-left on a computer, bottom-right on a phone.
   1.5.1: the site's theme (Hello Elementor reset.css) styles every <button> — pink border and text, 3px corners, its own
   padding and display, a pink background on :hover/:focus — with rules that beat a single class and undo [hidden].
   So the button is styled by its id and the panel's buttons by a longer selector, and the phone panel sits above the
   site's own floating layers (it fills the screen; closing it brings them back). */
#afkm-fab, .afkm-panel { --afkm-ink: #16163f; --afkm-gold: #d3b574; font-family: inherit; }
#afkm-fab {
  position: fixed; bottom: 20px; left: 20px; right: auto; top: auto; z-index: 99990;
  display: inline-flex; align-items: center; gap: 8px; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0;
  padding: 8px 16px 8px 10px; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--afkm-ink); color: #fff; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1.2;
  text-transform: none; letter-spacing: normal; text-decoration: none; transition: background-color .15s;
  box-shadow: 0 10px 24px -10px rgba(22, 22, 63, .55);
}
#afkm-fab:hover, #afkm-fab:focus { background: #22225a; color: #fff; border: 0; }
#afkm-fab:focus-visible, .afkm-panel .afkm-head button:focus-visible { outline: 3px solid var(--afkm-gold); outline-offset: 2px; }
.afkm-av {
  width: 30px; height: 30px; flex: none; border-radius: 50%; display: grid; place-items: center;
  background: var(--afkm-gold); color: var(--afkm-ink); font-weight: 700; font-size: 15px; line-height: 1;
}
.afkm-av svg { display: block; width: 64%; height: 64%; }
.afkm-panel {
  position: fixed; left: 20px; bottom: 82px; z-index: 99991;
  width: 380px; height: min(640px, calc(100vh - 110px));
  display: flex; flex-direction: column; overflow: hidden;
  background: #fff; border-radius: 18px; box-shadow: 0 24px 60px -18px rgba(22, 22, 63, .45);
}
.afkm-panel[hidden] { display: none; }
.afkm-head {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  background: var(--afkm-ink); color: #fff;
}
.afkm-t { display: grid; line-height: 1.25; min-width: 0; color: #fff; }
.afkm-t b { font-size: 15.5px; }
.afkm-t small { font-size: 12px; opacity: .8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.afkm-panel .afkm-head button.afkm-x, .afkm-panel .afkm-head button.afkm-back {
  margin: 0; border: 0; background: transparent; color: #fff; cursor: pointer; box-shadow: none;
  font-family: inherit; font-weight: 400; text-transform: none; letter-spacing: normal; text-decoration: none;
  min-width: 0; min-height: 0; transition: background-color .15s;
}
.afkm-panel .afkm-head button.afkm-x {
  display: grid; place-items: center; margin-inline-start: auto; padding: 0;
  width: 36px; height: 36px; border-radius: 50%; font-size: 26px; line-height: 1;
}
.afkm-panel .afkm-head button.afkm-back {
  display: inline-block; width: auto; height: auto; padding: 6px 8px; border-radius: 8px;
  font-size: 13.5px; line-height: 1.2; white-space: nowrap;
}
.afkm-panel .afkm-head button.afkm-x:hover, .afkm-panel .afkm-head button.afkm-x:focus,
.afkm-panel .afkm-head button.afkm-back:hover, .afkm-panel .afkm-head button.afkm-back:focus { background: rgba(255, 255, 255, .12); color: #fff; border: 0; }
.afkm-panel .afkm-head button.afkm-back[hidden] { display: none; }
.afkm-body { flex: 1; position: relative; background: #f5f5fb; }
.afkm-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; margin: 0; max-width: none; }
.afkm-frame[hidden] { display: none; }

@media (max-width: 767px) {
  #afkm-fab { left: auto; right: 16px; bottom: 16px; padding: 8px; }
  #afkm-fab .afkm-lbl { display: none; }
  #afkm-fab .afkm-av { width: 40px; height: 40px; font-size: 19px; }
  /* above the accessibility widget's button (2147483645), below its open menu (2147483647) */
  .afkm-panel { inset: 0; width: auto; height: 100%; border-radius: 0; z-index: 2147483646; }
  html.afkm-on, html.afkm-on body { overflow: hidden; }
  html.afkm-on #afkm-fab { display: none; }
}
@media print { #afkm-fab, .afkm-panel { display: none !important; } }