.elementor-24 .elementor-element.elementor-element-190f7b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-73a4cc1 *//**
 * StingTune — Gravity Forms (Form #1) — Premium UI
 * Add via: Appearance → Customize → Additional CSS
 *   or enqueue in child theme: wp_enqueue_style( 'stingtune-gform', ... );
 */

/* ─── Design tokens (override GF orbital theme) ─── */
#gform_wrapper_1[data-form-index="0"].gform-theme,
#gform_wrapper_1[data-form-theme="orbital"].gform-theme--orbital,
body #gform_wrapper_1.gform-theme.gform-theme--foundation.gform-theme--framework.gform-theme--orbital,
[data-parent-form="1_0"] {
  --st-accent: #5b21b6;
  --st-accent-bright: #7c3aed;
  --st-accent-rgb: 91, 33, 182;
  --st-accent-soft: rgba(91, 33, 182, 0.14);
  --st-accent-glow: rgba(91, 33, 182, 0.45);
  --st-ink: #0a0a0b;
  --st-surface: #ffffff;
  --st-surface-raised: #ffffff;
  --st-surface-input: #f4f4f5;
  --st-border: #d4d4d8;
  --st-border-bold: #18181b;
  --st-border-focus: #5b21b6;
  --st-text: #0a0a0b;
  --st-text-muted: #52525b;
  --st-radius: 10px;
  --st-radius-sm: 6px;
  --st-shadow: 0 4px 0 #0a0a0b;
  --st-font: "Inter", system-ui, -apple-system, sans-serif;

  --gf-color-primary: #5b21b6 !important;
  --gf-color-primary-rgb: 91, 33, 182 !important;
  --gf-color-primary-contrast: #fff !important;
  --gf-color-in-ctrl-primary: #5b21b6 !important;
  --gf-color-in-ctrl: var(--st-surface-input) !important;
  --gf-color-in-ctrl-contrast: var(--st-text) !important;
  --gf-color-out-ctrl-light: var(--st-border) !important;
  --gf-ctrl-border-color: var(--st-border) !important;
  --gf-radius: var(--st-radius-sm) !important;
  --gf-ctrl-label-color-primary: var(--st-text) !important;
  --gf-ctrl-label-color-secondary: var(--st-text-muted) !important;

  --st-form-max: 920px;
  --gf-form-width: var(--st-form-max);
  --gf-form-gap-x: 1.5rem;
  --gf-form-gap-y: 1.25rem;

  font-family: var(--st-font);
  color: var(--st-text);
}

/* ─── Wrapper — centered, readable max width (fields stay 100% inside) ─── */
.gfdf-form_wrapper,
#gform_wrapper_1 {
  width: 100% !important;
  max-width: var(--st-form-max, 920px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.25rem, 3vw, 2rem) clamp(1rem, 3vw, 1.5rem);
  background: #ffffff !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

#gform_wrapper_1 form#gform_1 {
  width: 100%;
  max-width: 100%;
}

#gform_wrapper_1 .gform_heading {
  margin-bottom: 1.5rem;
}

#gform_wrapper_1 .gform_description {
  color: var(--st-text-muted);
  font-size: 0.95rem;
  line-height: 1.6;
}

/* ─── Progress bar ─── */
#gform_wrapper_1 .gf_progressbar_wrapper {
  margin-bottom: 2rem;
  padding: 1.25rem 1.5rem;
  background: var(--st-ink);
  border-radius: var(--st-radius);
  border: 2px solid var(--st-ink);
  box-shadow: var(--st-shadow);
}

#gform_wrapper_1 .gf_progressbar_title {
  margin: 0 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #a1a1aa;
}

#gform_wrapper_1 .gf_step_current_page,
#gform_wrapper_1 .gf_step_page_count {
  color: #ffffff;
  font-weight: 800;
}

#gform_wrapper_1 .gf_progressbar {
  height: 10px;
  background: #27272a;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid #3f3f46;
}

#gform_wrapper_1 .gf_progressbar_percentage {
  height: 100%;
  background: linear-gradient(90deg, var(--st-accent-bright), #c4b5fd);
  border-radius: 999px;
  box-shadow: 0 0 16px var(--st-accent-glow);
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

#gform_wrapper_1 .gf_progressbar_percentage span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* ─── Full-width form structure (override GF 12-col grid) ─── */
#gform_wrapper_1 .gform-body,
#gform_wrapper_1 .gform_page,
#gform_wrapper_1 .gform_page_fields,
#gform_wrapper_1 .gform_fields,
#gform_wrapper_1 .gfield,
#gform_wrapper_1 .ginput_container,
#gform_wrapper_1 .ginput_container_fileupload,
#gform_wrapper_1 .gpnf-nested-entries-container {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

#gform_wrapper_1 .gform_fields {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 1.5rem !important;
  row-gap: 1.25rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Reset Gravity Forms orbital column spans */
#gform_wrapper_1 .gfield {
  margin: 0 !important;
  padding: 0 !important;
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}

#gform_wrapper_1 .gfield--width-half {
  grid-column: 1 / -1 !important;
}

@media (min-width: 640px) {
  #gform_wrapper_1 .gform_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #gform_wrapper_1 .gfield--width-half {
    grid-column: span 1 !important;
  }

  #gform_wrapper_1 .gfield--width-full,
  #gform_wrapper_1 .gfield--type-fileupload,
  #gform_wrapper_1 .gfield--type-form,
  #gform_wrapper_1 .gfield--choice-align-horizontal {
    grid-column: 1 / -1 !important;
  }
}

@media (min-width: 1024px) {
  #gform_wrapper_1 .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 2rem !important;
  }
}

/* Cap at 3 columns — form box is already narrow */
@media (min-width: 1200px) {
  #gform_wrapper_1 .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

#gform_wrapper_1 .gfield_label,
#gform_wrapper_1 legend.gfield_label {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--st-ink) !important;
  margin-bottom: 0.5rem;
}

#gform_wrapper_1 .gfield_required_text {
  color: #f87171;
  font-weight: 500;
  font-size: 0.75rem;
}

#gform_wrapper_1 .gfield_description,
#gform_wrapper_1 .gform_fileupload_rules {
  font-size: 0.75rem;
  color: var(--st-text-muted) !important;
  margin-top: 0.35rem;
}

/* ─── Text inputs (not select — keep native dropdown working) ─── */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 input[type="url"],
#gform_wrapper_1 input[type="number"],
#gform_wrapper_1 textarea {
  width: 100%;
  padding: 0.85rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--st-text) !important;
  background-color: #ffffff !important;
  border: 2px solid var(--st-border-bold) !important;
  border-radius: var(--st-radius-sm) !important;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-shadow: 2px 2px 0 var(--st-border) !important;
}

#gform_wrapper_1 input:focus,
#gform_wrapper_1 textarea:focus {
  outline: none !important;
  border-color: var(--st-border-focus) !important;
  box-shadow: 2px 2px 0 var(--st-accent-soft), 0 0 0 3px var(--st-accent-soft) !important;
}

/* ─── Selects — native behavior, no appearance:none ─── */
#gform_wrapper_1 .ginput_container_select {
  position: relative !important;
  overflow: visible !important;
  z-index: 1;
}

#gform_wrapper_1 .ginput_container_select::before,
#gform_wrapper_1 .ginput_container_select::after {
  pointer-events: none !important;
}

#gform_wrapper_1 select,
#gform_wrapper_1 select.large,
#gform_wrapper_1 .gfield_select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 50px !important;
  padding: 0.85rem 2.5rem 0.85rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--st-ink) !important;
  background-color: #ffffff !important;
  border: 2px solid var(--st-border-bold) !important;
  border-radius: var(--st-radius-sm) !important;
  box-shadow: 2px 2px 0 var(--st-border) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
}

#gform_wrapper_1 select:focus,
#gform_wrapper_1 select.large:focus {
  outline: none !important;
  border-color: var(--st-border-focus) !important;
  box-shadow: 2px 2px 0 var(--st-accent-soft), 0 0 0 3px var(--st-accent-soft) !important;
}

#gform_wrapper_1 select option {
  color: var(--st-ink);
  background: #ffffff;
  font-weight: 600;
}

/* GF ".large" class caps input width — remove it */
#gform_wrapper_1 .large,
#gform_wrapper_1 input.large,
#gform_wrapper_1 select.large,
#gform_wrapper_1 textarea.large {
  width: 100% !important;
  max-width: 100% !important;
  inline-size: 100% !important;
}

#gform_wrapper_1 .ginput_container_date {
  position: relative;
}

#gform_wrapper_1 .ginput_container_date input.datepicker {
  padding-right: 2.75rem !important;
  font-weight: 600 !important;
  border: 2px solid var(--st-border-bold) !important;
  box-shadow: 2px 2px 0 var(--st-border) !important;
  min-height: 50px;
}

#gform_wrapper_1 .ui-datepicker-trigger {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.55;
  cursor: pointer;
  transition: opacity 0.2s;
}

#gform_wrapper_1 .ui-datepicker-trigger:hover {
  opacity: 1;
}

/* ─── Radio — segmented control (clickable + visible active state) ─── */
#gform_wrapper_1 .ginput_container_radio {
  width: 100%;
  max-width: 100%;
}

#gform_wrapper_1 .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  gap: 6px !important;
  padding: 5px !important;
  background: var(--st-ink) !important;
  border: 2px solid var(--st-ink) !important;
  border-radius: var(--st-radius) !important;
  box-shadow: var(--st-shadow) !important;
  width: 100% !important;
  max-width: 100%;
  margin: 0 !important;
  list-style: none;
}

#gform_wrapper_1 .gchoice {
  position: relative !important;
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: calc(var(--st-radius) - 2px);
  overflow: visible;
  isolation: isolate;
  background: transparent !important;
}

#gform_wrapper_1 .gfield-choice-input {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  z-index: 3 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  touch-action: manipulation;
}

#gform_wrapper_1 .gfield-choice-input::before,
#gform_wrapper_1 .gfield-choice-input::after,
#gform_wrapper_1 .gchoice label::before,
#gform_wrapper_1 .gchoice label::after,
body #gform_wrapper_1 .gfield-choice-input::before,
body #gform_wrapper_1 .gfield-choice-input::after,
body #gform_wrapper_1 .gchoice label::before,
body #gform_wrapper_1 .gchoice label::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

#gform_wrapper_1 .gchoice label,
#gform_wrapper_1 .gchoice label.gform-field-label,
body #gform_wrapper_1 .gchoice label.gform-field-label--type-inline {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 0.55rem 0.75rem !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  text-align: center;
  color: #e4e4e7 !important;
  -webkit-text-fill-color: #e4e4e7 !important;
  background: transparent !important;
  border: none !important;
  border-radius: calc(var(--st-radius) - 4px) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  pointer-events: none !important;
  margin: 0 !important;
  transition: color 0.15s, background 0.15s;
}

#gform_wrapper_1 .gchoice:not(:has(.gfield-choice-input:checked)) label {
  color: #e4e4e7 !important;
  -webkit-text-fill-color: #e4e4e7 !important;
  background: transparent !important;
}

#gform_wrapper_1 .gchoice:has(.gfield-choice-input:checked),
body #gform_wrapper_1.gform-theme--framework .gchoice:has(.gfield-choice-input:checked),
body #gform_wrapper_1.gform-theme--orbital .gchoice:has(.gfield-choice-input:checked) {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 2px var(--st-accent-bright) !important;
}

#gform_wrapper_1 .gchoice:has(.gfield-choice-input:checked) label,
#gform_wrapper_1 .gfield-choice-input:checked + label,
body #gform_wrapper_1 .gfield-choice-input:checked + label.gform-field-label,
body #gform_wrapper_1.gform-theme--framework .gfield-choice-input:checked + label {
  color: var(--st-ink) !important;
  background: #ffffff !important;
  -webkit-text-fill-color: var(--st-ink) !important;
}

#gform_wrapper_1 .gchoice:has(.gfield-choice-input:focus-visible) label {
  outline: 3px solid var(--st-accent-bright);
  outline-offset: 2px;
}

/* Hide duplicate Format fields (21, 27, 28) — keep field 21 only */
#gform_wrapper_1 #field_1_27,
#gform_wrapper_1 #field_1_28 {
  display: none !important;
}

/* ─── File upload — single box; preview lives inside ─── */
#gform_wrapper_1 .ginput_container_fileupload,
#gform_wrapper_1 .gform_fileupload_multifile {
  width: 100%;
}

/* Parent shell when preview renders as sibling of .gpfup */
#gform_wrapper_1 .gform_fileupload_multifile,
#gform_wrapper_1 [id^="gform_multifile_upload_"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  background: #fafafa;
  border: 3px dashed var(--st-ink);
  border-radius: var(--st-radius);
  box-shadow: var(--st-shadow);
  overflow: hidden;
}

#gform_wrapper_1 .gform_fileupload_multifile > #gform_preview_1_7,
#gform_wrapper_1 [id^="gform_multifile_upload_"] > ul[id^="gform_preview"] {
  order: 1;
  flex-shrink: 0;
}

#gform_wrapper_1 .gform_fileupload_multifile > .gpfup,
#gform_wrapper_1 [id^="gform_multifile_upload_"] > .gpfup {
  order: 2;
}

#gform_wrapper_1 .gpfup {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 200px;
  padding: 0 !important;
  background: transparent;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden;
  transition: background 0.25s;
}

#gform_wrapper_1 .gform_fileupload_multifile:hover,
#gform_wrapper_1 [id^="gform_multifile_upload_"]:hover,
#gform_wrapper_1 .gpfup.gpfup--drag-over {
  border-color: var(--st-accent);
  background: var(--st-accent-soft);
}

/* File preview list — inside the bordered box (top) */
#gform_wrapper_1 #gform_preview_1_7,
#gform_wrapper_1 .gpfup__files,
#gform_wrapper_1 .gpfup .gpfup__file-list,
#gform_wrapper_1 .ginput_container_fileupload > ul[id^="gform_preview"] {
  order: 1;
  width: 100% !important;
  margin: 0 !important;
  padding: 1rem 1rem 0 !important;
  list-style: none !important;
  box-sizing: border-box;
}

#gform_wrapper_1 .gpfup__file,
#gform_wrapper_1 #gform_preview_1_7 li,
#gform_wrapper_1 .ginput_container_fileupload .gpfup__file {
  display: flex !important;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  background: #ffffff !important;
  border: 1px solid var(--st-border) !important;
  border-radius: var(--st-radius-sm) !important;
}

#gform_wrapper_1 .gpfup__file img,
#gform_wrapper_1 #gform_preview_1_7 img {
  max-width: 80px;
  max-height: 80px;
  object-fit: cover;
  border-radius: 6px;
}

/* Drop prompt — bottom of same box (or full box when empty) */
#gform_wrapper_1 .gpfup__droparea {
  order: 2;
  flex: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  margin: 0 !important;
  padding: 1.5rem !important;
  background: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 8px,
      rgba(124, 58, 237, 0.03) 8px,
      rgba(124, 58, 237, 0.03) 16px
    ),
    transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-top: 1px solid var(--st-border);
}

#gform_wrapper_1 .gpfup:not(.gpfup--has-files) .gpfup__droparea {
  border-top: none;
  min-height: 200px;
}

#gform_wrapper_1 .gpfup--has-files .gpfup__droparea {
  min-height: 72px;
  padding: 0.75rem 1rem !important;
}

#gform_wrapper_1 .gpfup__droparea > div {
  text-align: center;
}

#gform_wrapper_1 .gpfup__droparea span {
  color: var(--st-text-muted);
  font-size: 0.9rem;
}

#gform_wrapper_1 .gpfup__select-files {
  background: transparent !important;
  border: none !important;
  color: var(--st-ink) !important;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: 0 !important;
  cursor: pointer;
  box-shadow: none !important;
}

