/*
 * Gravity Forms styles for happynectar.
 * Extracted from legacy theme.css plus a few additions for color/contrast.
 */

.gform_wrapper.gravity-theme .gchoice {
  padding-left: 2em !important;
  position: relative;
  cursor: pointer;
}

.gform_wrapper.gravity-theme .gchoice input[type=radio], .gform_wrapper.gravity-theme .gchoice input[type=checkbox] {
  font-size: 16px;
  visibility: visible;
  -webkit-appearance: none;
  margin: 0;
  position: absolute;
  height: 14px !important;
  width: 14px !important;
  left: 4px;
  border-radius: 50%;
  top: 10px;
  background-color: transparent;
  outline: none;
  margin-left: 0 !important;
  cursor: pointer;
}

.gform_wrapper.gravity-theme .gchoice input[type=radio]:focus, .gform_wrapper.gravity-theme .gchoice input[type=radio]:hover, .gform_wrapper.gravity-theme .gchoice input[type=radio]:active, .gform_wrapper.gravity-theme .gchoice input[type=checkbox]:focus, .gform_wrapper.gravity-theme .gchoice input[type=checkbox]:hover, .gform_wrapper.gravity-theme .gchoice input[type=checkbox]:active {
  outline: none;
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
  line-height: 2em;
  font-size: 16px;
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice:before {
  font-size: 16px;
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 1px;
  top: 7px;
  border: 1px solid #000000;
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice input[type=checkbox]:checked {
  background-color: #000000;
  border-radius: 0px;
}

.gform_wrapper.gravity-theme .gfield_radio .gchoice {
  line-height: 2em;
  font-size: 16px;
}

.gform_wrapper.gravity-theme .gfield_radio .gchoice:before {
  font-size: 16px;
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 6px;
  border: 1px solid #000000;
  border-radius: 50%;
}

.gform_wrapper.gravity-theme .gfield_radio .gchoice input[type=radio]:checked {
  background-color: #000000;
}

body img.gform_ajax_spinner {
  display: none !important;
}

@media only screen and (max-width: 641px) {
  .gform_wrapper.gravity-theme input[type=submit] {
    line-height: 1 !important;
  }
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
  font-size: 16px;
  line-height: 1em;
  border-radius: 8px;
  box-shadow: none;
  border: 0.75px solid black;
}

.gform_wrapper.gravity-theme .gfield_label {
  font-family: "DM Mono", monospace;
  font-size: 14px;
  font-weight: 400;
}

.block-section .gform_wrapper.gravity-theme .gfield_required {
  display: none;
}

.gform_wrapper.gravity-theme .gfield_required {
  color: #e00000;
}

#gform_wrapper_6 .gform_footer {
  justify-content: center;
}

body .gform_wrapper.gravity-theme .gfield_required {
  display: none;
}

.gform_button:hover {
  cursor: pointer;
}
/* happynectar additions for label colors.
 *
 * NectarBlocks' dynamic CSS emits `label span { color: var(--accent-color) }`
 * — i.e. every <span> inside every <label> gets the brand accent color.
 * That makes label text orange across Gravity Forms, Woo checkout, comment
 * forms, etc. We neutralize it globally so label spans inherit from their
 * parent <label>, then set explicit black for Gravity Forms labels.
 *
 * Specificity bump (`body label span` = 0,0,3) beats NectarBlocks' `label span`
 * (0,0,2) regardless of source order.
 */
body label span {
  color: inherit;
}

.gform_wrapper.gravity-theme .gfield_label,
.gform_wrapper.gravity-theme .gfield_label *,
.gform_wrapper.gravity-theme .gfield_required,
.gform_wrapper label,
.gform_wrapper label span {
  color: #000000;
}
