/* Remove grey background overlay — make page pure white */
body {
  background: #ffffff;
  font-family: Arial, sans-serif;
}

/* Popup overlay — NO dark tint, only used for centering */
#booking-type-popup {
  position: fixed;
  top: 70px; /* below navbar */
  left: 0; right: 0; bottom: 0;

  /* PURE white background */
  background: #ffffff;

  display: flex; 
  justify-content: center; 
  align-items: flex-start;
  padding-top: 40px;

  z-index: 999;
}

/* Popup white box */
#booking-type-popup .popup-content {
  background: #ffffff;
  padding: 2rem;
  border-radius: 10px;

  /* soft shadow, same as camps page */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);

  width: 90%;
  max-width: 420px; /* same scale as other white boxes */
  text-align: center;
}

/* Title */
#booking-type-popup h2 {
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
}

/* Anchor links styled as buttons — full width, same look as old JS buttons */
#booking-type-popup .popup-btn {
  display: inline-block;
  width: 100%;
  padding: 1rem;
  margin-top: 1rem;
  font-size: 1.1rem;
  font-weight: bold;

  background-color: #3a84ff;
  color: white;
  text-decoration: none;
  border: none;
  border-radius: 6px;

  cursor: pointer;
  text-align: center;
  transition: background-color 0.2s, transform 0.1s;
}

#booking-type-popup .popup-btn:hover {
  background-color: #007bff;
  transform: scale(1.02);
}