.btn-locked { opacity: .5 !important; pointer-events: none !important; }


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.flatpickr-calendar { position: relative; } 
.flatpickr-calendar.cbf-cal-loading .flatpickr-days { visibility: hidden; }
.flatpickr-calendar.cbf-cal-loading { pointer-events: none; }
.flatpickr-calendar.cbf-cal-loading::before {
  content: "";
  position: absolute; inset: 0;
  background: rgba(255,255,255,.75);
}
.flatpickr-calendar.cbf-cal-loading::after {
  content: "";
  position: absolute; top: 50%; left: 50%;
  width: 28px; height: 28px; margin: -14px 0 0 -14px;
  border-radius: 50%;
  border: 3px solid #e5e7eb;
  border-top-color: var(--cbf-brand, #22c55e); 
  animation: cbf-spin 1s linear infinite;
}

@keyframes cbf-spin { to { transform: rotate(360deg); } }


#date-picker + .flatpickr-calendar { 
    margin-top: 10px;
  }
  
  #booking-container .flatpickr-calendar { 
    margin-bottom: 8px;
  }
  

#save-date + #cancel-edit-date,
#save-note + #cancel-note,
#save-charity + #cancel-charity {
  margin-left: 14px;
}