/* Melanated Gaming HQ — booking-page visual skin */

:root {
  --hq-black: #0D0B0D;
  --hq-emerald: #00B35C;
  --hq-gold: #F2C200;
  --hq-chrome: #C0C0C0;
  --hq-cream: #F7F5EE;
  --hq-panel: #161A18;
}

html,
body {
  background: var(--hq-black) !important;
  color: var(--hq-cream) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

#events,
#eventForm,
#timeline-container,
#booking-container {
  background: var(--hq-black) !important;
  color: var(--hq-cream) !important;
}

#events h1,
#events h2,
#events h3,
#eventForm h1,
#eventForm h2,
#eventForm h3,
#timeline-container h1,
#timeline-container h2,
#timeline-container h3 {
  color: var(--hq-cream) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

#events p,
#events label,
#eventForm p,
#eventForm label,
#timeline-container p {
  color: var(--hq-chrome) !important;
}

#events .selectedEvent,
#events .event-item,
#timeline-container .time-slot,
#timeline-container .time-slot-item,
#eventForm .form-group {
  background: var(--hq-panel) !important;
  border: 1px solid rgba(242, 194, 0, 0.4) !important;
  border-radius: 8px !important;
  color: var(--hq-cream) !important;
}

#events input.reserve_time_btn,
#events input.select_another_btn,
#eventForm input[type="submit"],
#eventForm button[type="submit"],
#timeline-container button,
#timeline-container input[type="button"] {
  background: var(--hq-emerald) !important;
  border: 1px solid var(--hq-emerald) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: var(--hq-black) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

#events input.reserve_time_btn:hover,
#events input.select_another_btn:hover,
#eventForm input[type="submit"]:hover,
#eventForm button[type="submit"]:hover,
#timeline-container button:hover,
#timeline-container input[type="button"]:hover {
  background: var(--hq-gold) !important;
  border-color: var(--hq-gold) !important;
  color: var(--hq-black) !important;
}

#eventForm input[type="text"],
#eventForm input[type="email"],
#eventForm input[type="tel"],
#eventForm textarea,
#eventForm select,
#timeline-container select {
  background: var(--hq-cream) !important;
  border: 1px solid rgba(242, 194, 0, 0.75) !important;
  border-radius: 6px !important;
  color: var(--hq-black) !important;
}

#events a,
#eventForm a,
#timeline-container a {
  color: var(--hq-emerald) !important;
}

/* HQ override: remove the bright template background */
html,
body,
#events,
#eventForm,
#timeline-container,
#booking-container,
#booking_page,
#sb_booking_content,
#sbw-plugin,
.sbw-plugin {
  background-color: #0D0B0D !important;
  background-image: none !important;
  color: #F7F5EE !important;
}

body::before,
body::after,
#events::before,
#events::after,
#booking-container::before,
#booking-container::after,
#booking_page::before,
#booking_page::after {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

/* Dark, structured information areas */
#events .contact,
#events .contact-info,
#events .company-data,
#events .company_info,
#events .working-hours,
#events .side-panel {
  background: #161A18 !important;
  border: 1px solid rgba(242, 194, 0, 0.38) !important;
  color: #F7F5EE !important;
}

/* HQ call-to-action */
#events input.reserve_time_btn,
#events .reserve_time_btn,
#events input[type="submit"],
#events button {
  background: #00B35C !important;
  border-color: #00B35C !important;
  color: #0D0B0D !important;
}

#events input.reserve_time_btn:hover,
#events .reserve_time_btn:hover,
#events input[type="submit"]:hover,
#events button:hover {
  background: #F2C200 !important;
  border-color: #F2C200 !important;
}