/* Custom Colors for Calendar Events */

/* Primary color variations */
.fc-event-primary {
  background-color: #696cff !important;
  border-color: #696cff !important;
  color: white !important;
}

.fc-event-success {
  background-color: #71dd37 !important;
  border-color: #71dd37 !important;
  color: white !important;
}

.fc-event-danger {
  background-color: #ff3e1d !important;
  border-color: #ff3e1d !important;
  color: white !important;
}

.fc-event-warning {
  background-color: #ffab00 !important;
  border-color: #ffab00 !important;
  color: white !important;
}

.fc-event-info {
  background-color: #03c3ec !important;
  border-color: #03c3ec !important;
  color: white !important;
}

.fc-event-secondary {
  background-color: #8592a3 !important;
  border-color: #8592a3 !important;
  color: white !important;
}

.fc-event-dark {
  background-color: #233446 !important;
  border-color: #233446 !important;
  color: white !important;
}

.fc-event-light {
  background-color: #f8f9fa !important;
  border-color: #dee2e6 !important;
  color: #495057 !important;
}

/* Additional custom colors for better differentiation */
.fc-event-purple {
  background-color: #8b5cf6 !important;
  border-color: #8b5cf6 !important;
  color: white !important;
}

.fc-event-teal {
  background-color: #14b8a6 !important;
  border-color: #14b8a6 !important;
  color: white !important;
}

.fc-event-pink {
  background-color: #ec4899 !important;
  border-color: #ec4899 !important;
  color: white !important;
}

.fc-event-indigo {
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: white !important;
}

.fc-event-orange {
  background-color: #f97316 !important;
  border-color: #f97316 !important;
  color: white !important;
}

.fc-event-emerald {
  background-color: #10b981 !important;
  border-color: #10b981 !important;
  color: white !important;
}

.fc-event-rose {
  background-color: #f43f5e !important;
  border-color: #f43f5e !important;
  color: white !important;
}

/* cyan */
.fc-event-cyan {
  background-color: #03c3ec !important;
  border-color: #03c3ec !important;
  color: white !important;
}

.fc-event-blue {
  background-color: #03c3ec !important;
  border-color: #03c3ec !important;
  color: white !important;
}

.fc-event-yellow {
  background-color: #ffab00 !important;
  border-color: #ffab00 !important;
  color: white !important;
}

.fc-event-red {
  background-color: #ff3e1d !important;
  border-color: #ff3e1d !important;
  color: white !important;
}

/* =================== CHECKBOX COLORS FOR SIDEBAR =================== */

/* Purple checkbox - untuk Pameran */
.form-check-purple .form-check-input:checked {
  background-color: #8b5cf6 !important;
  border-color: #8b5cf6 !important;
}

.form-check-purple .form-check-input:focus {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 0.25rem rgba(139, 92, 246, 0.25) !important;
}

/* Teal checkbox - untuk Display dan Test Drive Event */
.form-check-teal .form-check-input:checked {
  background-color: #14b8a6 !important;
  border-color: #14b8a6 !important;
}

.form-check-teal .form-check-input:focus {
  border-color: #14b8a6 !important;
  box-shadow: 0 0 0 0.25rem rgba(20, 184, 166, 0.25) !important;
}

/* Pink checkbox - untuk Kanvasing dan Above The Line */
.form-check-pink .form-check-input:checked {
  background-color: #ec4899 !important;
  border-color: #ec4899 !important;
}

.form-check-pink .form-check-input:focus {
  border-color: #ec4899 !important;
  box-shadow: 0 0 0 0.25rem rgba(236, 72, 153, 0.25) !important;
}

/* Indigo checkbox - untuk Gathering */
.form-check-indigo .form-check-input:checked {
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
}

.form-check-indigo .form-check-input:focus {
  border-color: #4f46e5 !important;
  box-shadow: 0 0 0 0.25rem rgba(79, 70, 229, 0.25) !important;
}

/* Emerald checkbox - untuk Sponsorship */
.form-check-emerald .form-check-input:checked {
  background-color: #10b981 !important;
  border-color: #10b981 !important;
}

.form-check-emerald .form-check-input:focus {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.25) !important;
}

/* Rose checkbox - untuk Showroom Event */
.form-check-rose .form-check-input:checked {
  background-color: #f43f5e !important;
  border-color: #f43f5e !important;
}

.form-check-rose .form-check-input:focus {
  border-color: #f43f5e !important;
  box-shadow: 0 0 0 0.25rem rgba(244, 63, 94, 0.25) !important;
}

/* Cyan checkbox - untuk Office Event */
.form-check-cyan .form-check-input:checked {
  background-color: #06b6d4 !important;
  border-color: #06b6d4 !important;
}

.form-check-cyan .form-check-input:focus {
  border-color: #06b6d4 !important;
  box-shadow: 0 0 0 0.25rem rgba(6, 182, 212, 0.25) !important;
}

/* Blue checkbox - untuk Public Area Event */
.form-check-blue .form-check-input:checked {
  background-color: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

.form-check-blue .form-check-input:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25) !important;
}

/* Yellow checkbox - untuk Open Table */
.form-check-yellow .form-check-input:checked {
  background-color: #eab308 !important;
  border-color: #eab308 !important;
}

.form-check-yellow .form-check-input:focus {
  border-color: #eab308 !important;
  box-shadow: 0 0 0 0.25rem rgba(234, 179, 8, 0.25) !important;
}

/* Hover effects untuk semua checkbox */
.form-check-purple .form-check-input:hover,
.form-check-teal .form-check-input:hover,
.form-check-pink .form-check-input:hover,
.form-check-indigo .form-check-input:hover,
.form-check-emerald .form-check-input:hover,
.form-check-rose .form-check-input:hover,
.form-check-cyan .form-check-input:hover,
.form-check-blue .form-check-input:hover,
.form-check-yellow .form-check-input:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition: all 0.2s ease-in-out;
}

/* Label styling untuk better visibility */
.form-check-purple .form-check-label,
.form-check-teal .form-check-label,
.form-check-pink .form-check-label,
.form-check-indigo .form-check-label,
.form-check-emerald .form-check-label,
.form-check-rose .form-check-label,
.form-check-cyan .form-check-label,
.form-check-blue .form-check-label,
.form-check-yellow .form-check-label {
  cursor: pointer;
  font-weight: 500;
  margin-left: 8px;
}