/* ---------- Calendar icon: advanced (unlocked) mode ---------- */

#calendarIcon {
  transition:
    transform .18s ease,
    border-color .25s ease,
    background-color .25s ease,
    color .25s ease,
    box-shadow .25s ease;
}

#calendarIcon.unlocked {
  background-color: rgba(168, 85, 247, .18) !important;
  border-color:     rgba(168, 85, 247, .75) !important;
  color:            #c4b5fd             !important;

  box-shadow:
    0 0 0 1px   rgba(168, 85, 247, .35),
    0 0 14px    rgba(168, 85, 247, .55),
    0 0 28px    rgba(168, 85, 247, .28),
    inset 0 0 8px rgba(168, 85, 247, .18);

  animation: cal-unlocked-pulse 2.4s ease-in-out infinite;
}

@keyframes cal-unlocked-pulse {
  0%, 100% {
    box-shadow:
      0 0 0 1px   rgba(168, 85, 247, .35),
      0 0 14px    rgba(168, 85, 247, .55),
      0 0 28px    rgba(168, 85, 247, .28),
      inset 0 0 8px rgba(168, 85, 247, .18);
  }
  50% {
    box-shadow:
      0 0 0 1px   rgba(168, 85, 247, .55),
      0 0 20px    rgba(168, 85, 247, .80),
      0 0 36px    rgba(168, 85, 247, .45),
      inset 0 0 10px rgba(168, 85, 247, .30);
  }
}

/* ---------- Events: кликабельность в продвинутом режиме ---------- */

.event.clickable { cursor: pointer; }
.event.clickable:hover { box-shadow: 0 4px 12px rgba(0,0,0,.6); z-index: 5; }

/* ---------- Кнопка «Скопировать ссылку»: фидбек ---------- */

#evPanelCopy.copied {
  background: #059669 !important;
  box-shadow: 0 0 14px rgba(16,185,129,.55);
}