/*
  EZ Golf Academy — SimplyBook Widget CSS (Elite)
  Navy #0E2A47 | Gold #FFC72C | Gold Dark #E6B325 | Ink #0B1F3A
  Note: Filled using SimplyBook's provided hook selectors.
*/

#events h3 {
  color: #0B1F3A !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 6px 0 !important;
}

#events p.duration,
#events div.duration {
  color: rgba(11, 31, 58, 0.55) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
  margin: 0 0 6px 0 !important;
}

#events p.description,
#events div.description {
  color: rgba(11, 31, 58, 0.82) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin-top: 4px !important;
}

#events .selectedEvent {
  background: #ffffff !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 199, 44, 0.60) !important;
  box-shadow: 0 18px 44px rgba(11, 31, 58, 0.14) !important;
  padding: 18px 20px !important;
}

#events input.reserve_time_btn {
  background: linear-gradient(135deg, #FFC72C 0%, #E6B325 100%) !important;
  border: 1px solid rgba(255, 199, 44, 0.55) !important;
  color: #0B1F3A !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  padding: 11px 28px !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(11, 31, 58, 0.16) !important;
  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease !important;
}

#events input.reserve_time_btn:hover {
  transform: translateY(-1px) !important;
  filter: brightness(0.99) !important;
  box-shadow: 0 14px 28px rgba(11, 31, 58, 0.20) !important;
}

#events input.select_another_btn {
  background: #ffffff !important;
  border: 1.5px solid rgba(14, 42, 71, 0.45) !important;
  color: #0E2A47 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  padding: 9px 22px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  transition: background .14s ease, transform .14s ease !important;
}

#events input.select_another_btn:hover {
  background: rgba(14, 42, 71, 0.08) !important;
  transform: translateY(-1px) !important;
}

#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
  color: #0B1F3A !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  margin: 16px 0 10px !important;
  border-bottom: 2px solid rgba(255, 199, 44, 0.35) !important;
  padding-bottom: 6px !important;
}

#eventForm #save_button {
  background: linear-gradient(135deg, #FFC72C 0%, #E6B325 100%) !important;
  border: 1px solid rgba(255, 199, 44, 0.55) !important;
  color: #0B1F3A !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  padding: 11px 28px !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(11, 31, 58, 0.16) !important;
  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease !important;
}

#eventForm #save_button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(0.99) !important;
  box-shadow: 0 14px 28px rgba(11, 31, 58, 0.20) !important;
}

div.ui-widget-content {
  background: #ffffff !important;
  border: 1px solid rgba(11, 31, 58, 0.10) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(11, 31, 58, 0.10) !important;
}

div.ui-widget-header {
  background: #0E2A47 !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 14px 14px 0 0 !important;
}

#timeline-container table.timeline {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 6px !important;
  font-size: 13px !important;
}

.timeline td.not_worked_time {
  background: rgba(11, 31, 58, 0.05) !important;
  color: rgba(11, 31, 58, 0.35) !important;
  border-radius: 10px !important;
}

.timeline td.free_time {
  background: rgba(255, 199, 44, 0.16) !important;
  border: 1px solid rgba(14, 42, 71, 0.22) !important;
  color: #0B1F3A !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: transform .12s ease, background .12s ease !important;
}

.timeline td.free_time:hover {
  background: rgba(255, 199, 44, 0.26) !important;
  transform: translateY(-1px) !important;
}

.timeline td.selected_time {
  background: #FFC72C !important;
  color: #0B1F3A !important;
  border: 1.5px solid rgba(14, 42, 71, 0.45) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 18px rgba(11, 31, 58, 0.14) !important;
}

.timeline td.reserved_time {
  background: rgba(11, 31, 58, 0.20) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

div#loading {
  background: rgba(11, 31, 58, 0.55) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* NOTE: SimplyBook's last selector has missing # in two places in your template.
   We'll keep it functional by targeting the correct IDs explicitly. */
#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
  color: #0B1F3A !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}