/* Eat2day: standalone CSS; Automatic.css remains the design system. */

.jet-form-builder {
  --form-gap:var(--space-s);
  --field-bg:var(--white);
  --field-text:var(--text-dark);
  --field-border:var(--neutral-light);
  --field-border-focus:var(--primary);
  --field-radius:0;
  --field-padding-y:var(--space-xs);
  --field-padding-x:var(--space-xs);
  --button-bg:var(--secondary);
  --button-bg-hover:var(--secondary-hover);
  --button-text:var(--white);
  --button-radius:0;
  --button-padding-y:1em;
  --button-padding-x:1.5em;
  display:grid;
  gap:var(--form-gap)
}

.jet-form-builder .wp-block-columns {
  margin:0;
  gap:var(--form-gap)!important
}

.jet-form-builder .jet-form-builder-row,.jet-form-builder .field-type-text,.jet-form-builder .field-type-email,.jet-form-builder .field-type-textarea,.jet-form-builder .field-type-select {
  margin:0;
  padding:0
}

.jet-form-builder label,.jet-form-builder .jet-form-builder__label {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

.jet-form-builder input[type="text"],.jet-form-builder input[type="email"],.jet-form-builder input[type="tel"],.jet-form-builder input[type="url"],.jet-form-builder input[type="number"],.jet-form-builder input[type="password"],.jet-form-builder textarea,.jet-form-builder select {
  width:100%;
  min-height:3.25rem;
  text-align:left;
  padding:var(--field-padding-y) var(--field-padding-x);
  border:1px solid var(--field-border);
  border-radius:var(--field-radius);
  background:var(--field-bg);
  color:var(--field-text);
  font:inherit;
  line-height:1.2;
  outline;
  box-shadow:none;
  appearance:none;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease
}

.jet-form-builder input[type="text"]::placeholder,.jet-form-builder input[type="email"]::placeholder,.jet-form-builder input[type="tel"]::placeholder,.jet-form-builder input[type="url"]::placeholder,.jet-form-builder input[type="number"]::placeholder,.jet-form-builder input[type="password"]::placeholder,.jet-form-builder textarea::placeholder,.jet-form-builder select::placeholder {
  color:color-mix(in srgb,var(--field-text) 55%,transparent)
}

.jet-form-builder input[type="text"]:focus,.jet-form-builder input[type="email"]:focus,.jet-form-builder input[type="tel"]:focus,.jet-form-builder input[type="url"]:focus,.jet-form-builder input[type="number"]:focus,.jet-form-builder input[type="password"]:focus,.jet-form-builder textarea:focus,.jet-form-builder select:focus {
  border-color:var(--field-border-focus);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--field-border-focus) 22%,transparent)
}

.jet-form-builder textarea {
  min-height:8rem;
  resize:vertical
}

.jet-form-builder select {
  cursor:pointer
}

.jet-form-builder button[type="submit"],.jet-form-builder .jet-form-builder__submit {
  width:100%;
  min-height:3.25rem;
  padding:var(--button-padding-y) var(--button-padding-x);
  border:0;
  border-radius:var(--button-radius);
  background:var(--button-bg);
  color:var(--button-text);
  font-size:var(--f-btn-text-size);
  line-height:1;
  cursor:pointer;
  text-align:center;
  justify-content:center;
  transition:background-color .2s ease,transform .2s ease
}

.jet-form-builder button[type="submit"]:hover,.jet-form-builder .jet-form-builder__submit:hover {
  background:var(--button-bg-hover);
  transform:translateY(-1px)
}

.jet-form-builder button[type="submit"]:focus-visible,.jet-form-builder .jet-form-builder__submit:focus-visible {
  outline;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--button-bg) 25%,transparent)
}

.jet-form-builder input[type="checkbox"],.jet-form-builder input[type="radio"] {
  accent-color:var(--button-bg)
}

.jet-form-builder .jet-form-builder__required {
  color:currentColor
}

@media (max-width:767px) {
  .jet-form-builder {
    --form-gap:var(--space-xs)
  }
.jet-form-builder input,.jet-form-builder textarea,.jet-form-builder select,.jet-form-builder button {
    font-size:16px
  }
}

div.jet-form-builder-message {
  --form-error-color:#b42318;
  --form-success-color:var(--primary-dark);
  margin:0;
  padding:0
}