#gform_wrapper_1 .gpfup__select-files:hover {
  color: #6d28d9 !important;
}

/* ─── Page 2: Nested tracks table ─── */
#gform_wrapper_1 .gpnf-nested-entries-container {
  background: #fafafa;
  border: 2px solid var(--st-ink);
  border-radius: var(--st-radius);
  box-shadow: var(--st-shadow);
  overflow: hidden;
}

#gform_wrapper_1 .gpnf-nested-entries {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

#gform_wrapper_1 .gpnf-nested-entries thead {
  background: var(--st-ink);
}

#gform_wrapper_1 .gpnf-nested-entries th {
  padding: 0.875rem 1rem;
  text-align: left;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  border-bottom: none;
}

#gform_wrapper_1 .gpnf-nested-entries td {
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--st-border);
  color: var(--st-text);
}

#gform_wrapper_1 .gpnf-no-entries td {
  text-align: center;
  padding: 2.5rem 1rem;
  color: var(--st-text-muted);
  font-style: italic;
}

#gform_wrapper_1 .gpnf-add-entry {
  margin: 1rem;
  padding: 0.75rem 1.5rem !important;
  font-size: 0.8rem !important;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--st-ink) !important;
  background: #ffffff !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 3px 3px 0 var(--st-accent-bright) !important;
  border-radius: var(--st-radius-sm) !important;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}

#gform_wrapper_1 .gpnf-add-entry:hover:not(:disabled) {
  background: rgba(124, 58, 237, 0.22) !important;
  transform: translateY(-1px);
}

#gform_wrapper_1 .gpnf-add-entry-max {
  margin: 0 1rem 1rem;
  font-size: 0.8rem;
  color: #fbbf24;
}

/* ─── Footer buttons ─── */
#gform_wrapper_1 .gform_page_footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--st-border);
}

#gform_wrapper_1 .gform_next_button,
#gform_wrapper_1 .gform_button,
#gform_wrapper_1 .gform_previous_button {
  padding: 1rem 2rem !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: var(--st-radius-sm) !important;
  cursor: pointer;
  transition: transform 0.12s, box-shadow 0.12s;
}

#gform_wrapper_1 .gform_next_button,
#gform_wrapper_1 .gform_button {
  background: var(--st-ink) !important;
  color: #fff !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 4px 4px 0 var(--st-accent-bright) !important;
}

#gform_wrapper_1 .gform_next_button:hover,
#gform_wrapper_1 .gform_button:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--st-accent-bright) !important;
}

#gform_wrapper_1 .gform_previous_button {
  background: #ffffff !important;
  color: var(--st-ink) !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 3px 3px 0 var(--st-border) !important;
}

#gform_wrapper_1 .gform_previous_button:hover {
  color: var(--st-text) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  background: #f4f4f5 !important;
}

/* ─── Validation ─── */
#gform_wrapper_1 .gfield_error input,
#gform_wrapper_1 .gfield_error select,
#gform_wrapper_1 .gfield_error textarea {
  border-color: #f87171 !important;
}

#gform_wrapper_1 .validation_message {
  color: #fca5a5 !important;
  font-size: 0.8rem;
  margin-top: 0.35rem;
}

#gform_wrapper_1 .gform_validation_errors {
  background: rgba(248, 113, 113, 0.1);
  border: 1px solid rgba(248, 113, 113, 0.3);
  border-radius: var(--st-radius-sm);
  padding: 1rem;
  margin-bottom: 1.5rem;
}

/* ─── jQuery UI datepicker popup (global) ─── */
.ui-datepicker {
  background: #ffffff !important;
  border: 1px solid var(--st-border, rgba(0, 0, 0, 0.1)) !important;
  border-radius: var(--st-radius-sm, 8px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
  padding: 0.5rem !important;
  font-family: var(--st-font, system-ui, sans-serif) !important;
}

.ui-datepicker .ui-datepicker-header {
  background: transparent !important;
  border: none !important;
  color: var(--st-text, #18181b) !important;
}

.ui-datepicker td a {
  color: var(--st-text-muted, #71717a) !important;
  border-radius: 6px !important;
}

.ui-datepicker td a.ui-state-active,
.ui-datepicker td a:hover {
  background: var(--st-accent, #7c3aed) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ─── Responsive / mobile ─── */
@media (max-width: 767px) {
  #gform_wrapper_1 {
    padding: 0.85rem 0.65rem;
    max-width: 100% !important;
  }

  #gform_wrapper_1 .gform_fields,
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 1rem !important;
  }

  #gform_wrapper_1 .gfield--width-half {
    grid-column: 1 / -1 !important;
  }

  #gform_wrapper_1 input[type="text"],
  #gform_wrapper_1 input[type="email"],
  #gform_wrapper_1 input[type="tel"],
  #gform_wrapper_1 input[type="url"],
  #gform_wrapper_1 input[type="number"],
  #gform_wrapper_1 textarea,
  #gform_wrapper_1 select,
  #gform_wrapper_1 select.large {
    min-height: 44px;
    padding: 0.65rem 0.85rem !important;
    font-size: 16px !important;
  }

  #gform_wrapper_1 .gfield_radio {
    flex-direction: row !important;
    max-width: 100%;
    gap: 5px !important;
    padding: 4px !important;
  }

  #gform_wrapper_1 .gchoice {
    min-height: 42px;
  }

  #gform_wrapper_1 .gchoice label {
    min-height: 42px;
    padding: 0.5rem 0.5rem !important;
    font-size: 0.75rem !important;
  }

  #gform_wrapper_1 .gpfup {
    min-height: 160px;
  }

  #gform_wrapper_1 .gpfup__droparea {
    min-height: 110px;
    padding: 1rem !important;
  }

  #gform_wrapper_1 .gf_progressbar_wrapper {
    padding: 1rem;
  }

  #gform_wrapper_1 .gform_page_footer {
    flex-direction: column;
  }

  #gform_wrapper_1 .gform_next_button,
  #gform_wrapper_1 .gform_button,
  #gform_wrapper_1 .gform_previous_button {
    width: 100%;
  }

  #gform_wrapper_1 .gpnf-add-entry {
    width: calc(100% - 1.5rem);
    display: block;
    text-align: center;
    box-sizing: border-box;
  }
}

/* Override Gravity Forms orbital 12-column grid (fields stuck left) */
body #gform_wrapper_1.gform-theme--framework .gform_fields,
body #gform_wrapper_1.gform-theme--framework .gform_fields.top_label {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body #gform_wrapper_1.gform-theme--framework .gfield {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

body #gform_wrapper_1.gform-theme--framework .gfield--width-full,
body #gform_wrapper_1.gform-theme--framework .gfield--type-fileupload,
body #gform_wrapper_1.gform-theme--framework .gfield--type-form,
body #gform_wrapper_1.gform-theme--framework .gfield--choice-align-horizontal,
body #gform_wrapper_1.gform-theme--framework fieldset.gfield {
  grid-column: 1 / -1 !important;
}

@media (min-width: 640px) {
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body #gform_wrapper_1.gform-theme--framework .gfield--width-half {
    grid-column: span 1 !important;
  }
}

@media (min-width: 1024px) {
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1200px) {
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ─── GF theme overrides (select + radio must stay clickable/visible) ─── */
body #gform_wrapper_1.gform-theme--framework select,
body #gform_wrapper_1.gform-theme--framework select.large {
  pointer-events: auto !important;
  appearance: menulist !important;
  -webkit-appearance: menulist !important;
  background-color: #ffffff !important;
  color: #0a0a0b !important;
  min-height: 50px !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_select * {
  pointer-events: none;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_select select {
  pointer-events: auto !important;
}

/* Radio — beat GF orbital (clicks + active on desktop & mobile) */
body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gfield_radio,
body #gform_wrapper_1.gform-theme--orbital .ginput_container_radio .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gchoice,
body #gform_wrapper_1.gform-theme--orbital .ginput_container_radio .gchoice {
  position: relative !important;
  background: transparent !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gfield-choice-input,
body #gform_wrapper_1.gform-theme--orbital .ginput_container_radio .gfield-choice-input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gchoice label,
body #gform_wrapper_1.gform-theme--orbital .ginput_container_radio .gchoice label {
  pointer-events: none !important;
  z-index: 1 !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gchoice label::before,
body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gchoice label::after,
body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gfield-choice-input::before,
body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gfield-choice-input::after {
  display: none !important;
  content: none !important;
}

body #gform_wrapper_1.gform-theme--framework .gchoice:has(.gfield-choice-input:checked),
body #gform_wrapper_1.gform-theme--orbital .gchoice:has(.gfield-choice-input:checked) {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 2px #7c3aed !important;
}

body #gform_wrapper_1.gform-theme--framework .gchoice:has(.gfield-choice-input:checked) label,
body #gform_wrapper_1.gform-theme--framework .gfield-choice-input:checked + label,
body #gform_wrapper_1.gform-theme--orbital .gfield-choice-input:checked + label {
  color: #0a0a0b !important;
  -webkit-text-fill-color: #0a0a0b !important;
  background: #ffffff !important;
  font-weight: 800 !important;
}

body #gform_wrapper_1.gform-theme--framework .gchoice:not(:has(.gfield-choice-input:checked)) label,
body #gform_wrapper_1.gform-theme--orbital .gchoice:not(:has(.gfield-choice-input:checked)) label {
  color: #e4e4e7 !important;
  -webkit-text-fill-color: #e4e4e7 !important;
  background: transparent !important;
}

@media (max-width: 767px) {
  body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gfield_radio {
    flex-direction: row !important;
  }
}








/**
 * StingTune — Gravity Forms (Form #2 — nested / track entry)
 * Matches stingtune-gform.css (parent Form #1).
 * Add via: Appearance → Customize → Additional CSS
 *   or enqueue in child theme: wp_enqueue_style( 'stingtune-gform-nested', ... );
 */

/* ─── Design tokens (override GF orbital inline <style> block) ─── */
#gform_wrapper_2[data-form-index="0"].gform-theme,
#gform_wrapper_2[data-form-theme="orbital"].gform-theme--orbital,
body #gform_wrapper_2.gform-theme.gform-theme--foundation.gform-theme--framework.gform-theme--orbital,
[data-parent-form="2_0"],
.gpnf-modal #gform_wrapper_2,
.gpnf-nested-form #gform_wrapper_2 {
  --st-accent: #5b21b6;
  --st-accent-bright: #7c3aed;
  --st-accent-rgb: 91, 33, 182;
  --st-accent-soft: rgba(91, 33, 182, 0.14);
  --st-accent-glow: rgba(91, 33, 182, 0.45);
  --st-ink: #0a0a0b;
  --st-surface: #ffffff;
  --st-surface-raised: #ffffff;
  --st-surface-input: #f4f4f5;
  --st-border: #d4d4d8;
  --st-border-bold: #18181b;
  --st-border-focus: #5b21b6;
  --st-text: #0a0a0b;
  --st-text-muted: #52525b;
  --st-radius: 10px;
  --st-radius-sm: 6px;
  --st-shadow: 0 4px 0 #0a0a0b;
  --st-font: "Inter", system-ui, -apple-system, sans-serif;

  /* Beat GF default blue (#204ce5) from injected wrapper styles */
  --gf-color-primary: #5b21b6 !important;
  --gf-color-primary-rgb: 91, 33, 182 !important;
  --gf-color-primary-contrast: #fff !important;
  --gf-color-primary-contrast-rgb: 255, 255, 255 !important;
  --gf-color-primary-darker: #4c1d95 !important;
  --gf-color-primary-lighter: #7c3aed !important;
  --gf-color-in-ctrl-primary: #5b21b6 !important;
  --gf-color-in-ctrl-primary-rgb: 91, 33, 182 !important;
  --gf-color-in-ctrl: var(--st-surface-input) !important;
  --gf-color-in-ctrl-contrast: var(--st-text) !important;
  --gf-color-out-ctrl-light: var(--st-border) !important;
  --gf-ctrl-border-color: var(--st-border) !important;
  --gf-radius: var(--st-radius-sm) !important;
  --gf-ctrl-label-color-primary: var(--st-text) !important;
  --gf-ctrl-label-color-secondary: var(--st-text-muted) !important;

  --st-form-max: 920px;
  --gf-form-width: var(--st-form-max);
  --gf-form-gap-x: 1.5rem;
  --gf-form-gap-y: 1.25rem;

  font-family: var(--st-font);
  color: var(--st-text);
}

/* ─── Wrapper ─── */
.gpnf-modal #gform_wrapper_2,
.gpnf-nested-form #gform_wrapper_2,
#gform_wrapper_2 {
  width: 100% !important;
  max-width: var(--st-form-max, 920px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1rem, 2.5vw, 1.5rem) clamp(0.75rem, 2.5vw, 1.25rem);
  background: #ffffff !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

#gform_wrapper_2 form#gform_2 {
  width: 100%;
  max-width: 100%;
}

#gform_wrapper_2 .gform_heading {
  margin-bottom: 1.25rem;
}

#gform_wrapper_2 .gform_description {
  color: var(--st-text-muted);
  font-size: 0.95rem;
  line-height: 1.6;
}

/* ─── Full-width form structure ─── */
#gform_wrapper_2 .gform-body,
#gform_wrapper_2 .gform_page,
#gform_wrapper_2 .gform_page_fields,
#gform_wrapper_2 .gform_fields,
#gform_wrapper_2 .gfield,
#gform_wrapper_2 .ginput_container,
#gform_wrapper_2 .ginput_container_fileupload {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

#gform_wrapper_2 .gform_fields {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 1.5rem !important;
  row-gap: 1.25rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#gform_wrapper_2 .gfield {
  margin: 0 !important;
  padding: 0 !important;
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}

#gform_wrapper_2 .gfield--width-half {
  grid-column: 1 / -1 !important;
}

@media (min-width: 640px) {
  #gform_wrapper_2 .gform_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #gform_wrapper_2 .gfield--width-half {
    grid-column: span 1 !important;
  }

  #gform_wrapper_2 .gfield--width-full,
  #gform_wrapper_2 .gfield--type-fileupload,
  #gform_wrapper_2 .gfield--type-artist_.elementor-24 .elementor-element.elementor-element-73a4cc1,
  #gform_wrapper_2 .gfield--choice-align-horizontal {
    grid-column: 1 / -1 !important;
  }
}

@media (min-width: 1024px) {
  #gform_wrapper_2 .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 2rem !important;
  }
}

@media (min-width: 1200px) {
  #gform_wrapper_2 .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

#gform_wrapper_2 .gfield_label,
#gform_wrapper_2 legend.gfield_label {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--st-ink) !important;
  margin-bottom: 0.5rem;
}

#gform_wrapper_2 .gfield_required_text {
  color: #f87171;
  font-weight: 500;
  font-size: 0.75rem;
}

#gform_wrapper_2 .gfield_description,
#gform_wrapper_2 .gform_fileupload_rules {
  font-size: 0.75rem;
  color: var(--st-text-muted) !important;
  margin-top: 0.35rem;
}

/* ─── Text inputs ─── */
#gform_wrapper_2 input[type="text"],
#gform_wrapper_2 input[type="email"],
#gform_wrapper_2 input[type="tel"],
#gform_wrapper_2 input[type="url"],
#gform_wrapper_2 input[type="number"],
#gform_wrapper_2 textarea {
  width: 100%;
  padding: 0.85rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--st-text) !important;
  background-color: #ffffff !important;
  border: 2px solid var(--st-border-bold) !important;
  border-radius: var(--st-radius-sm) !important;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-shadow: 2px 2px 0 var(--st-border) !important;
}

#gform_wrapper_2 input:focus,
#gform_wrapper_2 textarea:focus {
  outline: none !important;
  border-color: var(--st-border-focus) !important;
  box-shadow: 2px 2px 0 var(--st-accent-soft), 0 0 0 3px var(--st-accent-soft) !important;
}

