/* Scoped overrides for Cognito's seamless form; preserve its validation and submission. */
#contact-form { margin-top:28px; min-width:0; }
#contact-form .cog-cognito, #contact-form .cog-form {
  --font-family:Manrope,Arial,sans-serif;
  --header__font-family:Fraunces,Georgia,serif;
  --label__font-family:Manrope,Arial,sans-serif;
  --button-primary__font-family:Manrope,Arial,sans-serif;
  --button-secondary__font-family:Manrope,Arial,sans-serif;
  --font-size:16px;
  --label__font-size:16px;
  --input__font-size:16px;
  --form__background-color:transparent;
  --form__margins:0px;
  --input__background-color:#fff;
  --input__border-color:#b8b8b8;
  --input__border-width:1px;
  --input__border-radius:10px;
  --input__padding-h:15px;
  --input__padding-v:13px;
  --input__color:#111;
  --button__border-radius:999px;
  --button-primary__background-color:#008078;
  --button-primary__color:#fff;
  --highlight:#008078;
  --highlight-reverse:#fff;
  font-family:Manrope,Arial,sans-serif;
  font-size:16px;
  color:#111;
  background:transparent;
  width:100%;
  max-width:100%;
  padding:0;
  margin:0;
}
#contact-form form { display:block; margin:0; }
#contact-form label { margin-top:0; }
#contact-form .cog-header { display:none; }
#contact-form .cog-label { font:500 1rem/1.5 Manrope,Arial,sans-serif; color:#111; margin:0 0 8px; }
#contact-form .el-input__inner, #contact-form .el-textarea__inner {
  font:400 1rem/1.65 Manrope,Arial,sans-serif;
  background:#fff;
  color:#111;
  border:1px solid #b8b8b8;
  border-radius:10px;
  padding:13px 15px;
  min-height:48px;
  height:auto;
  box-shadow:none;
  width:100%;
  max-width:100%;
}
#contact-form .el-select .el-input__inner { padding-right:40px; }
#contact-form .el-textarea__inner { min-height:150px; resize:vertical; }
#contact-form .el-input__inner:focus, #contact-form .el-textarea__inner:focus {
  border-color:#008078;
  outline:2px solid #008078;
  outline-offset:2px;
}
#contact-form .cog-page__navigation { justify-content:flex-start; margin-top:20px; }
#contact-form .cog-button--primary {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-height:48px;
  padding:13px 24px;
  background:#008078;
  background-image:none;
  border:1px solid #008078;
  border-radius:999px;
  color:#fff;
  font:600 .875rem/1.4 Manrope,Arial,sans-serif;
  letter-spacing:normal;
  text-transform:none;
  box-shadow:none;
  cursor:pointer;
  transition:transform .2s,background .2s;
}
#contact-form .cog-button--primary:not(:disabled):hover { background:#006c65; border-color:#006c65; transform:translateY(-2px); }
#contact-form .cog-button--primary:focus-visible { outline:3px solid #008078; outline-offset:5px; }
#contact-form .cog-button--primary:disabled { cursor:default; opacity:.65; }
#contact-form .cog-helptext, #contact-form .cog-confirmation__message { font-family:Manrope,Arial,sans-serif; line-height:1.65; }
@media(prefers-reduced-motion:reduce) { #contact-form .cog-button--primary { transition:none; } #contact-form .cog-button--primary:not(:disabled):hover { transform:none; } }
