/*
	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 */
}


/* Minimal theme — make it feel date-only but keep one clickable slot */
.sb_time_slots_title { 
  display: none !important;  /* hide "Select a time" heading */
}

/* Hide all time slots by default… */
.sb_time_slots_wrapper *[role="button"],
.sb_time_slots_wrapper .sb_time_slot,
.sb_time_slots_wrapper .sb_time,
.sb_time_slots_wrapper .slot {
  display: none !important;
}

/* …but show just the first slot so users can proceed */
.sb_time_slots_wrapper *[role="button"]:first-child,
.sb_time_slots_wrapper .sb_time_slot:first-child,
.sb_time_slots_wrapper .sb_time:first-child,
.sb_time_slots_wrapper .slot:first-child {
  display: inline-flex !important;
}

/* Optional: change the visible slot’s label to "Book this date" */
.sb_time_slots_wrapper :is(.sb_time_slot:first-child,.sb_time:first-child,.slot:first-child) {
  position: relative;
}
.sb_time_slots_wrapper :is(.sb_time_slot:first-child,.sb_time:first-child,.slot:first-child) * {
  font-size: 0 !important; /* hide original time text */
}
.sb_time_slots_wrapper :is(.sb_time_slot:first-child,.sb_time:first-child,.slot:first-child)::after {
  content: "Book this date";
  font-size: 14px !important;
  line-height: 1.2;
}