/* ─── Artist .elementor-24 .elementor-element.elementor-element-73a4cc1 (GFAS) — compact search + selected artists below ─── */
#gform_wrapper_2 .gfield--type-artist_.elementor-24 .elementor-element.elementor-element-73a4cc1 .gfas-field {
  --gfas-spotify: #1db954;
  --gfas-spotify-soft: rgba(29, 185, 84, 0.12);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

#gform_wrapper_2 .gfas-field .gfas-value {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#gform_wrapper_2 .gfas-ui {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
  position: relative;
}

/* Search row — single compact input (matches form, Spotify accent) */
#gform_wrapper_2 .gfas-ui::before {
  content: "";
  position: absolute;
  left: 0.65rem;
  top: 0;
  width: 14px;
  height: 14px;
  margin-top: 0.72rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2352525b' stroke-width='2.25' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
  opacity: 0.65;
}

#gform_wrapper_2 .gfas-ui::after {
  content: "Spotify";
  position: absolute;
  right: 0.55rem;
  top: 0;
  margin-top: 0.62rem;
  padding: 0.12rem 0.4rem;
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  color: var(--gfas-spotify);
  background: var(--gfas-spotify-soft);
  border-radius: 4px;
  pointer-events: none;
  z-index: 2;
}

#gform_wrapper_2 .gfas-ui input[type="text"],
#gform_wrapper_2 .gfas-ui .gfas-search-input,
#gform_wrapper_2 .gfas-ui input:not([type="hidden"]) {
  order: 1;
  width: 100% !important;
  max-width: 100%;
  min-height: 38px;
  margin: 0 !important;
  padding: 0.55rem 4.25rem 0.55rem 2rem !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: var(--st-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--st-border) !important;
  border-left: 3px solid var(--gfas-spotify) !important;
  border-radius: var(--st-radius-sm) !important;
  box-shadow: none !important;
  transition: border-color 0.15s, box-shadow 0.15s;
}

#gform_wrapper_2 .gfas-ui input::placeholder {
  color: #a1a1aa;
  font-weight: 400;
}

#gform_wrapper_2 .gfas-ui:focus-within input:not([type="hidden"]) {
  outline: none !important;
  border-color: var(--st-border-focus) !important;
  border-left-color: var(--gfas-spotify) !important;
  box-shadow: 0 0 0 2px var(--st-accent-soft) !important;
}

#gform_wrapper_2 .gfield_error .gfas-ui input:not([type="hidden"]) {
  border-color: #f87171 !important;
  border-left-color: #f87171 !important;
}

/* Selected artists — separate row below search + dropdown */
#gform_wrapper_2 .gfas-ui .gfas-chips,
#gform_wrapper_2 .gfas-ui .gfas-selected,
#gform_wrapper_2 .gfas-ui .gfas-selected-artists,
#gform_wrapper_2 .gfas-ui .gfas-artists,
#gform_wrapper_2 .gfas-ui .gfas-selections {
  order: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
  margin: 0.45rem 0 0 !important;
  padding: 0 !important;
  border: none;
  background: transparent;
  list-style: none;
}

#gform_wrapper_2 .gfas-ui .gfas-chips:empty,
#gform_wrapper_2 .gfas-ui .gfas-selected:empty,
#gform_wrapper_2 .gfas-ui .gfas-selected-artists:empty,
#gform_wrapper_2 .gfas-ui .gfas-artists:empty {
  display: none;
  margin: 0 !important;
}

/* Chips rendered as sibling below .gfas-ui (outside search box) */
#gform_wrapper_2 .gfas-field > .gfas-chips,
#gform_wrapper_2 .gfas-field > .gfas-selected,
#gform_wrapper_2 .gfas-field > .gfas-selected-artists,
#gform_wrapper_2 .gfas-field > .gfas-artists,
#gform_wrapper_2 .gfas-field > .gfas-selections {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
  margin: 0.45rem 0 0 !important;
  padding: 0 !important;
  list-style: none;
}

#gform_wrapper_2 .gfas-field > .gfas-chips:empty,
#gform_wrapper_2 .gfas-field > .gfas-selected:empty,
#gform_wrapper_2 .gfas-field > .gfas-selected-artists:empty {
  display: none;
  margin: 0 !important;
}

#gform_wrapper_2 .gfas-ui > .gfas-chip,
#gform_wrapper_2 .gfas-ui > .gfas-artist-chip,
#gform_wrapper_2 .gfas-ui > .gfas-selected-artist,
#gform_wrapper_2 .gfas-ui > .gfas-token {
  order: 3;
}

#gform_wrapper_2 .gfas-ui .gfas-chip,
#gform_wrapper_2 .gfas-ui .gfas-artist-chip,
#gform_wrapper_2 .gfas-ui .gfas-selected-artist,
#gform_wrapper_2 .gfas-ui .gfas-token,
#gform_wrapper_2 .gfas-field > .gfas-chip,
#gform_wrapper_2 .gfas-field > .gfas-artist-chip,
#gform_wrapper_2 .gfas-field > .gfas-selected-artist,
#gform_wrapper_2 .gfas-field .gfas-chips .gfas-chip,
#gform_wrapper_2 .gfas-field .gfas-selected-artists .gfas-chip {
  display: inline-flex !important;
  align-items: center;
  gap: 0.35rem;
  max-width: 100%;
  height: 26px;
  margin: 0 !important;
  padding: 0 0.4rem 0 0.15rem !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: var(--st-ink) !important;
  background: #fafafa !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

#gform_wrapper_2 .gfas-ui .gfas-chip img,
#gform_wrapper_2 .gfas-ui .gfas-artist-chip img,
#gform_wrapper_2 .gfas-ui .gfas-selected-artist img,
#gform_wrapper_2 .gfas-field .gfas-chip img,
#gform_wrapper_2 .gfas-field .gfas-artist-chip img {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  object-fit: cover;
  flex-shrink: 0;
}

/* Remove (×) — compact, chip-scoped only */
body #gform_wrapper_2 .gfas-chip button,
body #gform_wrapper_2 .gfas-artist-chip button,
body #gform_wrapper_2 .gfas-selected-artist button,
body #gform_wrapper_2 .gfas-token button,
body #gform_wrapper_2 .gfas-chip .gfas-remove,
body #gform_wrapper_2 .gfas-chip [class*="gfas-remove"],
body #gform_wrapper_2 .gfas-chip [class*="remove"],
body #gform_wrapper_2 .gfas-artist-chip [class*="remove"],
body #gform_wrapper_2 .gfas-selected-artist [class*="remove"],
body #gform_wrapper_2 .gfas-chip a[class*="remove"],
body #gform_wrapper_2 .gfas-chip span[class*="remove"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  max-width: 10px !important;
  max-height: 10px !important;
  min-height: 0 !important;
  margin: 0 0 0 0.2rem !important;
  padding: 0 !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: #a1a1aa !important;
  background: transparent !important;
  border: none !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  cursor: pointer;
  overflow: hidden;
  transition: color 0.12s, background 0.12s;
}

body #gform_wrapper_2 .gfas-chip button svg,
body #gform_wrapper_2 .gfas-artist-chip button svg,
body #gform_wrapper_2 .gfas-chip [class*="remove"] svg,
body #gform_wrapper_2 .gfas-chip .gfas-remove svg {
  width: 6px !important;
  height: 6px !important;
  max-width: 6px !important;
  max-height: 6px !important;
  display: block;
}

body #gform_wrapper_2 .gfas-chip button:hover,
body #gform_wrapper_2 .gfas-chip [class*="remove"]:hover {
  color: var(--st-ink) !important;
  background: #e4e4e7 !important;
}

body #gform_wrapper_2 .gfas-chip button::before,
body #gform_wrapper_2 .gfas-chip [class*="remove"]::before,
body #gform_wrapper_2 .gfas-chip .dashicons,
body #gform_wrapper_2 .gfas-chip [class*="icon"] {
  width: 6px !important;
  height: 6px !important;
  font-size: 6px !important;
  line-height: 1 !important;
}

/* Dropdown — in flow directly under search (won't cover chips) */
#gform_wrapper_2 .gfas-ui .gfas-dropdown,
#gform_wrapper_2 .gfas-ui .gfas-results,
#gform_wrapper_2 .gfas-ui .gfas-suggestions,
#gform_wrapper_2 .gfas-ui .gfas-listbox,
#gform_wrapper_2 .gfas-ui [role="listbox"] {
  order: 2;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 5;
  width: 100% !important;
  max-height: 180px;
  margin: 0.25rem 0 0 !important;
  padding: 0.25rem !important;
  overflow-y: auto;
  background: #ffffff !important;
  border: 1px solid var(--st-border) !important;
  border-radius: var(--st-radius-sm) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
  list-style: none !important;
}

#gform_wrapper_2 .gfas-ui [role="option"],
#gform_wrapper_2 .gfas-ui .gfas-result,
#gform_wrapper_2 .gfas-ui .gfas-option,
#gform_wrapper_2 .gfas-ui .gfas-results li,
#gform_wrapper_2 .gfas-ui .gfas-suggestions li {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  margin: 0 !important;
  padding: 0.45rem 0.5rem !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: var(--st-text) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  cursor: pointer;
}

#gform_wrapper_2 .gfas-ui [role="option"]:hover,
#gform_wrapper_2 .gfas-ui .gfas-result:hover,
#gform_wrapper_2 .gfas-ui .gfas-option:hover,
#gform_wrapper_2 .gfas-ui .gfas-results li:hover,
#gform_wrapper_2 .gfas-ui .gfas-suggestions li:hover {
  background: var(--gfas-spotify-soft) !important;
}

#gform_wrapper_2 .gfas-ui .gfas-results img,
#gform_wrapper_2 .gfas-ui .gfas-suggestions img,
#gform_wrapper_2 .gfas-ui [role="option"] img {
  width: 28px;
  height: 28px;
  border-radius: 3px;
  object-fit: cover;
}

/* ─── Selects ─── */
#gform_wrapper_2 .ginput_container_select {
  position: relative !important;
  overflow: visible !important;
  z-index: 1;
}

#gform_wrapper_2 .ginput_container_select::before,
#gform_wrapper_2 .ginput_container_select::after {
  pointer-events: none !important;
}

#gform_wrapper_2 select,
#gform_wrapper_2 select.large,
#gform_wrapper_2 .gfield_select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 50px !important;
  padding: 0.85rem 2.5rem 0.85rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--st-ink) !important;
  background-color: #ffffff !important;
  border: 2px solid var(--st-border-bold) !important;
  border-radius: var(--st-radius-sm) !important;
  box-shadow: 2px 2px 0 var(--st-border) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
}

#gform_wrapper_2 select:focus,
#gform_wrapper_2 select.large:focus {
  outline: none !important;
  border-color: var(--st-border-focus) !important;
  box-shadow: 2px 2px 0 var(--st-accent-soft), 0 0 0 3px var(--st-accent-soft) !important;
}

#gform_wrapper_2 select option {
  color: var(--st-ink);
  background: #ffffff;
  font-weight: 600;
}

#gform_wrapper_2 .large,
#gform_wrapper_2 input.large,
#gform_wrapper_2 select.large,
#gform_wrapper_2 textarea.large {
  width: 100% !important;
  max-width: 100% !important;
  inline-size: 100% !important;
}

/* ─── Radio — segmented control (clickable + visible active state) ─── */
#gform_wrapper_2 .ginput_container_radio {
  width: 100%;
  max-width: 100%;
}

#gform_wrapper_2 .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  gap: 6px !important;
  padding: 5px !important;
  background: var(--st-ink) !important;
  border: 2px solid var(--st-ink) !important;
  border-radius: var(--st-radius) !important;
  box-shadow: var(--st-shadow) !important;
  width: 100% !important;
  max-width: 100%;
  margin: 0 !important;
  list-style: none;
}

#gform_wrapper_2 .gchoice {
  position: relative !important;
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: calc(var(--st-radius) - 2px);
  overflow: visible;
  isolation: isolate;
  background: transparent !important;
}

#gform_wrapper_2 .gfield-choice-input {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  z-index: 3 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  touch-action: manipulation;
}

#gform_wrapper_2 .gfield-choice-input::before,
#gform_wrapper_2 .gfield-choice-input::after,
#gform_wrapper_2 .gchoice label::before,
#gform_wrapper_2 .gchoice label::after,
body #gform_wrapper_2 .gfield-choice-input::before,
body #gform_wrapper_2 .gfield-choice-input::after,
body #gform_wrapper_2 .gchoice label::before,
body #gform_wrapper_2 .gchoice label::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

#gform_wrapper_2 .gchoice label,
#gform_wrapper_2 .gchoice label.gform-field-label,
body #gform_wrapper_2 .gchoice label.gform-field-label--type-inline {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 0.55rem 0.75rem !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  text-align: center;
  color: #e4e4e7 !important;
  -webkit-text-fill-color: #e4e4e7 !important;
  background: transparent !important;
  border: none !important;
  border-radius: calc(var(--st-radius) - 4px) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  pointer-events: none !important;
  margin: 0 !important;
  transition: color 0.15s, background 0.15s;
}

/* Unchecked */
#gform_wrapper_2 .gchoice:not(:has(.gfield-choice-input:checked)) label {
  color: #e4e4e7 !important;
  -webkit-text-fill-color: #e4e4e7 !important;
  background: transparent !important;
}

/* Checked / active */
#gform_wrapper_2 .gchoice:has(.gfield-choice-input:checked),
body #gform_wrapper_2.gform-theme--framework .gchoice:has(.gfield-choice-input:checked),
body #gform_wrapper_2.gform-theme--orbital .gchoice:has(.gfield-choice-input:checked) {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 2px var(--st-accent-bright) !important;
}

#gform_wrapper_2 .gchoice:has(.gfield-choice-input:checked) label,
#gform_wrapper_2 .gfield-choice-input:checked + label,
body #gform_wrapper_2 .gfield-choice-input:checked + label.gform-field-label,
body #gform_wrapper_2.gform-theme--framework .gfield-choice-input:checked + label {
  color: var(--st-ink) !important;
  background: #ffffff !important;
  -webkit-text-fill-color: var(--st-ink) !important;
}

#gform_wrapper_2 .gchoice:has(.gfield-choice-input:focus-visible) label {
  outline: 3px solid var(--st-accent-bright);
  outline-offset: 2px;
}

/* ─── File upload (field 21 — Upload Track) ─── */
#gform_wrapper_2 .ginput_container_fileupload,
#gform_wrapper_2 .gform_fileupload_multifile {
  width: 100%;
}

#gform_wrapper_2 .gform_fileupload_multifile,
#gform_wrapper_2 [id^="gform_multifile_upload_2_"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  background: #fafafa;
  border: 3px dashed var(--st-ink);
  border-radius: var(--st-radius);
  box-shadow: var(--st-shadow);
  overflow: hidden;
}

#gform_wrapper_2 .gform_fileupload_multifile > #gform_preview_2_21,
#gform_wrapper_2 [id^="gform_multifile_upload_2_"] > ul[id^="gform_preview_2_"] {
  order: 1;
  flex-shrink: 0;
}

#gform_wrapper_2 .gform_fileupload_multifile > .gpfup,
#gform_wrapper_2 [id^="gform_multifile_upload_2_"] > .gpfup {
  order: 2;
}

#gform_wrapper_2 .gpfup {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 200px;
  padding: 0 !important;
  background: transparent;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden;
  transition: background 0.25s;
}

#gform_wrapper_2 .gform_fileupload_multifile:hover,
#gform_wrapper_2 [id^="gform_multifile_upload_2_"]:hover,
#gform_wrapper_2 .gpfup.gpfup--drag-over {
  border-color: var(--st-accent);
  background: var(--st-accent-soft);
}

