/* HEADERS */
#events h3,
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  color: #FFFFFF; /* white text for dark UI */
  font-weight: 600;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}

/* DESCRIPTIONS + DURATIONS */
#events p.duration, 
#events div.duration,
#events p.description, 
#events div.description {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #CCCCCC; /* soft gray for readability */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/* BUTTONS */
#events input.reserve_time_btn,
#events input.select_another_btn {
  background-color: #C9342A; /* brand red */
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

#events input.reserve_time_btn:hover,
#events input.select_another_btn:hover {
  background-color: #A62824; /* darker red on hover */
}

/* PRICES */
#events .event_price {
  color: #FFFFFF;
  font-weight: 500;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}