/* Fields, rows, consent and submit button use the original contact-page classes in pages-v2.css. */
.incinta-form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.incinta-form-status:empty{display:none}
.incinta-form-status:not(:empty){padding:12px;border-left:3px solid var(--gold);background:var(--cream);font-size:14px;line-height:1.6}
.incinta-appointment-form .incinta-form-help{margin-bottom:0}
.incinta-appointment-form .ct-submit{white-space:normal}

@supports (appearance: base-select) and selector(::picker(select)) {
  .incinta-appointment-form .ct-field select,
  .incinta-appointment-form select::picker(select) {
    appearance: base-select;
  }

  .incinta-appointment-form select::picker-icon {
    display: none;
  }

  .incinta-appointment-form select::picker(select) {
    max-height: min(360px, 55vh);
    margin-block: 6px;
    padding: 5px;
    border: 1px solid #d9cbbd;
    border-radius: 10px;
    background: var(--cream);
    color: var(--ink);
    font: inherit;
    box-shadow: 0 8px 24px rgb(34 49 77 / 12%);
  }

  .incinta-appointment-form select option {
    align-items: center;
    padding: 8px 12px;
    border-radius: 5px;
    line-height: 1.4;
  }

  .incinta-appointment-form select option:checked {
    background: var(--blush);
  }

  .incinta-appointment-form select option:hover,
  .incinta-appointment-form select option:focus-visible {
    background: #f0e2d8;
  }
}

.cx-hero.incinta-thank-you {
  padding: var(--section-y) var(--gutter);
}

.incinta-thank-you .eyebrow {
  margin-bottom: 16px;
}

.incinta-thank-you .cx-hero-lead {
  max-width: 42ch;
}

.incinta-thank-you .incinta-thank-you-actions {
  position: relative;
  gap: 16px 24px;
}

.incinta-thank-you-actions .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 8px 24px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
}

.incinta-thank-you-actions .incinta-thank-you-call a {
  background: transparent;
  color: var(--ink);
}

.incinta-thank-you-actions .incinta-thank-you-call a:hover {
  background: var(--ink);
  color: #fff;
}

@media (max-width: 480px) {
  .incinta-thank-you-actions {
    flex-direction: column;
    align-items: center;
  }

  .incinta-thank-you-actions .wp-block-button {
    width: min(100%, 260px);
  }

  .incinta-thank-you-actions .wp-block-button__link {
    width: 100%;
  }
}