#gform_wrapper_2 #gform_preview_2_21,
#gform_wrapper_2 .gpfup__files,
#gform_wrapper_2 .gpfup .gpfup__file-list,
#gform_wrapper_2 .ginput_container_fileupload > ul[id^="gform_preview_2_"] {
  order: 1;
  width: 100% !important;
  margin: 0 !important;
  padding: 1rem 1rem 0 !important;
  list-style: none !important;
  box-sizing: border-box;
}

#gform_wrapper_2 .gpfup__file,
#gform_wrapper_2 #gform_preview_2_21 li,
#gform_wrapper_2 .ginput_container_fileupload .gpfup__file {
  display: flex !important;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  background: #ffffff !important;
  border: 1px solid var(--st-border) !important;
  border-radius: var(--st-radius-sm) !important;
}

#gform_wrapper_2 .gpfup__file img,
#gform_wrapper_2 #gform_preview_2_21 img {
  max-width: 80px;
  max-height: 80px;
  object-fit: cover;
  border-radius: 6px;
}

#gform_wrapper_2 .gpfup__droparea {
  order: 2;
  flex: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  margin: 0 !important;
  padding: 1.5rem !important;
  background: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 8px,
      rgba(124, 58, 237, 0.03) 8px,
      rgba(124, 58, 237, 0.03) 16px
    ),
    transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-top: 1px solid var(--st-border);
}

#gform_wrapper_2 .gpfup:not(.gpfup--has-files) .gpfup__droparea {
  border-top: none;
  min-height: 200px;
}

#gform_wrapper_2 .gpfup--has-files .gpfup__droparea {
  min-height: 72px;
  padding: 0.75rem 1rem !important;
}

#gform_wrapper_2 .gpfup__droparea > div {
  text-align: center;
}

#gform_wrapper_2 .gpfup__droparea span {
  color: var(--st-text-muted);
  font-size: 0.9rem;
}

#gform_wrapper_2 .gpfup__select-files {
  background: transparent !important;
  border: none !important;
  color: var(--st-ink) !important;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: 0 !important;
  cursor: pointer;
  box-shadow: none !important;
}

#gform_wrapper_2 .gpfup__select-files:hover {
  color: #6d28d9 !important;
}

/* ─── Footer / submit (#gform_submit_button_2) ─── */
#gform_wrapper_2 .gform-footer.gform_footer,
#gform_wrapper_2 .gform_footer,
#gform_wrapper_2 .gform_page_footer {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--st-border);
  width: 100%;
  box-sizing: border-box;
}

#gform_wrapper_2 .gform_footer input[type="submit"],
#gform_wrapper_2 .gform_footer .gform_button,
#gform_wrapper_2 #gform_submit_button_2,
#gform_wrapper_2 .gform_next_button,
#gform_wrapper_2 .gform_previous_button {
  padding: 1rem 2rem !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: var(--st-radius-sm) !important;
  cursor: pointer !important;
  transition: transform 0.12s, box-shadow 0.12s;
  min-height: auto !important;
  line-height: 1.2 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#gform_wrapper_2 .gform_footer input[type="submit"],
#gform_wrapper_2 .gform_footer input.gform_button.button,
#gform_wrapper_2 #gform_submit_button_2.gform_button,
#gform_wrapper_2 .gform_next_button {
  background: var(--st-ink) !important;
  background-color: var(--st-ink) !important;
  color: #fff !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 4px 4px 0 var(--st-accent-bright) !important;
}

#gform_wrapper_2 .gform_footer input[type="submit"]:hover,
#gform_wrapper_2 .gform_footer input.gform_button.button:hover,
#gform_wrapper_2 #gform_submit_button_2:hover,
#gform_wrapper_2 .gform_next_button:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--st-accent-bright) !important;
  background: var(--st-ink) !important;
  color: #fff !important;
}

#gform_wrapper_2 .gform_previous_button {
  background: #ffffff !important;
  color: var(--st-ink) !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 3px 3px 0 var(--st-border) !important;
}

#gform_wrapper_2 .gform_previous_button:hover {
  color: var(--st-text) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  background: #f4f4f5 !important;
}

/* File-upload "select files" must stay text-link, not submit button */
#gform_wrapper_2 .gpfup__select-files,
#gform_wrapper_2 .gform_button_select_files {
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: 800 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

/* ─── Validation ─── */
#gform_wrapper_2 .gfield_error input:not(.gfas-ui input),
#gform_wrapper_2 .gfield_error select,
#gform_wrapper_2 .gfield_error textarea {
  border-color: #f87171 !important;
}

#gform_wrapper_2 .validation_message {
  color: #fca5a5 !important;
  font-size: 0.8rem;
  margin-top: 0.35rem;
}

#gform_wrapper_2 .gform_validation_errors {
  background: rgba(248, 113, 113, 0.1);
  border: 1px solid rgba(248, 113, 113, 0.3);
  border-radius: var(--st-radius-sm);
  padding: 1rem;
  margin-bottom: 1.5rem;
}

/* ─── Responsive / mobile ─── */
@media (max-width: 767px) {
  .gpnf-modal #gform_wrapper_2,
  .gpnf-nested-form #gform_wrapper_2,
  #gform_wrapper_2 {
    padding: 0.75rem 0.65rem;
    max-width: 100% !important;
  }

  #gform_wrapper_2 .gform_fields,
  body #gform_wrapper_2.gform-theme--framework .gform_fields {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 1rem !important;
  }

  #gform_wrapper_2 .gfield--width-half {
    grid-column: 1 / -1 !important;
  }

  #gform_wrapper_2 input[type="text"],
  #gform_wrapper_2 input[type="email"],
  #gform_wrapper_2 input[type="tel"],
  #gform_wrapper_2 input[type="url"],
  #gform_wrapper_2 input[type="number"],
  #gform_wrapper_2 textarea,
  #gform_wrapper_2 select,
  #gform_wrapper_2 select.large {
    min-height: 44px;
    padding: 0.65rem 0.85rem !important;
    font-size: 16px !important; /* prevents iOS zoom on focus */
  }

  #gform_wrapper_2 .gfas-ui input:not([type="hidden"]) {
    font-size: 16px !important;
    min-height: 40px;
  }

  #gform_wrapper_2 .gfield_radio {
    flex-direction: row !important;
    max-width: 100%;
    gap: 5px !important;
    padding: 4px !important;
  }

  #gform_wrapper_2 .gchoice {
    min-height: 42px;
  }

  #gform_wrapper_2 .gchoice label {
    min-height: 42px;
    padding: 0.5rem 0.5rem !important;
    font-size: 0.75rem !important;
  }

  #gform_wrapper_2 .gpfup {
    min-height: 160px;
  }

  #gform_wrapper_2 .gpfup__droparea {
    min-height: 110px;
    padding: 1rem !important;
  }

  #gform_wrapper_2 .gform-footer.gform_footer,
  #gform_wrapper_2 .gform_footer,
  #gform_wrapper_2 .gform_page_footer {
    flex-direction: column;
  }

  #gform_wrapper_2 .gform_footer input[type="submit"],
  #gform_wrapper_2 #gform_submit_button_2,
  #gform_wrapper_2 .gform_next_button,
  #gform_wrapper_2 .gform_previous_button,
  body #gform_wrapper_2.gform-theme--framework #gform_submit_button_2 {
    width: 100% !important;
  }
}

/* Override Gravity Forms orbital grid */
body #gform_wrapper_2.gform-theme--framework .gform_fields,
body #gform_wrapper_2.gform-theme--framework .gform_fields.top_label {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body #gform_wrapper_2.gform-theme--framework .gfield {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

body #gform_wrapper_2.gform-theme--framework .gfield--width-full,
body #gform_wrapper_2.gform-theme--framework .gfield--type-fileupload,
body #gform_wrapper_2.gform-theme--framework .gfield--type-artist_.elementor-24 .elementor-element.elementor-element-73a4cc1,
body #gform_wrapper_2.gform-theme--framework .gfield--choice-align-horizontal,
body #gform_wrapper_2.gform-theme--framework fieldset.gfield {
  grid-column: 1 / -1 !important;
}

@media (min-width: 640px) {
  body #gform_wrapper_2.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body #gform_wrapper_2.gform-theme--framework .gfield--width-half {
    grid-column: span 1 !important;
  }
}

@media (min-width: 1024px) {
  body #gform_wrapper_2.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1200px) {
  body #gform_wrapper_2.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ─── GF theme overrides (select + radio) ─── */
body #gform_wrapper_2.gform-theme--framework select,
body #gform_wrapper_2.gform-theme--framework select.large {
  pointer-events: auto !important;
  appearance: menulist !important;
  -webkit-appearance: menulist !important;
  background-color: #ffffff !important;
  color: #0a0a0b !important;
  min-height: 50px !important;
}

body #gform_wrapper_2.gform-theme--framework .ginput_container_select * {
  pointer-events: none;
}

body #gform_wrapper_2.gform-theme--framework .ginput_container_select select {
  pointer-events: auto !important;
}

/* Radio — beat GF orbital (clicks + active on desktop & mobile) */
body #gform_wrapper_2.gform-theme--framework .ginput_container_radio .gfield_radio,
body #gform_wrapper_2.gform-theme--orbital .ginput_container_radio .gfield_radio,
.gpnf-modal #gform_wrapper_2 .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
}

body #gform_wrapper_2.gform-theme--framework .ginput_container_radio .gchoice,
body #gform_wrapper_2.gform-theme--orbital .ginput_container_radio .gchoice {
  position: relative !important;
  background: transparent !important;
}

body #gform_wrapper_2.gform-theme--framework .ginput_container_radio .gfield-choice-input,
body #gform_wrapper_2.gform-theme--orbital .ginput_container_radio .gfield-choice-input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body #gform_wrapper_2.gform-theme--framework .ginput_container_radio .gchoice label,
body #gform_wrapper_2.gform-theme--orbital .ginput_container_radio .gchoice label {
  pointer-events: none !important;
  z-index: 1 !important;
}

body #gform_wrapper_2.gform-theme--framework .ginput_container_radio .gchoice label::before,
body #gform_wrapper_2.gform-theme--framework .ginput_container_radio .gchoice label::after,
body #gform_wrapper_2.gform-theme--framework .ginput_container_radio .gfield-choice-input::before,
body #gform_wrapper_2.gform-theme--framework .ginput_container_radio .gfield-choice-input::after {
  display: none !important;
  content: none !important;
}

body #gform_wrapper_2.gform-theme--framework .gchoice:has(.gfield-choice-input:checked),
body #gform_wrapper_2.gform-theme--orbital .gchoice:has(.gfield-choice-input:checked) {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 2px #7c3aed !important;
}

body #gform_wrapper_2.gform-theme--framework .gchoice:has(.gfield-choice-input:checked) label,
body #gform_wrapper_2.gform-theme--framework .gfield-choice-input:checked + label,
body #gform_wrapper_2.gform-theme--orbital .gfield-choice-input:checked + label {
  color: #0a0a0b !important;
  -webkit-text-fill-color: #0a0a0b !important;
  background: #ffffff !important;
  font-weight: 800 !important;
}

body #gform_wrapper_2.gform-theme--framework .gchoice:not(:has(.gfield-choice-input:checked)) label,
body #gform_wrapper_2.gform-theme--orbital .gchoice:not(:has(.gfield-choice-input:checked)) label {
  color: #e4e4e7 !important;
  -webkit-text-fill-color: #e4e4e7 !important;
  background: transparent !important;
}

/* ─── GF orbital framework: submit button (beats theme framework defaults) ─── */
body #gform_wrapper_2.gform-theme--framework .gform-footer.gform_footer,
body #gform_wrapper_2.gform-theme--framework .gform_footer.top_label {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--st-border, #d4d4d8);
}

body #gform_wrapper_2.gform-theme--framework .gform_footer input[type="submit"].gform_button.button,
body #gform_wrapper_2.gform-theme--framework #gform_submit_button_2.gform_button.button,
body #gform_wrapper_2.gform-theme--orbital .gform_footer input[type="submit"] {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  padding: 1rem 2rem !important;
  font-family: var(--st-font, "Inter", system-ui, sans-serif) !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  background: #0a0a0b !important;
  background-color: #0a0a0b !important;
  border: 2px solid #0a0a0b !important;
  border-radius: 6px !important;
  box-shadow: 4px 4px 0 #7c3aed !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body #gform_wrapper_2.gform-theme--framework .gform_footer input[type="submit"].gform_button.button:hover,
body #gform_wrapper_2.gform-theme--framework #gform_submit_button_2:hover {
  color: #ffffff !important;
  background: #0a0a0b !important;
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 #7c3aed !important;
}

body #gform_wrapper_2.gform-theme--framework .gform_footer input[type="submit"]:focus-visible,
body #gform_wrapper_2.gform-theme--framework #gform_submit_button_2:focus-visible {
  outline: 3px solid #7c3aed;
  outline-offset: 2px;
}

@media (max-width: 767px) {
  body #gform_wrapper_2.gform-theme--framework .gform_footer input[type="submit"].gform_button.button,
  body #gform_wrapper_2.gform-theme--framework #gform_submit_button_2 {
    width: 100% !important;
  }

  body #gform_wrapper_2.gform-theme--framework .ginput_container_radio .gfield_radio {
    flex-direction: row !important;
  }
}







/**
 * StingTune — Gravity Forms (Form #1) — Premium UI
 * Add via: Appearance → Customize → Additional CSS
 *   or enqueue in child theme: wp_enqueue_style( 'stingtune-gform', ... );
 */

/* ─── Design tokens (override GF orbital theme) ─── */
#gform_wrapper_1[data-form-index="0"].gform-theme,
[data-parent-form="1_0"] {
  --st-accent: #5b21b6;
  --st-accent-bright: #7c3aed;
  --st-accent-rgb: 91, 33, 182;
  --st-accent-soft: rgba(91, 33, 182, 0.14);
  --st-accent-glow: rgba(91, 33, 182, 0.45);
  --st-ink: #0a0a0b;
  --st-surface: #ffffff;
  --st-surface-raised: #ffffff;
  --st-surface-input: #f4f4f5;
  --st-border: #d4d4d8;
  --st-border-bold: #18181b;
  --st-border-focus: #5b21b6;
  --st-text: #0a0a0b;
  --st-text-muted: #52525b;
  --st-radius: 10px;
  --st-radius-sm: 6px;
  --st-shadow: 0 4px 0 #0a0a0b;
  --st-font: "Inter", system-ui, -apple-system, sans-serif;

  --gf-color-primary: var(--st-accent);
  --gf-color-primary-rgb: var(--st-accent-rgb);
  --gf-color-primary-contrast: #fff;
  --gf-color-in-ctrl: var(--st-surface-input);
  --gf-color-in-ctrl-contrast: var(--st-text);
  --gf-color-out-ctrl-light: var(--st-border);
  --gf-ctrl-border-color: var(--st-border);
  --gf-radius: var(--st-radius-sm);
  --gf-ctrl-label-color-primary: var(--st-text);
  --gf-ctrl-label-color-secondary: var(--st-text-muted);

  --st-form-max: 920px;
  --gf-form-width: var(--st-form-max);
  --gf-form-gap-x: 1.5rem;
  --gf-form-gap-y: 1.25rem;

  font-family: var(--st-font);
  color: var(--st-text);
}

/* ─── Wrapper — centered, readable max width (fields stay 100% inside) ─── */
.gfdf-form_wrapper,
#gform_wrapper_1 {
  width: 100% !important;
  max-width: var(--st-form-max, 920px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.25rem, 3vw, 2rem) clamp(1rem, 3vw, 1.5rem);
  background: #ffffff !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

#gform_wrapper_1 form#gform_1 {
  width: 100%;
  max-width: 100%;
}

#gform_wrapper_1 .gform_heading {
  margin-bottom: 1.5rem;
}