div.jet-form-builder-message .jet-form-builder__field-error,div.jet-form-builder-message .jet-form-builder-message--error {
  margin-top:.35rem;
  color:var(--form-error-color);
  font-size:.875rem;
  line-height:1.4
}

div.jet-form-builder-message.jet-form-builder-message--success {
  border-color:var(--form-success-color);
  padding:1.5rem;
  border-radius:var(--field-radius);
  color:var(--form-success-color)
}

.form-embed .mc4wp-form-fields {
  display:flex;
  flex-direction:column;
  gap:var(--f-field-margin-bottom,1.5em)
}

.form-embed .mc4wp-form-fields>p {
  margin:0;
  width:100%
}

.form-embed .form-row {
  display:flex;
  gap:var(--f-grid-gutter,2rem)
}

.form-embed .form-row>p {
  flex:1 1 0;
  margin:0
}

@media (max-width:480px) {
  .form-embed .form-row {
    flex-direction:column;
    gap:var(--f-field-margin-bottom,1.5em)
  }
}

.form-embed .mc4wp-form label {
  display:block;
  background-color:var(--f-light-label-background-color,transparent);
  color:var(--f-light-label-text-color,var(--neutral-dark));
  font-size:var(--f-label-size);
  font-weight:var(--f-label-font-weight,400);
  line-height:var(--f-label-line-height,1);
  margin-block-end:var(--f-label-margin-bottom,.5em);
  text-transform:var(--f-label-text-transform,none);
  padding:var(--f-label-padding-y,0) var(--f-label-padding-x,0)
}

.form-embed .mc4wp-form input[type="text"],.form-embed .mc4wp-form input[type="email"],.form-embed .mc4wp-form input[type="tel"],.form-embed .mc4wp-form input[type="url"],.form-embed .mc4wp-form input[type="number"],.form-embed .mc4wp-form input[type="date"],.form-embed .mc4wp-form select,.form-embed .mc4wp-form textarea {
  display:block;
  width:100%;
  height:var(--f-input-height,5rem);
  background-color:var(--f-light-input-background,var(--white));
  border-top-width:var(--f-input-border-top-size,.1rem);
  border-right-width:var(--f-input-border-right-size,.1rem);
  border-bottom-width:var(--f-input-border-bottom-size,.1rem);
  border-left-width:var(--f-input-border-left-size,.1rem);
  border-style:var(--f-input-border-style,solid);
  border-color:var(--f-light-input-border-color,var(--neutral-light));
  border-radius:var(--f-input-border-radius,var(--btn-radius));
  color:var(--f-light-input-text-color,var(--neutral-dark));
  font-size:var(--f-input-size);
  font-weight:var(--f-input-font-weight,400);
  line-height:var(--f-input-line-height,1);
  padding:var(--f-input-padding-y,.5em) var(--f-input-padding-x,1em);
  transition:var(--transition-duration) var(--transition-timing) var(--transition-delay)
}

.form-embed .mc4wp-form textarea {
  height:auto;
  min-height:calc(var(--f-input-height,5rem) * 2.5)
}

.form-embed .mc4wp-form input[type="text"]:hover,.form-embed .mc4wp-form input[type="email"]:hover,.form-embed .mc4wp-form input[type="tel"]:hover,.form-embed .mc4wp-form input[type="url"]:hover,.form-embed .mc4wp-form input[type="number"]:hover,.form-embed .mc4wp-form input[type="date"]:hover,.form-embed .mc4wp-form select:hover,.form-embed .mc4wp-form textarea:hover {
  background-color:var(--f-light-input-color-background-hover,var(--white));
  border-color:var(--f-light-input-border-color-hover,var(--neutral-light));
  color:var(--f-light-input-text-color-hover,var(--neutral-dark))
}

.form-embed .mc4wp-form input[type="text"]:focus,.form-embed .mc4wp-form input[type="email"]:focus,.form-embed .mc4wp-form input[type="tel"]:focus,.form-embed .mc4wp-form input[type="url"]:focus,.form-embed .mc4wp-form input[type="number"]:focus,.form-embed .mc4wp-form input[type="date"]:focus,.form-embed .mc4wp-form select:focus,.form-embed .mc4wp-form textarea:focus {
  outline-style:solid;
  outline-color:var(--focus-color,var(--primary));
  outline-width:var(--focus-width,2px);
  outline-offset:var(--focus-offset,2px)
}

