/* כפתור הפתיחה העגול */
.bot-toggle {
    position: fixed; bottom: 20px; right: 20px;
    width: 60px; height: 60px;
    background: #007bff; border-radius: 50%;
    color: white; font-size: 30px; cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    border: none; z-index: 10000;
    display: flex; align-items: center; justify-content: center;
}

/* חלון הבוט */
.bot-window {
    position: fixed; bottom: 90px; right: 20px;
    width: 350px; height: 500px;
    background: #fff; border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    display: flex; flex-direction: column;
    z-index: 10000; display: none; overflow: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.bot-header {
    background: #007bff; color: white; padding: 15px;
    font-weight: bold; display: flex; justify-content: space-between;
}

.bot-messages {
    flex: 1; padding: 15px; overflow-y: auto;
    background: #f9f9f9; display: flex; flex-direction: column; gap: 10px;
}

/* הודעות */
.msg { padding: 8px 12px; border-radius: 15px; max-width: 80%; font-size: 14px; line-height: 1.4; }
.msg.bot { background: #e9ecef; color: #333; align-self: flex-start; border-bottom-right-radius: 2px; }
.msg.user { background: #007bff; color: white; align-self: flex-end; border-bottom-left-radius: 2px; }

/* כרטיס משרה */
.job-card {
    background: white; padding: 10px; border-radius: 8px;
    border: 1px solid #ddd; margin-bottom: 5px;
    transition: transform 0.2s;
}
.job-card:hover { transform: translateY(-2px); border-color: #007bff; }
.job-card h4 { margin: 0 0 5px 0; font-size: 15px; color: #007bff; }
.job-card p { margin: 0; font-size: 13px; color: #666; }
.job-card a { display: block; text-decoration: none; color: inherit; }

/* כפתורים מהירים */
.bot-buttons { padding: 10px; display: flex; gap: 5px; flex-wrap: wrap; justify-content: center; }
.btn-quick {
    background: white; border: 1px solid #007bff; color: #007bff;
    padding: 5px 10px; border-radius: 20px; cursor: pointer; font-size: 13px;
}
.btn-quick:hover { background: #007bff; color: white; }

/* אזור הקלדה */
.bot-input-area {
    padding: 10px; border-top: 1px solid #eee; display: flex; gap: 5px; background: white;
}
.bot-input-area input { flex: 1; padding: 10px; border: 1px solid #ddd; border-radius: 20px; outline: none; }
.bot-input-area button {
    background: #007bff; color: white; border: none;
    width: 40px; height: 40px; border-radius: 50%; cursor: pointer;
}
/* ✅ Toast פתיחה לאתר - תמיד צף בצד ימין */
#siteToast.site-toast{
  position: fixed !important;
  right: 20px !important;
  top: auto !important;
  bottom: 95px !important;

  max-width: min(360px, calc(100vw - 40px));
  background: rgba(20, 20, 20, 0.92);
  color: #fff;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.4;
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);

  z-index: 2147483647 !important; /* מקסימום אמיתי */
  direction: rtl;

  pointer-events: none; /* לא חוסם קליקים מתחת */
  display: none;
}

#siteToast.site-toast.show{
  display: block;
  animation: toastIn 250ms ease-out;
}

@keyframes toastIn{
  from { transform: translateY(-10px); opacity: 0; }
  to   { transform: translateY(0);  opacity: 1; }
}