#gform_wrapper_1 .gform_description {
  color: var(--st-text-muted);
  font-size: 0.95rem;
  line-height: 1.6;
}

/* ─── Progress bar ─── */
#gform_wrapper_1 .gf_progressbar_wrapper {
  margin-bottom: 2rem;
  padding: 1.25rem 1.5rem;
  background: var(--st-ink);
  border-radius: var(--st-radius);
  border: 2px solid var(--st-ink);
  box-shadow: var(--st-shadow);
}

#gform_wrapper_1 .gf_progressbar_title {
  margin: 0 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #a1a1aa;
}

#gform_wrapper_1 .gf_step_current_page,
#gform_wrapper_1 .gf_step_page_count {
  color: #ffffff;
  font-weight: 800;
}

#gform_wrapper_1 .gf_progressbar {
  height: 10px;
  background: #27272a;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid #3f3f46;
}

#gform_wrapper_1 .gf_progressbar_percentage {
  height: 100%;
  background: linear-gradient(90deg, var(--st-accent-bright), #c4b5fd);
  border-radius: 999px;
  box-shadow: 0 0 16px var(--st-accent-glow);
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

#gform_wrapper_1 .gf_progressbar_percentage span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* ─── Full-width form structure (override GF 12-col grid) ─── */
#gform_wrapper_1 .gform-body,
#gform_wrapper_1 .gform_page,
#gform_wrapper_1 .gform_page_fields,
#gform_wrapper_1 .gform_fields,
#gform_wrapper_1 .gfield,
#gform_wrapper_1 .ginput_container,
#gform_wrapper_1 .ginput_container_fileupload,
#gform_wrapper_1 .gpnf-nested-entries-container {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

#gform_wrapper_1 .gform_fields {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 1.5rem !important;
  row-gap: 1.25rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Reset Gravity Forms orbital column spans */
#gform_wrapper_1 .gfield {
  margin: 0 !important;
  padding: 0 !important;
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}

#gform_wrapper_1 .gfield--width-half {
  grid-column: 1 / -1 !important;
}

@media (min-width: 640px) {
  #gform_wrapper_1 .gform_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #gform_wrapper_1 .gfield--width-half {
    grid-column: span 1 !important;
  }

  #gform_wrapper_1 .gfield--width-full,
  #gform_wrapper_1 .gfield--type-fileupload,
  #gform_wrapper_1 .gfield--type-form,
  #gform_wrapper_1 .gfield--choice-align-horizontal {
    grid-column: 1 / -1 !important;
  }
}

@media (min-width: 1024px) {
  #gform_wrapper_1 .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 2rem !important;
  }
}

/* Cap at 3 columns — form box is already narrow */
@media (min-width: 1200px) {
  #gform_wrapper_1 .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

#gform_wrapper_1 .gfield_label,
#gform_wrapper_1 legend.gfield_label {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--st-ink) !important;
  margin-bottom: 0.5rem;
}

#gform_wrapper_1 .gfield_required_text {
  color: #f87171;
  font-weight: 500;
  font-size: 0.75rem;
}

#gform_wrapper_1 .gfield_description,
#gform_wrapper_1 .gform_fileupload_rules {
  font-size: 0.75rem;
  color: var(--st-text-muted) !important;
  margin-top: 0.35rem;
}

/* ─── Text inputs (not select — keep native dropdown working) ─── */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 input[type="url"],
#gform_wrapper_1 input[type="number"],
#gform_wrapper_1 textarea {
  width: 100%;
  padding: 0.85rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--st-text) !important;
  background-color: #ffffff !important;
  border: 2px solid var(--st-border-bold) !important;
  border-radius: var(--st-radius-sm) !important;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-shadow: 2px 2px 0 var(--st-border) !important;
}

#gform_wrapper_1 input:focus,
#gform_wrapper_1 textarea:focus {
  outline: none !important;
  border-color: var(--st-border-focus) !important;
  box-shadow: 2px 2px 0 var(--st-accent-soft), 0 0 0 3px var(--st-accent-soft) !important;
}

/* ─── Selects — native behavior, no appearance:none ─── */
#gform_wrapper_1 .ginput_container_select {
  position: relative !important;
  overflow: visible !important;
  z-index: 1;
}

#gform_wrapper_1 .ginput_container_select::before,
#gform_wrapper_1 .ginput_container_select::after {
  pointer-events: none !important;
}

#gform_wrapper_1 select,
#gform_wrapper_1 select.large,
#gform_wrapper_1 .gfield_select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 50px !important;
  padding: 0.85rem 2.5rem 0.85rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--st-ink) !important;
  background-color: #ffffff !important;
  border: 2px solid var(--st-border-bold) !important;
  border-radius: var(--st-radius-sm) !important;
  box-shadow: 2px 2px 0 var(--st-border) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
}

#gform_wrapper_1 select:focus,
#gform_wrapper_1 select.large:focus {
  outline: none !important;
  border-color: var(--st-border-focus) !important;
  box-shadow: 2px 2px 0 var(--st-accent-soft), 0 0 0 3px var(--st-accent-soft) !important;
}

#gform_wrapper_1 select option {
  color: var(--st-ink);
  background: #ffffff;
  font-weight: 600;
}

/* GF ".large" class caps input width — remove it */
#gform_wrapper_1 .large,
#gform_wrapper_1 input.large,
#gform_wrapper_1 select.large,
#gform_wrapper_1 textarea.large {
  width: 100% !important;
  max-width: 100% !important;
  inline-size: 100% !important;
}

#gform_wrapper_1 .ginput_container_date {
  position: relative;
}

#gform_wrapper_1 .ginput_container_date input.datepicker {
  padding-right: 2.75rem !important;
  font-weight: 600 !important;
  border: 2px solid var(--st-border-bold) !important;
  box-shadow: 2px 2px 0 var(--st-border) !important;
  min-height: 50px;
}

#gform_wrapper_1 .ui-datepicker-trigger {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.55;
  cursor: pointer;
  transition: opacity 0.2s;
}

#gform_wrapper_1 .ui-datepicker-trigger:hover {
  opacity: 1;
}

/* ─── Radio — bold segmented control ─── */
#gform_wrapper_1 .gfield_radio {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 6px !important;
  padding: 5px !important;
  background: var(--st-ink) !important;
  border: 2px solid var(--st-ink) !important;
  border-radius: var(--st-radius) !important;
  box-shadow: var(--st-shadow) !important;
  width: 100% !important;
  max-width: 520px;
  margin: 0 !important;
  list-style: none;
}

#gform_wrapper_1 .gchoice {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: calc(var(--st-radius) - 2px);
  overflow: hidden;
}

#gform_wrapper_1 .gfield-choice-input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0.001 !important;
  z-index: 3 !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#gform_wrapper_1 .gfield-choice-input::before,
#gform_wrapper_1 .gfield-choice-input::after,
body #gform_wrapper_1 .gfield-choice-input::before,
body #gform_wrapper_1 .gfield-choice-input::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

#gform_wrapper_1 .gchoice label,
#gform_wrapper_1 .gchoice label.gform-field-label,
body #gform_wrapper_1 .gchoice label.gform-field-label--type-inline {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 0.65rem 1rem !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  text-align: center;
  color: #e4e4e7 !important;
  background: transparent !important;
  border: none !important;
  border-radius: calc(var(--st-radius) - 4px) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  margin: 0 !important;
  transition: color 0.15s, background 0.15s, transform 0.15s;
}

/* ACTIVE — high contrast (beats GF orbital theme) */
#gform_wrapper_1 .gchoice:has(.gfield-choice-input:checked),
body #gform_wrapper_1.gform-theme--framework .gchoice:has(.gfield-choice-input:checked) {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 2px var(--st-accent-bright);
}

#gform_wrapper_1 .gchoice:has(.gfield-choice-input:checked) label,
#gform_wrapper_1 .gfield-choice-input:checked + label,
body #gform_wrapper_1 .gfield-choice-input:checked + label.gform-field-label {
  color: var(--st-ink) !important;
  background: #ffffff !important;
  -webkit-text-fill-color: var(--st-ink) !important;
}

#gform_wrapper_1 .gchoice:has(.gfield-choice-input:focus-visible) label {
  outline: 3px solid var(--st-accent-bright);
  outline-offset: 2px;
}

/* Hide duplicate Format fields (21, 27, 28) — keep field 21 only */
#gform_wrapper_1 #field_1_27,
#gform_wrapper_1 #field_1_28 {
  display: none !important;
}

/* ─── File upload — single box; preview lives inside ─── */
#gform_wrapper_1 .ginput_container_fileupload,
#gform_wrapper_1 .gform_fileupload_multifile {
  width: 100%;
}

/* Parent shell when preview renders as sibling of .gpfup */
#gform_wrapper_1 .gform_fileupload_multifile,
#gform_wrapper_1 [id^="gform_multifile_upload_"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  background: #fafafa;
  border: 3px dashed var(--st-ink);
  border-radius: var(--st-radius);
  box-shadow: var(--st-shadow);
  overflow: hidden;
}

#gform_wrapper_1 .gform_fileupload_multifile > #gform_preview_1_7,
#gform_wrapper_1 [id^="gform_multifile_upload_"] > ul[id^="gform_preview"] {
  order: 1;
  flex-shrink: 0;
}

#gform_wrapper_1 .gform_fileupload_multifile > .gpfup,
#gform_wrapper_1 [id^="gform_multifile_upload_"] > .gpfup {
  order: 2;
}

#gform_wrapper_1 .gpfup {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 200px;
  padding: 0 !important;
  background: transparent;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden;
  transition: background 0.25s;
}

#gform_wrapper_1 .gform_fileupload_multifile:hover,
#gform_wrapper_1 [id^="gform_multifile_upload_"]:hover,
#gform_wrapper_1 .gpfup.gpfup--drag-over {
  border-color: var(--st-accent);
  background: var(--st-accent-soft);
}

/* File preview list — inside the bordered box (top) */
#gform_wrapper_1 #gform_preview_1_7,
#gform_wrapper_1 .gpfup__files,
#gform_wrapper_1 .gpfup .gpfup__file-list,
#gform_wrapper_1 .ginput_container_fileupload > ul[id^="gform_preview"] {
  order: 1;
  width: 100% !important;
  margin: 0 !important;
  padding: 1rem 1rem 0 !important;
  list-style: none !important;
  box-sizing: border-box;
}

#gform_wrapper_1 .gpfup__file,
#gform_wrapper_1 #gform_preview_1_7 li,
#gform_wrapper_1 .ginput_container_fileupload .gpfup__file {
  display: flex !important;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  background: #ffffff !important;
  border: 1px solid var(--st-border) !important;
  border-radius: var(--st-radius-sm) !important;
}

#gform_wrapper_1 .gpfup__file img,
#gform_wrapper_1 #gform_preview_1_7 img {
  max-width: 80px;
  max-height: 80px;
  object-fit: cover;
  border-radius: 6px;
}

/* Drop prompt — bottom of same box (or full box when empty) */
#gform_wrapper_1 .gpfup__droparea {
  order: 2;
  flex: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  margin: 0 !important;
  padding: 1.5rem !important;
  background: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 8px,
      rgba(124, 58, 237, 0.03) 8px,
      rgba(124, 58, 237, 0.03) 16px
    ),
    transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-top: 1px solid var(--st-border);
}

#gform_wrapper_1 .gpfup:not(.gpfup--has-files) .gpfup__droparea {
  border-top: none;
  min-height: 200px;
}

#gform_wrapper_1 .gpfup--has-files .gpfup__droparea {
  min-height: 72px;
  padding: 0.75rem 1rem !important;
}

#gform_wrapper_1 .gpfup__droparea > div {
  text-align: center;
}

#gform_wrapper_1 .gpfup__droparea span {
  color: var(--st-text-muted);
  font-size: 0.9rem;
}

#gform_wrapper_1 .gpfup__select-files {
  background: transparent !important;
  border: none !important;
  color: var(--st-ink) !important;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: 0 !important;
  cursor: pointer;
  box-shadow: none !important;
}

#gform_wrapper_1 .gpfup__select-files:hover {
  color: #6d28d9 !important;
}

/* ─── Page 2: Nested tracks table ─── */
#gform_wrapper_1 .gpnf-nested-entries-container {
  background: #fafafa;
  border: 2px solid var(--st-ink);
  border-radius: var(--st-radius);
  box-shadow: var(--st-shadow);
  overflow: hidden;
}

#gform_wrapper_1 .gpnf-nested-entries {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

#gform_wrapper_1 .gpnf-nested-entries thead {
  background: var(--st-ink);
}

#gform_wrapper_1 .gpnf-nested-entries th {
  padding: 0.875rem 1rem;
  text-align: left;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  border-bottom: none;
}

#gform_wrapper_1 .gpnf-nested-entries td {
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--st-border);
  color: var(--st-text);
}

#gform_wrapper_1 .gpnf-no-entries td {
  text-align: center;
  padding: 2.5rem 1rem;
  color: var(--st-text-muted);
  font-style: italic;
}

#gform_wrapper_1 .gpnf-add-entry {
  margin: 1rem;
  padding: 0.75rem 1.5rem !important;
  font-size: 0.8rem !important;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--st-ink) !important;
  background: #ffffff !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 3px 3px 0 var(--st-accent-bright) !important;
  border-radius: var(--st-radius-sm) !important;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}

#gform_wrapper_1 .gpnf-add-entry:hover:not(:disabled) {
  background: rgba(124, 58, 237, 0.22) !important;
  transform: translateY(-1px);
}

#gform_wrapper_1 .gpnf-add-entry-max {
  margin: 0 1rem 1rem;
  font-size: 0.8rem;
  color: #fbbf24;
}

/* ─── Footer buttons ─── */
#gform_wrapper_1 .gform_page_footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--st-border);
}

#gform_wrapper_1 .gform_next_button,
#gform_wrapper_1 .gform_button,
#gform_wrapper_1 .gform_previous_button {
  padding: 1rem 2rem !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: var(--st-radius-sm) !important;
  cursor: pointer;
  transition: transform 0.12s, box-shadow 0.12s;
}

#gform_wrapper_1 .gform_next_button,
#gform_wrapper_1 .gform_button {
  background: var(--st-ink) !important;
  color: #fff !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 4px 4px 0 var(--st-accent-bright) !important;
}

#gform_wrapper_1 .gform_next_button:hover,
#gform_wrapper_1 .gform_button:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--st-accent-bright) !important;
}

#gform_wrapper_1 .gform_previous_button {
  background: #ffffff !important;
  color: var(--st-ink) !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 3px 3px 0 var(--st-border) !important;
}

#gform_wrapper_1 .gform_previous_button:hover {
  color: var(--st-text) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  background: #f4f4f5 !important;
}

/* ─── Validation ─── */
#gform_wrapper_1 .gfield_error input,
#gform_wrapper_1 .gfield_error select,
#gform_wrapper_1 .gfield_error textarea {
  border-color: #f87171 !important;
}

#gform_wrapper_1 .validation_message {
  color: #fca5a5 !important;
  font-size: 0.8rem;
  margin-top: 0.35rem;
}

#gform_wrapper_1 .gform_validation_errors {
  background: rgba(248, 113, 113, 0.1);
  border: 1px solid rgba(248, 113, 113, 0.3);
  border-radius: var(--st-radius-sm);
  padding: 1rem;
  margin-bottom: 1.5rem;
}