.form-embed .mc4wp-form input::placeholder,.form-embed .mc4wp-form textarea::placeholder {
  color:var(--f-light-input-placeholder-color,var(--neutral-dark));
  opacity:var(--f-light-input-placeholder-opacity,.5);
  transition:var(--transition-duration) var(--transition-timing) var(--transition-delay)
}

.form-embed .mc4wp-form input:hover::placeholder,.form-embed .mc4wp-form textarea:hover::placeholder {
  color:var(--f-light-input-placeholder-color-hover,var(--neutral-dark))
}

.form-embed .mc4wp-form select {
  background-image:linear-gradient(45deg,transparent 50%,var(--f-light-select-arrow-color,var(--neutral)) 0),linear-gradient(135deg,var(--f-light-select-arrow-color,var(--neutral)) 50%,transparent 0);
  background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 16px) calc(50% + 2px);
  background-repeat:no-repeat;
  background-size:4px 4px,4px 4px;
  appearance:none
}

.form-embed .mc4wp-form input[type="radio"] + label,.form-embed .mc4wp-form input[type="checkbox"] + label {
  display:inline-block;
  color:var(--f-light-label-text-color,var(--neutral-dark));
  font-size:var(--f-option-label-size);
  font-weight:var(--f-option-label-font-weight,400);
  line-height:var(--f-option-label-line-height,1.4);
  padding-inline-start:.5em;
  margin-block-end:0
}

.form-embed .mc4wp-form input[type="radio"],.form-embed .mc4wp-form input[type="checkbox"] {
  accent-color:var(--f-light-option-action-color,var(--primary))
}

.form-embed .mc4wp-form input[type="submit"] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background-color:var(--f-light-btn-background,var(--primary));
  color:var(--f-light-btn-text-color,var(--primary-ultra-light));
  border-style:var(--f-btn-border-style,solid);
  border-width:var(--f-btn-border-width,var(--btn-border-width));
  border-color:var(--f-light-btn-border-color,var(--primary));
  border-radius:var(--f-btn-border-radius,var(--btn-radius));
  font-size:var(--f-btn-text-size);
  font-weight:var(--f-btn-font-weight,400);
  line-height:var(--f-btn-line-height,1);
  padding:var(--f-btn-padding-y,.75em) var(--f-btn-padding-x,1.5em);
  min-height:var(--f-input-height,5rem);
  text-align:center;
  text-decoration:var(--f-btn-text-decoration,none);
  text-transform:var(--f-btn-text-transform,none);
  cursor:pointer;
  transition:all var(--transition-duration) var(--transition-timing)
}

.form-embed .mc4wp-form input[type="submit"]:hover {
  background-color:var(--f-light-btn-background-hover,var(--primary-hover));
  color:var(--f-light-btn-text-color-hover,var(--primary-ultra-light));
  border-color:var(--f-light-btn-border-color-hover,var(--primary-hover))
}

.form-embed .mc4wp-form input[type="submit"]:focus {
  outline-style:solid;
  outline-color:var(--focus-color,var(--primary));
  outline-width:var(--focus-width,2px);
  outline-offset:var(--focus-offset,2px)
}

.form-embed .mc4wp-response {
  margin-block-start:var(--f-field-margin-bottom,1.5em);
  font-size:var(--f-label-size)
}

/* Landingpage download CTAs: match the site's ACSS large buttons. */
.single-landing-page main .jet-form-builder__submit {
  display:inline-flex;
  align-items:center;
  gap:var(--space-xs);
  font-family:inherit;
  font-size:var(--text-l);
  font-weight:var(--btn-font-weight);
  line-height:var(--btn-line-height);
  padding-block:var(--btn-padding-block);
  padding-inline:var(--btn-padding-inline);
}

.single-landing-page main .jet-form-builder__submit::before {
  /* Same decorative file-download glyph as the existing Bricks CTAs. */
  content:"\f56d" / "";
  font-family:"Font Awesome 6 Solid";
  font-weight:900;
  font-style:normal;
  line-height:1;
  flex-shrink:0;
}
