/* ===== DLTS Worker – Event Popup (scoped CSS) ===== */

/* Overlay + container */
.dlts-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:1000}
.dlts-modal-backdrop.is-open{display:block}
.dlts-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px}

/* Card (scoped to modal only) */
.dlts-modal .dlts-card{
  width:min(720px,96vw);
  max-height:88vh;
  overflow:auto;
  background:#fff;
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  direction:rtl;
  position:relative; /* עוגן לסגירה אם צריך מיקום מוחלט */
}

/* Header */
.dlts-modal .dlts-hdr{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;border-bottom:1px solid #eee;gap:12px
}
.dlts-modal .dlts-title{font-size:18px;font-weight:700;margin:0;line-height:1.3}

/* Close button – בתוך המודאל, לא בפינה של המסך */
.dlts-modal .dlts-card .dlts-close{
  position:static !important; /* עוקף כללים ישנים (worker.css) */
  inline-size:36px; block-size:36px;
  border-radius:10px; border:1px solid #e5e7eb;
  background:#f3f4f6; color:#111; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  transition:filter .15s ease, background .15s ease, border-color .15s ease;
}
.dlts-modal .dlts-card .dlts-close:hover{ filter:brightness(0.96) }

/* Body */
.dlts-modal .dlts-body{padding:16px 20px;display:grid;gap:16px}
.dlts-modal .dlts-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start}
.dlts-modal .dlts-label{color:#666;font-weight:600}
.dlts-modal .dlts-text{color:#111;white-space:pre-wrap;word-break:break-word}

/* Invitees summary */
.dlts-modal .dlts-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.dlts-modal .dlts-badge{font-size:12px;border-radius:999px;padding:2px 8px;border:1px solid #ddd;color:#333;background:#fafafa}
.dlts-modal .dlts-invitee-names{color:#222}

/* RSVP controls */
.dlts-modal .dlts-rsvp{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

/* בסיס כל הכפתורים – לא שקופים (scoped) */
.dlts-modal .dlts-btn{
  appearance:none;border:1px solid #e5e7eb;border-radius:10px;
  padding:10px 14px; cursor:pointer; font-weight:600;
  background:#f3f4f6; color:#111;
  transition:transform .04s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.dlts-modal .dlts-btn:active{ transform:scale(.99) }

/* CTA כללי */
.dlts-modal .dlts-btn.primary{ background:#3B82F6; border-color:#3B82F6; color:#fff }
.dlts-modal .dlts-btn.primary:hover{ filter:brightness(.98) }
.dlts-modal .dlts-btn.ghost{ background:#fff; color:#111 }

/* RSVP – צבעים לפי מצב */
.dlts-modal .dlts-rsvp .dlts-btn[data-rsvp="yes"]{
  background:#ECFDF5; color:#065F46; border-color:#A7F3D0;
}
.dlts-modal .dlts-rsvp .dlts-btn[data-rsvp="maybe"]{
  background:#FFFBEB; color:#92400E; border-color:#FDE68A;
}
.dlts-modal .dlts-rsvp .dlts-btn[data-rsvp="no"]{
  background:#FEF2F2; color:#991B1B; border-color:#FECACA;
}

/* מצב נבחר (active) – מלא ובולט */
.dlts-modal .dlts-rsvp .dlts-btn.active[data-rsvp="yes"]{
  background:#10B981; color:#fff; border-color:#10B981;
}
.dlts-modal .dlts-rsvp .dlts-btn.active[data-rsvp="maybe"]{
  background:#F59E0B; color:#fff; border-color:#F59E0B;
}
.dlts-modal .dlts-rsvp .dlts-btn.active[data-rsvp="no"]{
  background:#EF4444; color:#fff; border-color:#EF4444;
}

/* Footer */
.dlts-modal .dlts-foot{
  display:flex; justify-content:flex-start; gap:10px;
  padding:12px 20px; border-top:1px solid #eee;
}

/* ===== Reason panel (מוצג כשבוחרים אולי/דחייה) ===== */
.dlts-modal .dlts-rsvp-reason[hidden]{display:none !important;}
.dlts-modal .dlts-rsvp-reason{
  margin-top:10px;
  padding:12px;
  border:1px solid #e5e7eb;
  background:#fafafa;
  border-radius:12px;
  display:grid;
  gap:8px;
}
.dlts-modal .dlts-rsvp-reason-msg{
  font-size:13px;
  color:#374151;
  font-weight:700;
}
.dlts-modal .dlts-rsvp-reason-input{
  width:100%;
  min-height:90px;
  resize:vertical;
  padding:10px 12px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#fff;
  color:#111;
  font:inherit;
}
.dlts-modal .dlts-rsvp-reason-input:focus{
  outline:none;
  border-color:#93c5fd;
  box-shadow:0 0 0 3px rgba(59,130,246,.15);
}
.dlts-modal .dlts-rsvp-reason-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.dlts-modal .dlts-rsvp-reason-err{
  font-size:13px;
  color:#b91c1c;
  min-height:1em;
}

/* Responsiveness */
@media (max-width:520px){
  .dlts-modal .dlts-row{ grid-template-columns:1fr }
  .dlts-modal .dlts-label{ opacity:.8 }
  .dlts-modal .dlts-foot{ flex-wrap:wrap }
}