/* ─── jQuery UI datepicker popup (global) ─── */
.ui-datepicker {
  background: #ffffff !important;
  border: 1px solid var(--st-border, rgba(0, 0, 0, 0.1)) !important;
  border-radius: var(--st-radius-sm, 8px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
  padding: 0.5rem !important;
  font-family: var(--st-font, system-ui, sans-serif) !important;
}

.ui-datepicker .ui-datepicker-header {
  background: transparent !important;
  border: none !important;
  color: var(--st-text, #18181b) !important;
}

.ui-datepicker td a {
  color: var(--st-text-muted, #71717a) !important;
  border-radius: 6px !important;
}

.ui-datepicker td a.ui-state-active,
.ui-datepicker td a:hover {
  background: var(--st-accent, #7c3aed) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ─── Responsive ─── */
@media (max-width: 599px) {
  #gform_wrapper_1 {
    padding: 1rem;
  }

  #gform_wrapper_1 .gfield_radio {
    max-width: 100%;
    flex-direction: column;
    gap: 4px !important;
  }

  #gform_wrapper_1 .gform_page_footer {
    flex-direction: column;
  }

  #gform_wrapper_1 .gform_next_button,
  #gform_wrapper_1 .gform_button,
  #gform_wrapper_1 .gform_previous_button {
    width: 100%;
  }

  #gform_wrapper_1 .gpnf-nested-entries {
    display: block;
    overflow-x: auto;
  }
}

/* Override Gravity Forms orbital 12-column grid (fields stuck left) */
body #gform_wrapper_1.gform-theme--framework .gform_fields,
body #gform_wrapper_1.gform-theme--framework .gform_fields.top_label {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body #gform_wrapper_1.gform-theme--framework .gfield {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

body #gform_wrapper_1.gform-theme--framework .gfield--width-full,
body #gform_wrapper_1.gform-theme--framework .gfield--type-fileupload,
body #gform_wrapper_1.gform-theme--framework .gfield--type-form,
body #gform_wrapper_1.gform-theme--framework .gfield--choice-align-horizontal,
body #gform_wrapper_1.gform-theme--framework fieldset.gfield {
  grid-column: 1 / -1 !important;
}

@media (min-width: 640px) {
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body #gform_wrapper_1.gform-theme--framework .gfield--width-half {
    grid-column: span 1 !important;
  }
}

@media (min-width: 1024px) {
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1200px) {
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ─── GF theme overrides (select + radio must stay clickable/visible) ─── */
body #gform_wrapper_1.gform-theme--framework select,
body #gform_wrapper_1.gform-theme--framework select.large {
  pointer-events: auto !important;
  appearance: menulist !important;
  -webkit-appearance: menulist !important;
  background-color: #ffffff !important;
  color: #0a0a0b !important;
  min-height: 50px !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_select * {
  pointer-events: none;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_select select {
  pointer-events: auto !important;
}

body #gform_wrapper_1.gform-theme--framework .gchoice:has(.gfield-choice-input:checked) label {
  color: #0a0a0b !important;
  background: #ffffff !important;
  font-weight: 800 !important;
}





/**
 * StingTune — GPNF nested tracks table (mobile)
 * Parent form #1 — .gpnf-nested-entries-container
 *
 * Enqueue after stingtune-gform.css:
 *   wp_enqueue_style( 'stingtune-gpnf-tracks-mobile', .../mobile/stingtune-gpnf-tracks.css', array( 'stingtune-gform' ), '1.0.0' );
 */

/* ─── Tokens (match main form) ─── */
#gform_wrapper_1 .gpnf-nested-entries-container {
  --st-ink: #0a0a0b;
  --st-text: #0a0a0b;
  --st-text-muted: #52525b;
  --st-border: #d4d4d8;
  --st-accent-bright: #7c3aed;
  --st-radius-sm: 6px;
}

/* ─── Tablet: tighter table, smooth horizontal scroll fallback ─── */
@media (max-width: 900px) and (min-width: 768px) {
  #gform_wrapper_1 .gpnf-nested-entries-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #gform_wrapper_1 .gpnf-nested-entries {
    min-width: 560px;
  }

  #gform_wrapper_1 .gpnf-nested-entries th,
  #gform_wrapper_1 .gpnf-nested-entries td {
    padding: 0.65rem 0.75rem;
    font-size: 0.8125rem;
  }

  #gform_wrapper_1 .gpnf-row-actions ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #gform_wrapper_1 .gpnf-row-actions button {
    font-size: 0.7rem !important;
    padding: 0.4rem 0.65rem !important;
  }
}

/* ─── Mobile: card layout (uses data-heading on cells) ─── */
@media (max-width: 767px) {
  #gform_wrapper_1 .gpnf-nested-entries-container {
    overflow: visible;
    border-radius: var(--st-radius-sm);
  }

  #gform_wrapper_1 .gpnf-nested-entries {
    display: block;
    width: 100%;
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0;
  }

  #gform_wrapper_1 .gpnf-nested-entries thead {
    display: none;
  }

  #gform_wrapper_1 .gpnf-nested-entries tbody {
    display: block;
    width: 100%;
  }

  /* Each track = card — break table layout completely */
  #gform_wrapper_1 .gpnf-nested-entries tbody tr[data-entryid] {
    display: block !important;
    width: 100%;
    margin: 0 0 0.75rem;
    background: #ffffff;
    border: 1px solid var(--st-border);
    border-radius: var(--st-radius-sm);
    overflow: hidden;
    box-sizing: border-box;
  }

  #gform_wrapper_1 .gpnf-nested-entries tbody tr[data-entryid] > td {
    display: block !important;
    float: none !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #gform_wrapper_1 .gpnf-nested-entries tbody tr[data-entryid]:last-child {
    margin-bottom: 0;
  }

  /* Field rows — SONG NAME (left) | guri jaat (right) */
  #gform_wrapper_1 .gpnf-nested-entries tbody tr[data-entryid] td.gpnf-field {
    position: relative;
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
    width: 100% !important;
    max-width: 100%;
    padding: 0.65rem 0.85rem;
    border: none;
    border-bottom: 1px solid var(--st-border);
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    color: transparent;
  }

  #gform_wrapper_1 .gpnf-nested-entries td.gpnf-field::before {
    content: attr(data-heading);
    flex: 0 0 42%;
    max-width: 42%;
    min-width: 5.75rem;
    margin: 0;
    padding: 0;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.35;
    color: var(--st-text-muted);
    text-align: left;
    white-space: normal;
  }

  #gform_wrapper_1 .gpnf-nested-entries td.gpnf-field::after {
    content: attr(data-value);
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--st-text);
    text-align: right;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* Hide duplicate Knockout HTML (value shown via data-value) */
  #gform_wrapper_1 .gpnf-nested-entries td.gpnf-field > * {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
  }

  /* Actions row */
  #gform_wrapper_1 .gpnf-nested-entries td.gpnf-row-actions {
    display: block !important;
    width: 100% !important;
    padding: 0.65rem 0.85rem;
    border: none;
    background: #fafafa;
    box-sizing: border-box;
    clear: both;
  }

  #gform_wrapper_1 .gpnf-row-actions ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
  }

  #gform_wrapper_1 .gpnf-row-actions li {
    flex: 1 1 calc(50% - 0.25rem);
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  #gform_wrapper_1 .gpnf-row-actions .edit-button,
  #gform_wrapper_1 .gpnf-row-actions .delete-button {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.55rem 0.5rem !important;
    font-size: 0.6875rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    text-align: center;
    border-radius: 4px !important;
    cursor: pointer;
    box-sizing: border-box;
  }

  #gform_wrapper_1 .gpnf-row-actions .edit-button {
    color: var(--st-ink) !important;
    background: #ffffff !important;
    border: 1px solid var(--st-ink) !important;
    box-shadow: 2px 2px 0 var(--st-border) !important;
  }

  #gform_wrapper_1 .gpnf-row-actions .delete-button {
    color: #991b1b !important;
    background: #ffffff !important;
    border: 1px solid #fecaca !important;
    box-shadow: none !important;
  }

  /* Empty state */
  #gform_wrapper_1 .gpnf-nested-entries tbody tr.gpnf-no-entries {
    display: block;
  }

  #gform_wrapper_1 .gpnf-nested-entries tr.gpnf-no-entries td {
    display: block;
    width: 100%;
    padding: 1.75rem 1rem;
    text-align: center;
    font-size: 0.875rem;
    border: none;
  }

  #gform_wrapper_1 .gpnf-nested-entries tr.gpnf-no-entries td::before {
    display: none;
  }

  /* Add Track — full width */
  #gform_wrapper_1 .gpnf-add-entry {
    display: block;
    width: calc(100% - 1.5rem);
    margin: 0.85rem 0.75rem 0.75rem;
    padding: 0.7rem 1rem !important;
    text-align: center;
    box-sizing: border-box;
  }

  #gform_wrapper_1 .gpnf-add-entry-max {
    margin: 0 0.75rem 0.75rem;
    padding: 0 0.25rem;
    font-size: 0.75rem;
    line-height: 1.4;
    text-align: center;
  }
}

/* ─── Narrow phones: stack action buttons ─── */
@media (max-width: 380px) {
  #gform_wrapper_1 .gpnf-row-actions li {
    flex: 1 1 100%;
  }
}









/**
 * StingTune — Gravity Forms (Form #1) — Premium UI
 * Add via: Appearance → Customize → Additional CSS
 *   or enqueue in child theme: wp_enqueue_style( 'stingtune-gform', ... );
 */

/* ─── Design tokens (override GF orbital theme) ─── */
#gform_wrapper_1[data-form-index="0"].gform-theme,
#gform_wrapper_1[data-form-theme="orbital"].gform-theme--orbital,
body #gform_wrapper_1.gform-theme.gform-theme--foundation.gform-theme--framework.gform-theme--orbital,
[data-parent-form="1_0"] {
  --st-accent: #5b21b6;
  --st-accent-bright: #7c3aed;
  --st-accent-rgb: 91, 33, 182;
  --st-accent-soft: rgba(91, 33, 182, 0.14);
  --st-accent-glow: rgba(91, 33, 182, 0.45);
  --st-ink: #0a0a0b;
  --st-surface: #ffffff;
  --st-surface-raised: #ffffff;
  --st-surface-input: #f4f4f5;
  --st-border: #d4d4d8;
  --st-border-bold: #18181b;
  --st-border-focus: #5b21b6;
  --st-text: #0a0a0b;
  --st-text-muted: #52525b;
  --st-radius: 10px;
  --st-radius-sm: 6px;
  --st-shadow: 0 4px 0 #0a0a0b;
  --st-font: "Inter", system-ui, -apple-system, sans-serif;

  --gf-color-primary: #5b21b6 !important;
  --gf-color-primary-rgb: 91, 33, 182 !important;
  --gf-color-primary-contrast: #fff !important;
  --gf-color-in-ctrl-primary: #5b21b6 !important;
  --gf-color-in-ctrl: var(--st-surface-input) !important;
  --gf-color-in-ctrl-contrast: var(--st-text) !important;
  --gf-color-out-ctrl-light: var(--st-border) !important;
  --gf-ctrl-border-color: var(--st-border) !important;
  --gf-radius: var(--st-radius-sm) !important;
  --gf-ctrl-label-color-primary: var(--st-text) !important;
  --gf-ctrl-label-color-secondary: var(--st-text-muted) !important;

  --st-form-max: 920px;
  --gf-form-width: var(--st-form-max);
  --gf-form-gap-x: 1.5rem;
  --gf-form-gap-y: 1.25rem;

  font-family: var(--st-font);
  color: var(--st-text);
}

/* ─── Wrapper — centered, readable max width (fields stay 100% inside) ─── */
.gfdf-form_wrapper,
#gform_wrapper_1 {
  width: 100% !important;
  max-width: var(--st-form-max, 920px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.25rem, 3vw, 2rem) clamp(1rem, 3vw, 1.5rem);
  background: #ffffff !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

#gform_wrapper_1 form#gform_1 {
  width: 100%;
  max-width: 100%;
}

#gform_wrapper_1 .gform_heading {
  margin-bottom: 1.5rem;
}

#gform_wrapper_1 .gform_description {
  color: var(--st-text-muted);
  font-size: 0.95rem;
  line-height: 1.6;
}

/* ─── Progress bar ─── */
#gform_wrapper_1 .gf_progressbar_wrapper {
  margin-bottom: 2rem;
  padding: 1.25rem 1.5rem;
  background: var(--st-ink);
  border-radius: var(--st-radius);
  border: 2px solid var(--st-ink);
  box-shadow: var(--st-shadow);
}

#gform_wrapper_1 .gf_progressbar_title {
  margin: 0 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #a1a1aa;
}

#gform_wrapper_1 .gf_step_current_page,
#gform_wrapper_1 .gf_step_page_count {
  color: #ffffff;
  font-weight: 800;
}

#gform_wrapper_1 .gf_progressbar {
  height: 10px;
  background: #27272a;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid #3f3f46;
}

#gform_wrapper_1 .gf_progressbar_percentage {
  height: 100%;
  background: linear-gradient(90deg, var(--st-accent-bright), #c4b5fd);
  border-radius: 999px;
  box-shadow: 0 0 16px var(--st-accent-glow);
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

#gform_wrapper_1 .gf_progressbar_percentage span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* ─── Full-width form structure (override GF 12-col grid) ─── */
#gform_wrapper_1 .gform-body,
#gform_wrapper_1 .gform_page,
#gform_wrapper_1 .gform_page_fields,
#gform_wrapper_1 .gform_fields,
#gform_wrapper_1 .gfield,
#gform_wrapper_1 .ginput_container,
#gform_wrapper_1 .ginput_container_fileupload,
#gform_wrapper_1 .gpnf-nested-entries-container {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

#gform_wrapper_1 .gform_fields {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 1.5rem !important;
  row-gap: 1.25rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Reset Gravity Forms orbital column spans */
#gform_wrapper_1 .gfield {
  margin: 0 !important;
  padding: 0 !important;
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}

#gform_wrapper_1 .gfield--width-half {
  grid-column: 1 / -1 !important;
}

@media (min-width: 640px) {
  #gform_wrapper_1 .gform_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #gform_wrapper_1 .gfield--width-half {
    grid-column: span 1 !important;
  }

  #gform_wrapper_1 .gfield--width-full,
  #gform_wrapper_1 .gfield--type-fileupload,
  #gform_wrapper_1 .gfield--type-form,
  #gform_wrapper_1 .gfield--choice-align-horizontal {
    grid-column: 1 / -1 !important;
  }
}

@media (min-width: 1024px) {
  #gform_wrapper_1 .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 2rem !important;
  }
}

/* Cap at 3 columns — form box is already narrow */
@media (min-width: 1200px) {
  #gform_wrapper_1 .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

#gform_wrapper_1 .gfield_label,
#gform_wrapper_1 legend.gfield_label {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--st-ink) !important;
  margin-bottom: 0.5rem;
}

#gform_wrapper_1 .gfield_required_text {
  color: #f87171;
  font-weight: 500;
  font-size: 0.75rem;
}

#gform_wrapper_1 .gfield_description,
#gform_wrapper_1 .gform_fileupload_rules {
  font-size: 0.75rem;
  color: var(--st-text-muted) !important;
  margin-top: 0.35rem;
}

/* ─── Text inputs (not select — keep native dropdown working) ─── */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 input[type="url"],
#gform_wrapper_1 input[type="number"],
#gform_wrapper_1 textarea {
  width: 100%;
  padding: 0.85rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--st-text) !important;
  background-color: #ffffff !important;
  border: 2px solid var(--st-border-bold) !important;
  border-radius: var(--st-radius-sm) !important;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-shadow: 2px 2px 0 var(--st-border) !important;
}

#gform_wrapper_1 input:focus,
#gform_wrapper_1 textarea:focus {
  outline: none !important;
  border-color: var(--st-border-focus) !important;
  box-shadow: 2px 2px 0 var(--st-accent-soft), 0 0 0 3px var(--st-accent-soft) !important;
}

/* ─── Selects — native behavior, no appearance:none ─── */
#gform_wrapper_1 .ginput_container_select {
  position: relative !important;
  overflow: visible !important;
  z-index: 1;
}

