.registration-step {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  border-radius: 5px;
}
  
.registration-step .content {
  display: block;
  padding: 10px;
}
  
.registration-step.collapsed .content {
  display: none !important;
}
  
.registration-step h3 {
  margin: 0;
  padding: 10px;
  background-color: #f2f2f2;
  text-align: left;
}
  
.registration-step#step3 #summary-content {
  text-align: left;
}

#summary-content p strong:last-child {
  font-size: 1.2em;
  color: #333;
}

.error-message {
  color: red;
  font-size: 0.9rem;
  text-align: left;
}

#registration-form .em-registration-form :is(button, .button, .wp-element-button, .btn, .theme-button) {
  transition: opacity .2s ease;
}

#registration-form .em-registration-form
:is(button, .button, .wp-element-button, .btn, .theme-button):disabled,
#registration-form .em-registration-form
:is(button, .button, .wp-element-button, .btn, .theme-button)[disabled],
#registration-form .em-registration-form
:is(button, .button, .wp-element-button, .btn, .theme-button)[aria-disabled="true"] {
  opacity: .45 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  filter: grayscale(100%) !important;
  box-shadow: none !important;
}

#registration-form .em-registration-form
:is(button, .button, .wp-element-button, .btn, .theme-button):disabled:hover,
#registration-form .em-registration-form
:is(button, .button, .wp-element-button, .btn, .theme-button)[aria-disabled="true"]:hover {
  opacity: .45 !important;
  filter: grayscale(100%) !important;
}

/* Example (theme CSS): make the map a viewport and clip overflow) */
#seat-map { position: relative; overflow: hidden; height: 60vh; max-height: 640px; }