/* WIRIX registration form 1.2.7 – unified form and completion page */
html, body, button, input, select, textarea, label, .form-control {
  font-family: Lato, sans-serif !important;
}

/* Intro text follows the exact width and inner alignment of the form cards. */
.form-description {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 16px;
  padding: 0 13px;
  color: #26313b;
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
}

.wirix-section {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 14px;
  padding: 12px 13px 13px;
  border: 1px solid #ccd5de;
  border-radius: 4px;
  background: #f7f9fb;
}

.wirix-section-heading {
  margin: 0 0 11px;
  padding: 0 0 8px;
  border-bottom: 1px solid #dde3e9;
  color: #1f2b35;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.wirix-section-note {
  display: inline-block;
  margin-left: 7px;
  padding: 2px 7px;
  border-radius: 10px;
  background: #e8edf2;
  color: #58636d;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  vertical-align: 1px;
}

.wirix-section .form-row {
  margin-bottom: 10px;
}

.wirix-section .form-row:last-child,
.wirix-section .wirix-last-row {
  margin-bottom: 0;
}

.wirix-field {
  font-family: Lato, sans-serif;
}

.wirix-label {
  display: block;
  margin: 0 0 5px;
  color: #26313b;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}

.wirix-section .form-control {
  border-color: #bdc8d2;
  background: #fff;
  color: #2b343d;
  font-size: 16px;
}

.wirix-section .form-control::placeholder {
  color: #7d8994;
  opacity: 1;
}

.wirix-section .form-control:focus {
  border-color: #4ca7d1;
  box-shadow: 0 0 0 .15rem rgba(76, 167, 209, .18);
}

@media (max-width: 767px) {
  .form-description {
    padding: 0 12px;
    text-align: left;
  }

  .wirix-section {
    padding: 11px 10px 12px;
  }

  .wirix-section-note {
    margin-top: 4px;
    margin-left: 0;
  }
}


/* Completion page: keep the same typography, width and rhythm as the form. */
#ember-signup .signup-wrapper,
#ember-signup .account-wrapper {
  font-family: Lato, sans-serif !important;
}

#ember-signup h1.text-center {
  box-sizing: border-box;
  max-width: 800px;
  margin: 26px auto 10px !important;
  padding: 0 13px;
  color: #1f2b35;
  font-family: Lato, sans-serif !important;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
}

#ember-signup h1.text-center + .text-center {
  box-sizing: border-box;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 13px;
  color: #26313b;
  font-family: Lato, sans-serif !important;
  font-size: 15px;
  line-height: 1.5;
  text-align: center !important;
}

/* Keep API validation messages visually consistent. */
#ember-signup .alert,
#ember-signup .help-block,
#ember-signup .invalid-feedback {
  font-family: Lato, sans-serif !important;
}

/* Preserve the two-column grid while keeping the balancing cell invisible. */
.wirix-empty-column { min-height: 1px; }


/* After a successful registration, show only the completion message. */
body.wirix-registration-completed .form-description,
body.wirix-registration-completed .form-description + br {
  display: none !important;
}


/* Editable privacy information shown below the submit button. */
.wirix-privacy-notice {
  box-sizing: border-box;
  width: calc(100% - 30px);
  max-width: 770px;
  margin: 4px auto 22px;
  padding: 11px 13px;
  border: 1px solid #d7dee5;
  border-radius: 4px;
  background: #f7f9fb;
  color: #58636d;
  font-family: Lato, sans-serif !important;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

.wirix-privacy-notice p { margin: 0; }
.wirix-privacy-notice a { color: #1683b5; text-decoration: underline; }
.wirix-privacy-notice a:hover { text-decoration: none; }

body.wirix-registration-completed .wirix-privacy-notice {
  display: none !important;
}

@media (max-width: 767px) {
  .wirix-privacy-notice {
    width: calc(100% - 24px);
    text-align: left;
  }
}
.wirix-order-context{border:2px solid #e72535;background:#fff8f8}.wirix-context-summary{padding:14px 16px;margin-bottom:10px;background:#fff;border-radius:10px;line-height:1.6}.wirix-field textarea.form-control{min-height:94px;resize:vertical}.wirix-return-link{display:block;width:max-content;margin:24px auto;padding:12px 22px;border-radius:10px;background:#e72535;color:#fff!important;font-weight:700;text-decoration:none}.wirix-registration-completed .wirix-order-context{display:none}

html,body{height:auto!important;min-height:0!important;overflow-x:hidden!important}.logo.wirix-clean-logo{background:transparent!important;box-shadow:none!important;padding:0!important;max-width:250px!important}

html,body{overflow-y:hidden!important;height:auto!important;min-height:0!important}#ember-signup{overflow:visible!important;padding-bottom:30px!important}.application-wrapper{overflow:visible!important}
