/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}


body, h1, h2, h3, h4, h5, h6, p, .button, input, label, .description {
    font-family: 'Playfair Display', serif !important;
}

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Alex+Brush&display=swap');

/* Forcer le style global */
body, h1, h2, h3, h4, h5, h6, .header, #events h3, .event_title, .sub-title, .highlight {
  font-family: 'Cinzel', serif !important;
  color: #e6dfc1 !important;
}

/* Appliquer Alex Brush uniquement sur certains titres doux */
.event_title, .highlight, .sub-title, h5, h6 {
  font-family: 'Alex Brush', cursive !important;
  font-size: 2.2em !important;
}


/* Animation d’apparition fluide */
.fade-in {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.8s ease-out forwards;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Appliquer animation sur les blocs principaux */
#contentContainer, #eventForm, #events {
  animation: fadeInUp 1s ease-out forwards;
}

/* Effet hover sur les boutons */
input.reserve_time_btn, input.select_another_btn, #eventForm #save_button {
  transition: all 0.3s ease-in-out !important;
  transform: scale(1);
}

input.reserve_time_btn:hover, input.select_another_btn:hover, #eventForm #save_button:hover {
  background-color: #896648 !important;
  color: #fff !important;
  transform: scale(1.05);
}

/* Apparition douce du calendrier */
.ui-datepicker {
  animation: fadeInUp 0.5s ease-out forwards;
}