#gform_wrapper_1 .ginput_container_select::before,
#gform_wrapper_1 .ginput_container_select::after {
  pointer-events: none !important;
}

#gform_wrapper_1 select,
#gform_wrapper_1 select.large,
#gform_wrapper_1 .gfield_select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 50px !important;
  padding: 0.85rem 2.5rem 0.85rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--st-ink) !important;
  background-color: #ffffff !important;
  border: 2px solid var(--st-border-bold) !important;
  border-radius: var(--st-radius-sm) !important;
  box-shadow: 2px 2px 0 var(--st-border) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
}

#gform_wrapper_1 select:focus,
#gform_wrapper_1 select.large:focus {
  outline: none !important;
  border-color: var(--st-border-focus) !important;
  box-shadow: 2px 2px 0 var(--st-accent-soft), 0 0 0 3px var(--st-accent-soft) !important;
}

#gform_wrapper_1 select option {
  color: var(--st-ink);
  background: #ffffff;
  font-weight: 600;
}

/* GF ".large" class caps input width — remove it */
#gform_wrapper_1 .large,
#gform_wrapper_1 input.large,
#gform_wrapper_1 select.large,
#gform_wrapper_1 textarea.large {
  width: 100% !important;
  max-width: 100% !important;
  inline-size: 100% !important;
}

#gform_wrapper_1 .ginput_container_date {
  position: relative;
}

#gform_wrapper_1 .ginput_container_date input.datepicker {
  padding-right: 2.75rem !important;
  font-weight: 600 !important;
  border: 2px solid var(--st-border-bold) !important;
  box-shadow: 2px 2px 0 var(--st-border) !important;
  min-height: 50px;
}

#gform_wrapper_1 .ui-datepicker-trigger {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.55;
  cursor: pointer;
  transition: opacity 0.2s;
}

#gform_wrapper_1 .ui-datepicker-trigger:hover {
  opacity: 1;
}

/* ─── Radio — segmented control (clickable + visible active state) ─── */
#gform_wrapper_1 .ginput_container_radio {
  width: 100%;
  max-width: 100%;
}

#gform_wrapper_1 .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  gap: 6px !important;
  padding: 5px !important;
  background: var(--st-ink) !important;
  border: 2px solid var(--st-ink) !important;
  border-radius: var(--st-radius) !important;
  box-shadow: var(--st-shadow) !important;
  width: 100% !important;
  max-width: 100%;
  margin: 0 !important;
  list-style: none;
}

#gform_wrapper_1 .gchoice {
  position: relative !important;
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: calc(var(--st-radius) - 2px);
  overflow: visible;
  isolation: isolate;
  background: transparent !important;
}

#gform_wrapper_1 .gfield-choice-input {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  z-index: 3 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  touch-action: manipulation;
}

#gform_wrapper_1 .gfield-choice-input::before,
#gform_wrapper_1 .gfield-choice-input::after,
#gform_wrapper_1 .gchoice label::before,
#gform_wrapper_1 .gchoice label::after,
body #gform_wrapper_1 .gfield-choice-input::before,
body #gform_wrapper_1 .gfield-choice-input::after,
body #gform_wrapper_1 .gchoice label::before,
body #gform_wrapper_1 .gchoice label::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

#gform_wrapper_1 .gchoice label,
#gform_wrapper_1 .gchoice label.gform-field-label,
body #gform_wrapper_1 .gchoice label.gform-field-label--type-inline {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 0.55rem 0.75rem !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  text-align: center;
  color: #e4e4e7 !important;
  -webkit-text-fill-color: #e4e4e7 !important;
  background: transparent !important;
  border: none !important;
  border-radius: calc(var(--st-radius) - 4px) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  pointer-events: none !important;
  margin: 0 !important;
  transition: color 0.15s, background 0.15s;
}

#gform_wrapper_1 .gchoice:not(:has(.gfield-choice-input:checked)) label {
  color: #e4e4e7 !important;
  -webkit-text-fill-color: #e4e4e7 !important;
  background: transparent !important;
}

#gform_wrapper_1 .gchoice:has(.gfield-choice-input:checked),
body #gform_wrapper_1.gform-theme--framework .gchoice:has(.gfield-choice-input:checked),
body #gform_wrapper_1.gform-theme--orbital .gchoice:has(.gfield-choice-input:checked) {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 2px var(--st-accent-bright) !important;
}

#gform_wrapper_1 .gchoice:has(.gfield-choice-input:checked) label,
#gform_wrapper_1 .gfield-choice-input:checked + label,
body #gform_wrapper_1 .gfield-choice-input:checked + label.gform-field-label,
body #gform_wrapper_1.gform-theme--framework .gfield-choice-input:checked + label {
  color: var(--st-ink) !important;
  background: #ffffff !important;
  -webkit-text-fill-color: var(--st-ink) !important;
}

#gform_wrapper_1 .gchoice:has(.gfield-choice-input:focus-visible) label {
  outline: 3px solid var(--st-accent-bright);
  outline-offset: 2px;
}

/* Hide duplicate Format fields (21, 27, 28) — keep field 21 only */
#gform_wrapper_1 #field_1_27,
#gform_wrapper_1 #field_1_28 {
  display: none !important;
}

/* Max-tracks message: hidden by default; only Single + 1 track shows it (see plugin JS) */
#gform_wrapper_1 #field_1_26 .gpnf-add-entry-max {
  display: none !important;
}

#gform_wrapper_1 #field_1_26.stingtune-tracks-maxed .gpnf-add-entry {
  display: none !important;
}

#gform_wrapper_1 #field_1_26.stingtune-tracks-maxed .gpnf-add-entry-max {
  display: block !important;
}

/* ─── File upload — single box; preview lives inside ─── */
#gform_wrapper_1 .ginput_container_fileupload,
#gform_wrapper_1 .gform_fileupload_multifile {
  width: 100%;
}

/* Parent shell when preview renders as sibling of .gpfup */
#gform_wrapper_1 .gform_fileupload_multifile,
#gform_wrapper_1 [id^="gform_multifile_upload_"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  background: #fafafa;
  border: 3px dashed var(--st-ink);
  border-radius: var(--st-radius);
  box-shadow: var(--st-shadow);
  overflow: hidden;
}

#gform_wrapper_1 .gform_fileupload_multifile > #gform_preview_1_7,
#gform_wrapper_1 [id^="gform_multifile_upload_"] > ul[id^="gform_preview"] {
  order: 1;
  flex-shrink: 0;
}

#gform_wrapper_1 .gform_fileupload_multifile > .gpfup,
#gform_wrapper_1 [id^="gform_multifile_upload_"] > .gpfup {
  order: 2;
}

#gform_wrapper_1 .gpfup {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 200px;
  padding: 0 !important;
  background: transparent;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden;
  transition: background 0.25s;
}

#gform_wrapper_1 .gform_fileupload_multifile:hover,
#gform_wrapper_1 [id^="gform_multifile_upload_"]:hover,
#gform_wrapper_1 .gpfup.gpfup--drag-over {
  border-color: var(--st-accent);
  background: var(--st-accent-soft);
}

/* File preview list — inside the bordered box (top) */
#gform_wrapper_1 #gform_preview_1_7,
#gform_wrapper_1 .gpfup__files,
#gform_wrapper_1 .gpfup .gpfup__file-list,
#gform_wrapper_1 .ginput_container_fileupload > ul[id^="gform_preview"] {
  order: 1;
  width: 100% !important;
  margin: 0 !important;
  padding: 1rem 1rem 0 !important;
  list-style: none !important;
  box-sizing: border-box;
}

#gform_wrapper_1 .gpfup__file,
#gform_wrapper_1 #gform_preview_1_7 li,
#gform_wrapper_1 .ginput_container_fileupload .gpfup__file {
  display: flex !important;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  background: #ffffff !important;
  border: 1px solid var(--st-border) !important;
  border-radius: var(--st-radius-sm) !important;
}

#gform_wrapper_1 .gpfup__file img,
#gform_wrapper_1 #gform_preview_1_7 img {
  max-width: 80px;
  max-height: 80px;
  object-fit: cover;
  border-radius: 6px;
}

/* Drop prompt — bottom of same box (or full box when empty) */
#gform_wrapper_1 .gpfup__droparea {
  order: 2;
  flex: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  margin: 0 !important;
  padding: 1.5rem !important;
  background: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 8px,
      rgba(124, 58, 237, 0.03) 8px,
      rgba(124, 58, 237, 0.03) 16px
    ),
    transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-top: 1px solid var(--st-border);
}

#gform_wrapper_1 .gpfup:not(.gpfup--has-files) .gpfup__droparea {
  border-top: none;
  min-height: 200px;
}

#gform_wrapper_1 .gpfup--has-files .gpfup__droparea {
  min-height: 72px;
  padding: 0.75rem 1rem !important;
}

#gform_wrapper_1 .gpfup__droparea > div {
  text-align: center;
}

#gform_wrapper_1 .gpfup__droparea span {
  color: var(--st-text-muted);
  font-size: 0.9rem;
}

#gform_wrapper_1 .gpfup__select-files {
  background: transparent !important;
  border: none !important;
  color: var(--st-ink) !important;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: 0 !important;
  cursor: pointer;
  box-shadow: none !important;
}

#gform_wrapper_1 .gpfup__select-files:hover {
  color: #6d28d9 !important;
}

/* ─── Page 2: Nested tracks table ─── */
/* Frontend: Song + Action headers/columns only (full details in WP admin) */
#gform_wrapper_1 .gpnf-nested-entries thead th.gpnf-field-6,
#gform_wrapper_1 .gpnf-nested-entries thead th.gpnf-field-16,
#gform_wrapper_1 .gpnf-nested-entries thead tr > th:not(.gpnf-field-1):not(.gpnf-row-actions) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

#gform_wrapper_1 .gpnf-nested-entries tbody td.gpnf-field:not([data-heading="Song Name"]) {
  display: none !important;
}

#gform_wrapper_1 .gpnf-nested-entries th.gpnf-field-1 {
  font-size: 0 !important;
  line-height: 0;
}

#gform_wrapper_1 .gpnf-nested-entries th.gpnf-field-1::after {
  content: "Song";
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #ffffff;
}

#gform_wrapper_1 .gpnf-nested-entries th.gpnf-row-actions {
  width: 1%;
  white-space: nowrap;
  text-align: right;
  font-size: 0 !important;
  line-height: 0;
}

#gform_wrapper_1 .gpnf-nested-entries th.gpnf-row-actions .screen-reader-text {
  display: none !important;
}

#gform_wrapper_1 .gpnf-nested-entries th.gpnf-row-actions::after {
  content: "Action";
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #ffffff;
}

#gform_wrapper_1 .gpnf-nested-entries-container {
  background: #fafafa;
  border: 2px solid var(--st-ink);
  border-radius: var(--st-radius);
  box-shadow: var(--st-shadow);
  overflow: hidden;
}

#gform_wrapper_1 .gpnf-nested-entries {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

#gform_wrapper_1 .gpnf-nested-entries thead {
  background: var(--st-ink);
}

#gform_wrapper_1 .gpnf-nested-entries th {
  padding: 0.875rem 1rem;
  text-align: left;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  border-bottom: none;
}

#gform_wrapper_1 .gpnf-nested-entries td {
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--st-border);
  color: var(--st-text);
}

#gform_wrapper_1 .gpnf-no-entries td {
  text-align: center;
  padding: 2.5rem 1rem;
  color: var(--st-text-muted);
  font-style: italic;
}

#gform_wrapper_1 .gpnf-add-entry {
  margin: 1rem;
  padding: 0.75rem 1.5rem !important;
  font-size: 0.8rem !important;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--st-ink) !important;
  background: #ffffff !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 3px 3px 0 var(--st-accent-bright) !important;
  border-radius: var(--st-radius-sm) !important;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}

#gform_wrapper_1 .gpnf-add-entry:hover:not(:disabled) {
  background: rgba(124, 58, 237, 0.22) !important;
  transform: translateY(-1px);
}

#gform_wrapper_1 .gpnf-add-entry-max {
  margin: 0 1rem 1rem;
  font-size: 0.8rem;
  color: #fbbf24;
}

/* ─── Footer buttons ─── */
#gform_wrapper_1 .gform_page_footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--st-border);
}

#gform_wrapper_1 .gform_next_button,
#gform_wrapper_1 .gform_button,
#gform_wrapper_1 .gform_previous_button {
  padding: 1rem 2rem !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: var(--st-radius-sm) !important;
  cursor: pointer;
  transition: transform 0.12s, box-shadow 0.12s;
}

#gform_wrapper_1 .gform_next_button,
#gform_wrapper_1 .gform_button {
  background: var(--st-ink) !important;
  color: #fff !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 4px 4px 0 var(--st-accent-bright) !important;
}

#gform_wrapper_1 .gform_next_button:hover,
#gform_wrapper_1 .gform_button:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--st-accent-bright) !important;
}

#gform_wrapper_1 .gform_previous_button {
  background: #ffffff !important;
  color: var(--st-ink) !important;
  border: 2px solid var(--st-ink) !important;
  box-shadow: 3px 3px 0 var(--st-border) !important;
}

#gform_wrapper_1 .gform_previous_button:hover {
  color: var(--st-text) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  background: #f4f4f5 !important;
}

/* ─── Validation ─── */
#gform_wrapper_1 .gfield_error input,
#gform_wrapper_1 .gfield_error select,
#gform_wrapper_1 .gfield_error textarea {
  border-color: #f87171 !important;
}

#gform_wrapper_1 .validation_message {
  color: #fca5a5 !important;
  font-size: 0.8rem;
  margin-top: 0.35rem;
}

#gform_wrapper_1 .gform_validation_errors {
  background: rgba(248, 113, 113, 0.1);
  border: 1px solid rgba(248, 113, 113, 0.3);
  border-radius: var(--st-radius-sm);
  padding: 1rem;
  margin-bottom: 1.5rem;
}

/* ─── jQuery UI datepicker popup (global) ─── */
.ui-datepicker {
  background: #ffffff !important;
  border: 1px solid var(--st-border, rgba(0, 0, 0, 0.1)) !important;
  border-radius: var(--st-radius-sm, 8px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
  padding: 0.5rem !important;
  font-family: var(--st-font, system-ui, sans-serif) !important;
}

.ui-datepicker .ui-datepicker-header {
  background: transparent !important;
  border: none !important;
  color: var(--st-text, #18181b) !important;
}

.ui-datepicker td a {
  color: var(--st-text-muted, #71717a) !important;
  border-radius: 6px !important;
}

.ui-datepicker td a.ui-state-active,
.ui-datepicker td a:hover {
  background: var(--st-accent, #7c3aed) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ─── Responsive / mobile ─── */
@media (max-width: 767px) {
  #gform_wrapper_1 {
    padding: 0.85rem 0.65rem;
    max-width: 100% !important;
  }

  #gform_wrapper_1 .gform_fields,
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 1rem !important;
  }

  #gform_wrapper_1 .gfield--width-half {
    grid-column: 1 / -1 !important;
  }

  #gform_wrapper_1 input[type="text"],
  #gform_wrapper_1 input[type="email"],
  #gform_wrapper_1 input[type="tel"],
  #gform_wrapper_1 input[type="url"],
  #gform_wrapper_1 input[type="number"],
  #gform_wrapper_1 textarea,
  #gform_wrapper_1 select,
  #gform_wrapper_1 select.large {
    min-height: 44px;
    padding: 0.65rem 0.85rem !important;
    font-size: 16px !important;
  }

  #gform_wrapper_1 .gfield_radio {
    flex-direction: row !important;
    max-width: 100%;
    gap: 5px !important;
    padding: 4px !important;
  }

  #gform_wrapper_1 .gchoice {
    min-height: 42px;
  }

  #gform_wrapper_1 .gchoice label {
    min-height: 42px;
    padding: 0.5rem 0.5rem !important;
    font-size: 0.75rem !important;
  }

  #gform_wrapper_1 .gpfup {
    min-height: 160px;
  }

  #gform_wrapper_1 .gpfup__droparea {
    min-height: 110px;
    padding: 1rem !important;
  }

  #gform_wrapper_1 .gf_progressbar_wrapper {
    padding: 1rem;
  }

  #gform_wrapper_1 .gform_page_footer {
    flex-direction: column;
  }

  #gform_wrapper_1 .gform_next_button,
  #gform_wrapper_1 .gform_button,
  #gform_wrapper_1 .gform_previous_button {
    width: 100%;
  }

  #gform_wrapper_1 .gpnf-add-entry {
    width: calc(100% - 1.5rem);
    display: block;
    text-align: center;
    box-sizing: border-box;
  }
}

