/* Form treatment for the rebuilt pages.
   WPForms scopes its own rules with #wpforms-NNN, which outranks any class
   selector, so the overrides here are deliberately marked important. */

.eop-page .eop-notice{ margin-top:26px; }
.eop-page .eop-notice a{ color:var(--accent); text-decoration:none; border-bottom:1px solid rgba(186,12,47,.35); }
.eop-page .eop-notice a:hover{ border-color:var(--accent); }

.eop-page .eop-formwrap{
  background:var(--surface);
  border:1px solid rgba(201,37,44,.12);
  border-radius:3px;
  padding:clamp(24px,3vw,40px);
  max-width:760px;
  box-shadow:0 22px 52px rgba(201,37,44,.08);
}

.eop-page .eop-formwrap .wpforms-form{ margin:0; }
.eop-page .eop-formwrap .wpforms-field{ padding:0 0 20px !important; align-items:stretch !important; }
.eop-page .eop-formwrap .wpforms-field fieldset{
  width:100% !important; min-width:0; margin:0; padding:0; border:0;
}
.eop-page .eop-formwrap .wpforms-field > ul,
.eop-page .eop-formwrap .wpforms-field fieldset > ul{ width:100% !important; }

.eop-page .eop-formwrap .wpforms-field-label,
.eop-page .eop-formwrap .wpforms-field-label-inline{
  font-family:"Barlow Condensed",sans-serif !important;
  font-weight:600 !important; font-size:14px !important;
  letter-spacing:1px !important; text-transform:uppercase !important;
  color:var(--burg) !important; margin-bottom:8px !important;
}
.eop-page .eop-formwrap .wpforms-field-sublabel,
.eop-page .eop-formwrap .wpforms-field-description{
  font-family:"EB Garamond",serif !important; font-size:15px !important;
  color:rgba(57,66,64,.62) !important; text-transform:none !important;
  letter-spacing:0 !important; font-weight:400 !important;
}
.eop-page .eop-formwrap .wpforms-required-label{ color:var(--accent) !important; }

.eop-page .eop-formwrap input[type=text],
.eop-page .eop-formwrap input[type=email],
.eop-page .eop-formwrap input[type=tel],
.eop-page .eop-formwrap input[type=url],
.eop-page .eop-formwrap input[type=number],
.eop-page .eop-formwrap select,
.eop-page .eop-formwrap textarea{
  width:100% !important; max-width:100% !important;
  background:var(--bg) !important;
  border:1px solid rgba(201,37,44,.2) !important;
  border-radius:2px !important;
  padding:0 16px !important;
  height:56px !important;
  font-family:"EB Garamond",serif !important; font-size:17px !important;
  color:var(--ink) !important;
  box-shadow:none !important;
  transition:border-color .35s var(--ease), background-color .35s var(--ease) !important;
}
.eop-page .eop-formwrap textarea{ height:auto !important; min-height:140px !important; padding:16px !important; }
.eop-page .eop-formwrap select{ appearance:none; -webkit-appearance:none; padding-right:44px !important; }
.eop-page .eop-formwrap .wpforms-field-select{ position:relative; }
.eop-page .eop-formwrap input:focus,
.eop-page .eop-formwrap select:focus,
.eop-page .eop-formwrap textarea:focus{
  border-color:var(--goldm) !important; background:var(--surface) !important; outline:none !important;
}
.eop-page .eop-formwrap input::placeholder,
.eop-page .eop-formwrap textarea::placeholder{ color:rgba(57,66,64,.42) !important; }

/* The international telephone widget overlays its flag selector on the input, so
   the text has to start clear of it. */
.eop-page .eop-formwrap .iti{ width:100% !important; display:block; }
.eop-page .eop-formwrap .iti input[type=tel]{ padding-left:58px !important; }
.eop-page .eop-formwrap .iti__country-container{ z-index:3; }

.eop-page .eop-formwrap .wpforms-field-checkbox ul,
.eop-page .eop-formwrap .wpforms-field-radio ul{ list-style:none; margin:0; padding:0; }
.eop-page .eop-formwrap .wpforms-field-checkbox li,
.eop-page .eop-formwrap .wpforms-field-radio li{
  display:flex; align-items:flex-start; gap:11px; margin:0 0 10px;
}
.eop-page .eop-formwrap .wpforms-field-checkbox label,
.eop-page .eop-formwrap .wpforms-field-radio label{
  font-family:"EB Garamond",serif !important; font-size:17px !important;
  text-transform:none !important; letter-spacing:0 !important;
  font-weight:400 !important; color:var(--ink) !important; margin:0 !important;
}
.eop-page .eop-formwrap input[type=checkbox],
.eop-page .eop-formwrap input[type=radio]{ accent-color:var(--accent); width:18px; height:18px; margin-top:3px; }

.eop-page .eop-formwrap .wpforms-submit,
.eop-page .eop-formwrap button[type=submit]{
  background:var(--accent) !important; color:#FFFCF6 !important;
  border:1px solid transparent !important; border-radius:999px !important;
  padding:16px 38px !important; height:auto !important;
  font-family:"Barlow Condensed",sans-serif !important; font-weight:500 !important;
  font-size:15px !important; letter-spacing:1.1px !important; text-transform:uppercase !important;
  cursor:pointer;
  transition:transform .45s var(--ease), background-color .45s var(--ease) !important;
}
.eop-page .eop-formwrap .wpforms-submit:hover{
  background:var(--claret) !important; transform:translate3d(0,-2px,0);
}
.eop-page .eop-formwrap .wpforms-submit:focus-visible{ outline:2px solid var(--gold) !important; outline-offset:3px; }

.eop-page .eop-formwrap .wpforms-error,
.eop-page .eop-formwrap label.wpforms-error{
  font-family:"EB Garamond",serif !important; color:#C9252C !important; font-size:15px !important;
}
.eop-page .eop-formwrap .wpforms-confirmation-container-full{
  background:var(--parch) !important; border:1px solid rgba(228,184,74,.5) !important;
  border-radius:3px; padding:26px 28px !important;
  font-family:"EB Garamond",serif !important; font-size:18px !important; color:var(--ink) !important;
}

@media (max-width:900px){
  .eop-page .eop-formwrap{ padding:22px 18px; }
  .eop-page .eop-formwrap .wpforms-submit{ width:100% !important; }
}