/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* ============================================================
   HONGLY LASHES — Holiday Notice Bar
   Uses exact SimplyBook v2 selectors from page inspector
   ============================================================ */

/* Remove any old attempts */
body::before,
#events::before,
#eventForm::before {
  display: none !important;
}

/* Inject at the top of #main-content (just below the hero) */
#main-content::before {
  content: "🐰  Open Easter & All Public Holidays  ·  Fri 3 Apr Good Friday ·  Sat 4 Apr Easter  ·  Sun 5 Apr Easter Sunday  ·  Mon 6 Apr Easter Monday  ·  🥚 $15 surcharge added at final payment";
  display: block !important;
  background: linear-gradient(135deg, #fff0f4 0%, #fce8ef 100%) !important;
  border: 1.5px solid rgba(192, 57, 92, 0.22) !important;
  border-radius: 14px !important;
  padding: 12px 18px !important;
  margin: 14px 14px 14px 14px !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8b1a38 !important;
  line-height: 1.6 !important;
  box-shadow: 0 4px 18px rgba(192, 57, 92, 0.1) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* ============================================================
   YOUR EXISTING STYLES BELOW — unchanged
   ============================================================ */

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