/* Override Gravity Forms orbital 12-column grid (fields stuck left) */
body #gform_wrapper_1.gform-theme--framework .gform_fields,
body #gform_wrapper_1.gform-theme--framework .gform_fields.top_label {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body #gform_wrapper_1.gform-theme--framework .gfield {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

body #gform_wrapper_1.gform-theme--framework .gfield--width-full,
body #gform_wrapper_1.gform-theme--framework .gfield--type-fileupload,
body #gform_wrapper_1.gform-theme--framework .gfield--type-form,
body #gform_wrapper_1.gform-theme--framework .gfield--choice-align-horizontal,
body #gform_wrapper_1.gform-theme--framework fieldset.gfield {
  grid-column: 1 / -1 !important;
}

@media (min-width: 640px) {
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body #gform_wrapper_1.gform-theme--framework .gfield--width-half {
    grid-column: span 1 !important;
  }
}

@media (min-width: 1024px) {
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1200px) {
  body #gform_wrapper_1.gform-theme--framework .gform_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ─── GF theme overrides (select + radio must stay clickable/visible) ─── */
body #gform_wrapper_1.gform-theme--framework select,
body #gform_wrapper_1.gform-theme--framework select.large {
  pointer-events: auto !important;
  appearance: menulist !important;
  -webkit-appearance: menulist !important;
  background-color: #ffffff !important;
  color: #0a0a0b !important;
  min-height: 50px !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_select * {
  pointer-events: none;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_select select {
  pointer-events: auto !important;
}

/* Radio — beat GF orbital (clicks + active on desktop & mobile) */
body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gfield_radio,
body #gform_wrapper_1.gform-theme--orbital .ginput_container_radio .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gchoice,
body #gform_wrapper_1.gform-theme--orbital .ginput_container_radio .gchoice {
  position: relative !important;
  background: transparent !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gfield-choice-input,
body #gform_wrapper_1.gform-theme--orbital .ginput_container_radio .gfield-choice-input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gchoice label,
body #gform_wrapper_1.gform-theme--orbital .ginput_container_radio .gchoice label {
  pointer-events: none !important;
  z-index: 1 !important;
}

body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gchoice label::before,
body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gchoice label::after,
body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gfield-choice-input::before,
body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gfield-choice-input::after {
  display: none !important;
  content: none !important;
}

body #gform_wrapper_1.gform-theme--framework .gchoice:has(.gfield-choice-input:checked),
body #gform_wrapper_1.gform-theme--orbital .gchoice:has(.gfield-choice-input:checked) {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 2px #7c3aed !important;
}

body #gform_wrapper_1.gform-theme--framework .gchoice:has(.gfield-choice-input:checked) label,
body #gform_wrapper_1.gform-theme--framework .gfield-choice-input:checked + label,
body #gform_wrapper_1.gform-theme--orbital .gfield-choice-input:checked + label {
  color: #0a0a0b !important;
  -webkit-text-fill-color: #0a0a0b !important;
  background: #ffffff !important;
  font-weight: 800 !important;
}

body #gform_wrapper_1.gform-theme--framework .gchoice:not(:has(.gfield-choice-input:checked)) label,
body #gform_wrapper_1.gform-theme--orbital .gchoice:not(:has(.gfield-choice-input:checked)) label {
  color: #e4e4e7 !important;
  -webkit-text-fill-color: #e4e4e7 !important;
  background: transparent !important;
}

@media (max-width: 767px) {
  body #gform_wrapper_1.gform-theme--framework .ginput_container_radio .gfield_radio {
    flex-direction: row !important;
  }
}

/* GPNF tracks table — Song + Action only (must load last; beats theme) */
body #gform_wrapper_1 table.gpnf-nested-entries thead tr > th.gpnf-field-6,
body #gform_wrapper_1 table.gpnf-nested-entries thead tr > th.gpnf-field-16,
body #gform_wrapper_1 table.gpnf-nested-entries thead tr > th:not(.gpnf-field-1):not(.gpnf-row-actions) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  position: absolute !important;
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid] > td.gpnf-field:not([data-heading="Song Name"]) {
  display: none !important;
}

body #gform_wrapper_1 table.gpnf-nested-entries thead tr > th.gpnf-field-1,
body #gform_wrapper_1 table.gpnf-nested-entries thead tr > th.gpnf-row-actions {
  display: table-cell !important;
  visibility: visible !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  overflow: visible !important;
}

/* Song list: bold title; Song 1, Song 2… when more than one track */
body #gform_wrapper_1 table.gpnf-nested-entries {
  counter-reset: st-song;
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid] {
  counter-increment: st-song;
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid] > td.gpnf-field[data-heading="Song Name"] {
  font-weight: 700 !important;
  color: var(--st-text, #0a0a0b) !important;
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid]:not(:only-child) > td.gpnf-field[data-heading="Song Name"]::before {
  content: "Song " counter(st-song);
  display: inline;
  margin-right: 0.4rem;
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: none;
  color: var(--st-text-muted, #52525b);
  -webkit-text-fill-color: var(--st-text-muted, #52525b);
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid]:only-child > td.gpnf-field[data-heading="Song Name"]::before {
  display: none !important;
  content: none !important;
  margin: 0 !important;
}






/**
 * StingTune — GPNF nested tracks table (mobile)
 * Parent form #1 — .gpnf-nested-entries-container
 *
 * Enqueue after stingtune-gform.css:
 *   wp_enqueue_style( 'stingtune-gpnf-tracks-mobile', .../mobile/stingtune-gpnf-tracks.css', array( 'stingtune-gform' ), '1.0.0' );
 */

/* ─── Tokens (match main form) ─── */
#gform_wrapper_1 .gpnf-nested-entries-container {
  --st-ink: #0a0a0b;
  --st-text: #0a0a0b;
  --st-text-muted: #52525b;
  --st-border: #d4d4d8;
  --st-accent-bright: #7c3aed;
  --st-radius-sm: 6px;
}

/* Frontend: Song + Action only */
#gform_wrapper_1 .gpnf-nested-entries thead th.gpnf-field-6,
#gform_wrapper_1 .gpnf-nested-entries thead th.gpnf-field-16,
#gform_wrapper_1 .gpnf-nested-entries thead tr > th:not(.gpnf-field-1):not(.gpnf-row-actions) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

#gform_wrapper_1 .gpnf-nested-entries tbody td.gpnf-field:not([data-heading="Song Name"]) {
  display: none !important;
}

#gform_wrapper_1 .gpnf-nested-entries th.gpnf-field-1 {
  font-size: 0 !important;
  line-height: 0;
}

#gform_wrapper_1 .gpnf-nested-entries th.gpnf-field-1::after {
  content: "Song";
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #ffffff;
}

#gform_wrapper_1 .gpnf-nested-entries th.gpnf-row-actions {
  font-size: 0 !important;
  line-height: 0;
  text-align: right;
}

#gform_wrapper_1 .gpnf-nested-entries th.gpnf-row-actions .screen-reader-text {
  display: none !important;
}

#gform_wrapper_1 .gpnf-nested-entries th.gpnf-row-actions::after {
  content: "Action";
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #ffffff;
}

/* ─── Tablet: tighter table, smooth horizontal scroll fallback ─── */
@media (max-width: 900px) and (min-width: 768px) {
  #gform_wrapper_1 .gpnf-nested-entries-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #gform_wrapper_1 .gpnf-nested-entries {
    min-width: 0;
  }

  #gform_wrapper_1 .gpnf-nested-entries th,
  #gform_wrapper_1 .gpnf-nested-entries td {
    padding: 0.65rem 0.75rem;
    font-size: 0.8125rem;
  }

  #gform_wrapper_1 .gpnf-row-actions ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #gform_wrapper_1 .gpnf-row-actions button {
    font-size: 0.7rem !important;
    padding: 0.4rem 0.65rem !important;
  }
}

/* ─── Mobile: card layout (uses data-heading on cells) ─── */
@media (max-width: 767px) {
  #gform_wrapper_1 .gpnf-nested-entries-container {
    overflow: visible;
    border-radius: var(--st-radius-sm);
  }

  #gform_wrapper_1 .gpnf-nested-entries {
    display: block;
    width: 100%;
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0;
  }

  /* Column headers: Song | Action (bar above cards) */
  #gform_wrapper_1 .gpnf-nested-entries thead {
    display: block !important;
    width: 100%;
  }

  #gform_wrapper_1 .gpnf-nested-entries thead tr {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.65rem 0.85rem;
    background: var(--st-ink);
    box-sizing: border-box;
  }

  #gform_wrapper_1 .gpnf-nested-entries thead th {
    display: block;
    padding: 0 !important;
    border: none;
  }

  #gform_wrapper_1 .gpnf-nested-entries thead th.gpnf-field-1 {
    flex: 1 1 auto;
    text-align: left;
  }

  #gform_wrapper_1 .gpnf-nested-entries thead th.gpnf-row-actions {
    flex: 0 0 auto;
    text-align: right;
  }

  #gform_wrapper_1 .gpnf-nested-entries thead th.gpnf-field-6,
  #gform_wrapper_1 .gpnf-nested-entries thead th.gpnf-field-16,
  #gform_wrapper_1 .gpnf-nested-entries thead tr > th:not(.gpnf-field-1):not(.gpnf-row-actions) {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  #gform_wrapper_1 .gpnf-nested-entries tbody {
    display: block;
    width: 100%;
  }

  /* Each track = card — break table layout completely */
  #gform_wrapper_1 .gpnf-nested-entries tbody tr[data-entryid] {
    display: block !important;
    width: 100%;
    margin: 0 0 0.75rem;
    background: #ffffff;
    border: 1px solid var(--st-border);
    border-radius: var(--st-radius-sm);
    overflow: hidden;
    box-sizing: border-box;
  }

  #gform_wrapper_1 .gpnf-nested-entries tbody tr[data-entryid] > td {
    display: block !important;
    float: none !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #gform_wrapper_1 .gpnf-nested-entries tbody tr[data-entryid]:last-child {
    margin-bottom: 0;
  }

  /* Field rows — SONG NAME (left) | guri jaat (right) */
  #gform_wrapper_1 .gpnf-nested-entries tbody tr[data-entryid] td.gpnf-field {
    position: relative;
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
    width: 100% !important;
    max-width: 100%;
    padding: 0.65rem 0.85rem;
    border: none;
    border-bottom: 1px solid var(--st-border);
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    color: transparent;
  }

  #gform_wrapper_1 .gpnf-nested-entries td.gpnf-field::before {
    content: attr(data-heading);
    flex: 0 0 42%;
    max-width: 42%;
    min-width: 5.75rem;
    margin: 0;
    padding: 0;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.35;
    color: var(--st-text-muted);
    text-align: left;
    white-space: normal;
  }

  #gform_wrapper_1 .gpnf-nested-entries td.gpnf-field::after {
    content: attr(data-value);
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--st-text);
    text-align: right;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* Hide duplicate Knockout HTML (value shown via data-value) */
  #gform_wrapper_1 .gpnf-nested-entries td.gpnf-field > * {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
  }

  /* Actions row */
  #gform_wrapper_1 .gpnf-nested-entries td.gpnf-row-actions {
    display: block !important;
    width: 100% !important;
    padding: 0.65rem 0.85rem;
    border: none;
    background: #fafafa;
    box-sizing: border-box;
    clear: both;
  }

  #gform_wrapper_1 .gpnf-row-actions ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
  }

  #gform_wrapper_1 .gpnf-row-actions li {
    flex: 1 1 calc(50% - 0.25rem);
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  #gform_wrapper_1 .gpnf-row-actions .edit-button,
  #gform_wrapper_1 .gpnf-row-actions .delete-button {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.55rem 0.5rem !important;
    font-size: 0.6875rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    text-align: center;
    border-radius: 4px !important;
    cursor: pointer;
    box-sizing: border-box;
  }

  #gform_wrapper_1 .gpnf-row-actions .edit-button {
    color: var(--st-ink) !important;
    background: #ffffff !important;
    border: 1px solid var(--st-ink) !important;
    box-shadow: 2px 2px 0 var(--st-border) !important;
  }

  #gform_wrapper_1 .gpnf-row-actions .delete-button {
    color: #991b1b !important;
    background: #ffffff !important;
    border: 1px solid #fecaca !important;
    box-shadow: none !important;
  }

  /* Empty state */
  #gform_wrapper_1 .gpnf-nested-entries tbody tr.gpnf-no-entries {
    display: block;
  }

  #gform_wrapper_1 .gpnf-nested-entries tr.gpnf-no-entries td {
    display: block;
    width: 100%;
    padding: 1.75rem 1rem;
    text-align: center;
    font-size: 0.875rem;
    border: none;
  }

  #gform_wrapper_1 .gpnf-nested-entries tr.gpnf-no-entries td::before {
    display: none;
  }

  /* Add Track — full width */
  #gform_wrapper_1 .gpnf-add-entry {
    display: block;
    width: calc(100% - 1.5rem);
    margin: 0.85rem 0.75rem 0.75rem;
    padding: 0.7rem 1rem !important;
    text-align: center;
    box-sizing: border-box;
  }

  #gform_wrapper_1 .gpnf-add-entry-max {
    margin: 0 0.75rem 0.75rem;
    padding: 0 0.25rem;
    font-size: 0.75rem;
    line-height: 1.4;
    text-align: center;
  }
}

/* ─── Narrow phones: stack action buttons ─── */
@media (max-width: 380px) {
  #gform_wrapper_1 .gpnf-row-actions li {
    flex: 1 1 100%;
  }
}

/* Song + Action only — final override */
body #gform_wrapper_1 table.gpnf-nested-entries thead tr > th.gpnf-field-6,
body #gform_wrapper_1 table.gpnf-nested-entries thead tr > th.gpnf-field-16,
body #gform_wrapper_1 table.gpnf-nested-entries thead tr > th:not(.gpnf-field-1):not(.gpnf-row-actions) {
  display: none !important;
  visibility: hidden !important;
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid] > td.gpnf-field:not([data-heading="Song Name"]) {
  display: none !important;
}

/* Song list: bold name; Song 1 / Song 2 labels when 2+ tracks */
body #gform_wrapper_1 table.gpnf-nested-entries {
  counter-reset: st-song;
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid] {
  counter-increment: st-song;
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid] > td.gpnf-field[data-heading="Song Name"]::after {
  font-weight: 700 !important;
  color: var(--st-text, #0a0a0b) !important;
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid]:not(:only-child) > td.gpnf-field[data-heading="Song Name"]::before {
  content: "Song " counter(st-song) !important;
  flex: 0 0 auto;
  max-width: none;
  min-width: 0;
  font-size: 0.6875rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--st-text-muted, #52525b);
  text-align: left;
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid]:only-child > td.gpnf-field[data-heading="Song Name"]::before {
  display: none !important;
  content: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body #gform_wrapper_1 table.gpnf-nested-entries tbody tr[data-entryid]:only-child > td.gpnf-field[data-heading="Song Name"]::after {
  flex: 1 1 100%;
  text-align: left;
}/* End custom CSS */