/*
  Tule Academy - Modern theme (deep navy + turquoise)
  Uses ONLY provided selectors. Higher priority via #widget_container scope + !important.
*/

#events h3 {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  color: #EAF2FF !important;
  margin: 0 0 8px 0 !important;
}

#events p.duration, #events div.duration {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(234, 242, 255, 0.78) !important;
  margin: 6px 0 !important;
}

#events p.description, #events div.description {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: rgba(234, 242, 255, 0.86) !important;
  margin: 8px 0 12px 0 !important;
}

#events .selectedEvent {
  border: 1px solid rgba(0, 229, 200, 0.45) !important;
  background: rgba(0, 229, 200, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important;
}

#events input.reserve_time_btn {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.2px !important;

  background: linear-gradient(135deg, #00E5C8, #2BA8FF) !important;
  color: #08111F !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  width: 100% !important;
  cursor: pointer !important;

  box-shadow: 0 14px 30px rgba(0, 229, 200, 0.22) !important;
  transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease !important;
}

#events input.reserve_time_btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 40px rgba(0, 229, 200, 0.28) !important;
  filter: brightness(1.02) !important;
}

#events input.select_another_btn {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;

  background: rgba(234, 242, 255, 0.10) !important;
  color: #EAF2FF !important;
  border: 1px solid rgba(234, 242, 255, 0.20) !important;
  border-radius: 14px !important;
  padding: 11px 14px !important;
  width: 100% !important;
  cursor: pointer !important;

  transition: background 140ms ease, border-color 140ms ease, transform 140ms ease !important;
}

#events input.select_another_btn:hover {
  background: rgba(234, 242, 255, 0.14) !important;
  border-color: rgba(0, 229, 200, 0.35) !important;
  transform: translateY(-1px) !important;
}

#eventForm #start_date-block-container h3, #eventForm #timeline-container h3 {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: 0.2px !important;
  color: #EAF2FF !important;
  margin: 16px 0 10px 0 !important;
}

#eventForm #save_button {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 14px !important;

  background: linear-gradient(135deg, #00E5C8, #2BA8FF) !important;
  color: #08111F !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  cursor: pointer !important;

  box-shadow: 0 14px 30px rgba(0, 229, 200, 0.22) !important;
  transition: transform 140ms ease, box-shadow 140ms ease !important;
}

#eventForm #save_button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 40px rgba(0, 229, 200, 0.28) !important;
}

div.ui-widget-content {
  background: rgba(8, 17, 31, 0.92) !important;
  border: 1px solid rgba(234, 242, 255, 0.12) !important;
  border-radius: 16px !important;
  color: #EAF2FF !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.30) !important;
}

div.ui-widget-header {
  background: linear-gradient(135deg, rgba(0, 229, 200, 0.14), rgba(43, 168, 255, 0.12)) !important;
  border: 1px solid rgba(0, 229, 200, 0.22) !important;
  border-radius: 16px 16px 0 0 !important;
  color: #EAF2FF !important;
}

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

.timeline td.not_worked_time {
  background: rgba(234, 242, 255, 0.06) !important;
  border: 1px solid rgba(234, 242, 255, 0.10) !important;
  border-radius: 12px !important;
}

.timeline td.free_time {
  background: rgba(0, 229, 200, 0.10) !important;
  border: 1px solid rgba(0, 229, 200, 0.22) !important;
  border-radius: 12px !important;
  transition: transform 120ms ease, background 120ms ease !important;
}

.timeline td.free_time:hover {
  transform: translateY(-1px) !important;
  background: rgba(0, 229, 200, 0.14) !important;
}

.timeline td.selected_time {
  background: linear-gradient(135deg, rgba(0, 229, 200, 0.38), rgba(43, 168, 255, 0.28)) !important;
  border: 1px solid rgba(0, 229, 200, 0.55) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 26px rgba(0, 229, 200, 0.16) !important;
}

.timeline td.reserved_time {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(234, 242, 255, 0.12) !important;
  border-radius: 12px !important;
  opacity: 0.55 !important;
}

div#loading {
  background: rgba(8, 17, 31, 0.86) !important;
  border: 1px solid rgba(0, 229, 200, 0.22) !important;
  color: #EAF2FF !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.30) !important;
}

div#widget_container {
  background: radial-gradient(1200px 600px at 20% 0%, rgba(0, 229, 200, 0.12), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(43, 168, 255, 0.10), transparent 55%),
              rgba(8, 17, 31, 0.96) !important;
  border: 1px solid rgba(234, 242, 255, 0.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.35) !important;
  padding: 14px !important;
}

#widget_container #widget_header {
  background: linear-gradient(135deg, rgba(0, 229, 200, 0.12), rgba(43, 168, 255, 0.10)) !important;
  border: 1px solid rgba(0, 229, 200, 0.20) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  margin-bottom: 12px !important;
}

#widget_container #widget_footer {
  background: rgba(234, 242, 255, 0.06) !important;
  border: 1px solid rgba(234, 242, 255, 0.10) !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
  margin-top: 12px !important;
  color: rgba(234, 242, 255, 0.78) !important;
}

#widget_container h1.title a {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.4px !important;
  text-decoration: none !important;
  color: #EAF2FF !important;
}

#events .event_price {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;
  color: rgba(0, 229, 200, 0.92) !important;
}

#eventForm dd.extention_data {
  background: rgba(234, 242, 255, 0.06) !important;
  border: 1px solid rgba(234, 242, 255, 0.10) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
}

dd.extention_data dl.zend_form dt, dd.extention_data dl.zend_form dd label {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: rgba(234, 242, 255, 0.86) !important;
  font-weight: 600 !important;
}