/* בסיס עיצובי לעמוד היומן של החינוך החברתי */
.dlts-dept-cal-wrap{
  --card: #ffffff;
  --line: #eaeaea;
  --text: #0f172a;
  --muted: #6b7280;
  --brand: #3DC1BC;
  font-family: "Alef", sans-serif;
}

/* כותרת עמוד */
.dlts-dept-hero{
  background: linear-gradient(135deg, #E0FBFC 0%, #F0FFF8 60%, #FFFFFF 100%);
  padding: 24px 18px 16px;
  border-radius: 18px;
  box-shadow: 0 6px 22px rgba(0,0,0,.06);
  margin: 8px 0 14px;
  text-align: center;
}
.dlts-dept-hero h1{
  margin:0;
  font-size: clamp(22px, 4vw, 34px);
  color: var(--text);
  letter-spacing: .2px;
}
.dlts-dept-sub{
  margin:6px 0 0;
  color: var(--muted);
  font-size: 15px;
}

/* סרגל ומקרא */
.dlts-dept-toolbar{
  display:flex; justify-content:flex-start; align-items:center;
  gap:12px; margin-bottom:10px;
}
.dlts-dept-legend{ display:flex; flex-wrap:wrap; gap:8px; }
.dlts-dept-legend .chip{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid var(--line); padding:6px 10px; border-radius:999px;
  background:#fff; font-size:13px; color:#334155;
  box-shadow: 0 2px 8px rgba(0,0,0,.03);
}
.dlts-dept-legend .chip i{
  width:10px; height:10px; display:inline-block; border-radius:999px; background: var(--brand);
}
.dlts-dept-legend .chip.hebcal i{ background:#F59E0B; }

/* יומן */
#department-calendar .fc{
  direction: rtl;
  --fc-border-color: var(--line);
  --fc-page-bg-color: #fff;
  --fc-today-bg-color: rgba(61,193,188,.1);
}
#department-calendar{
  background:#fff; border:1px solid var(--line);
  border-radius:16px; padding:8px;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

/* אירועים צבועים במלואם (month/week/day) */
#department-calendar .fc-daygrid-event,
#department-calendar .fc-timegrid-event,
#department-calendar .fc-timegrid-block-event{
  border:0;
  border-radius:10px;
  color:#ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
#department-calendar .fc-daygrid-event .fc-event-main,
#department-calendar .fc-v-event .fc-event-main,
#department-calendar .fc-daygrid-event .fc-event-time,
#department-calendar .fc-daygrid-event .fc-event-title{
  color: inherit;   /* טקסט לבן על רקע הצבע */
}

/* סימון אירוע מבוטל בתוך היומן – קו חוצה רק על הכותרת */
#department-calendar .dlts-ev-canceled{
  filter: saturate(.9) brightness(.96);
}
#department-calendar .dlts-ev-canceled .fc-event-title{
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  opacity: .95;
}

/* מודאל */
.dlts-modal{position:fixed;inset:0;z-index:9999}
.dlts-modal[aria-hidden="true"]{display:none}
.dlts-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4)}
@supports (backdrop-filter: blur(4px)){ .dlts-modal-backdrop{backdrop-filter: blur(4px)} }
.dlts-modal-dialog{
  position:relative;background:#fff;width:min(1000px,96vw);
  margin:4vh auto;border-radius:16px;padding:16px;box-shadow:0 12px 32px rgba(0,0,0,.15);
  max-height:92vh;overflow:auto
}
.dlts-modal-lg{width:min(1100px,96vw)}
.dlts-modal-xl{width:min(1280px,98vw)}
.dlts-modal-close{
  position:absolute; top:10px; inset-inline-end:10px; width:36px; height:36px;
  border:none; border-radius:10px; cursor:pointer; font-size:20px; line-height:1;
  background:#f1f5f9;
}
.dlts-modal-close:hover{ background:#e2e8f0; }

/* גוף המודאל */
.dlts-dept-modal-body .dept-badge{
  display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
  border:1px solid var(--line); background:#fff; margin-bottom:8px;
}
.dlts-dept-modal-body .badge-dot{
  width:10px; height:10px; border-radius:999px; display:inline-block; background:#3DC1BC;
}
.dlts-dept-modal-body .event-title{ margin:6px 0 2px; font-size:22px; }
.dlts-dept-modal-body .event-title.is-canceled{
  text-decoration: line-through; text-decoration-thickness: 2px; opacity: .9;
}
#event-canceled-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:#fee2e2; color:#7f1d1d; border:1px solid #fecaca;
  padding:4px 8px; border-radius:999px; font-size:12px;
}
.dlts-dept-modal-body .event-when{ color:#334155; margin-bottom:6px; }
.dlts-dept-modal-body .event-loc{ color:#475569; margin:6px 0; }
.dlts-dept-modal-body .event-desc{ margin:10px 0; white-space:pre-wrap; }
.dlts-dept-modal-body .event-actions .btn{
  display:inline-flex; align-items:center; justify-content:center; min-width:140px;
  border:1px solid var(--line); padding:10px 14px; border-radius:10px;
  background:#f8fafc; color:#0f172a; text-decoration:none;
}
.dlts-dept-modal-body .event-actions .btn:hover{ background:#eef2f7; }

/* הודעת ביטול בתוך התיאור */
.dlts-canceled-note{
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  padding:8px 10px;
  border-radius:10px;
  margin-bottom:10px;
  font-size:13px;
}