/* Presentation-only overrides for the official Jotform Classic export.
   Preserve field names, native validation, security scripts and vendor footer. */
html.supernova, html.supernova body {
  background: #f4f1e9 !important; color: #090909;
  min-height: 0 !important; height: auto !important;
  margin: 0 !important; padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
*, *::before, *::after { box-sizing: border-box; }
.supernova .form-all {
  width: 100% !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important;
  border-radius: 0 !important; box-shadow: none !important;
  background: transparent !important; color: #090909 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
/* The surrounding release-path page already supplies this title and logo. */
#formCoverLogo, #cid_1 { display: none !important; }
.form-section.page-section {
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 26px 20px; margin: 0 !important; padding: 0 !important;
}
.form-section > .form-line {
  grid-column: 1 / -1; width: 100% !important; min-width: 0 !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important;
  border-radius: 0 !important; background: transparent !important;
}
#id_2, #id_3, #id_4, #id_5 { grid-column: auto; }
.form-label.form-label-top {
  display: block; width: 100% !important; margin: 0 0 10px !important;
  padding: 0 !important; font-size: 12px !important; font-weight: 750 !important;
  line-height: 1.5; letter-spacing: .045em; text-transform: uppercase;
  color: #090909 !important;
}
.form-required { color: #785d29; }
.form-input-wide, .form-sub-label-container {
  width: 100% !important; max-width: 100% !important; min-width: 0 !important;
}
.form-textbox, .form-textarea {
  width: 100% !important; max-width: 100% !important; min-height: 54px;
  height: auto; margin: 0 !important; padding: 15px !important;
  border: 1px solid rgb(9 9 9 / 34%) !important; border-radius: 0 !important;
  box-shadow: none !important; background: transparent !important;
  color: #090909 !important; font: 16px/1.4 Arial, Helvetica, sans-serif !important;
}
.form-textarea { min-height: 150px; resize: vertical; }
.form-textbox:focus, .form-textarea:focus {
  outline: 2px solid #d7ae5f !important; outline-offset: 2px;
}
.form-sub-label, .music-link-note {
  font: 12px/1.6 Arial, Helvetica, sans-serif !important; color: #625e56 !important;
}
.music-link-note { margin: 8px 0 0; }
#id_7 .form-single-column, #id_8 .form-single-column {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px;
}
.form-radio-item, .form-checkbox-item {
  display: flex !important; align-items: flex-start; gap: 10px;
  width: 100% !important; min-width: 0; margin: 0 !important;
  padding: 0 !important; line-height: 1.5;
}
.form-radio-item { padding: 12px !important; border: 1px solid rgb(9 9 9 / 25%); }
.form-radio-item:has(input:checked) { border-color: #090909; background: #e9e2d4; }
.dragger-item { display: none !important; }
.form-radio, .form-checkbox {
  position: static !important; appearance: auto !important;
  opacity: 1 !important; clip: auto !important;
  flex: 0 0 17px; width: 17px !important; height: 17px !important;
  margin: 2px 0 0 !important; accent-color: #090909; cursor: pointer;
}
.form-radio + label, .form-checkbox + label {
  display: block !important; min-width: 0; margin: 0 !important; padding: 0 !important;
  color: #38352f !important; font: 13px/1.5 Arial, Helvetica, sans-serif !important;
  cursor: pointer;
}
.form-radio + label::before, .form-radio + label::after,
.form-checkbox + label::before, .form-checkbox + label::after { display: none !important; }
/* Consent text remains beside each checkbox; avoid its duplicate heading. */
#label_10, #label_11 { display: none !important; }
.form-buttons-wrapper { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.form-submit-button {
  display: block !important; width: 100% !important; min-height: 62px !important;
  margin: 0 !important; padding: 20px !important;
  border: 1px solid #090909 !important; border-radius: 0 !important;
  background: #090909 !important; color: #f4f1e9 !important;
  font: 800 13px/1.4 Arial, Helvetica, sans-serif !important;
  letter-spacing: .09em; text-transform: uppercase;
}
.form-submit-button:hover, .form-submit-button:focus-visible {
  background: #d7ae5f !important; color: #090909 !important;
}
.form-submit-button:focus-visible { outline: 2px solid #090909; outline-offset: 3px; }
.form-error-message { position: static !important; max-width: 100%; }
.form-error-message img { display: none; }
.privacy-note {
  grid-column: 1 / -1; margin: -14px 0 0 27px;
  color: #625e56; font: 12px/1.5 Arial, Helvetica, sans-serif;
}
.privacy-note a { color: inherit; text-underline-offset: 3px; }
@media (max-width: 470px) {
  #id_2, #id_3, #id_4, #id_5 { grid-column: 1 / -1; }
}
@media (max-width: 330px) {
  #id_7 .form-single-column, #id_8 .form-single-column { grid-template-columns: 1fr; }
}
