/* Brevo Form Styles - Replaces all inline styles */

/* Roboto Font Faces */
@font-face {
  font-display: block;
  font-family: Roboto;
  src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff");
}

@font-face {
  font-display: fallback;
  font-family: Roboto;
  font-weight: 600;
  src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff");
}

@font-face {
  font-display: fallback;
  font-family: Roboto;
  font-weight: 700;
  src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff");
}

/* Input Placeholders */
#sib-container input:-ms-input-placeholder {
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #c0ccda;
}

#sib-container input::placeholder {
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #c0ccda;
}

#sib-container textarea::placeholder {
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #c0ccda;
}

#sib-container a {
  text-decoration: underline;
  color: #2BB2FC;
}

/* Main form container */
.sib-form {
  text-align: center;
  background-color: transparent;
}

/* Form container */
.sib-container--large.sib-container--vertical {
  text-align: center;
  background-color: transparent;
  max-width: 540px;
  border-width: 0px;
  border-color: #C0CCD9;
  border-style: solid;
  direction: ltr;
}

/* Form field padding */
.sib-form-block {
  padding: 8px 0;
}

/* Message panels — error styling only; success is styled in styles.css */
#error-message.sib-form-message-panel {
  font-size: 1rem;
  text-align: center;
  font-family: inherit;
  color: #661d1d;
  background-color: #ffeded;
  border-radius: 10px;
  border: 1px solid hsla(0, 70%, 50%, .35);
  max-width: 600px;
  margin: 0 auto 1rem;
  padding: .9rem 1rem;
}

/* Form labels */
.entry__label {
  font-weight: 700;
  text-align: left;
  font-size: 16px;
  font-family: Helvetica, sans-serif;
  color: #3c4858;
}


/* Specification text */
.entry__specification {
  font-size: 12px;
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #8390A4;
}

/* Submit button */
.sib-form-block__button.sib-form-block__button-with-loader {
  font-size: 16px;
  text-align: left;
  font-weight: 700;
  font-family: Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #3E4857;
  border-radius: 3px;
  border-width: 0px;
}

/* Button container */
.sib-form-block[style*="text-align: left"] {
  text-align: left;
}

/* Divider */
.sib-divider-form-block div {
  border: 0;
  border-bottom: 1px solid #E5EDF6;
}

/* Declaration text */
.sib-form__declaration {
  direction: ltr;
}

.sib-form__declaration div {
  font-size: 14px;
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #687484;
  background-color: transparent;
}

/* Checkbox text */
.entry__choice span {
  font-size: 14px;
  text-align: left;
  font-family: Helvetica, sans-serif;
  background-color: transparent;
}

/* SVG icon */
.svgIcon-sphere {
  width: 63px;
  height: 63px;
} 

/* Additional styles for 7-Day Challenge form */
.sib-checkbox-group .entry__choice { 
  margin: 8px 0;
}

#sib-container {
  background-color: transparent;
}

#sib-container input[data-type="date"],
#sib-container textarea.input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #E5EDF6;
  border-radius: 4px;
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.entry__specification { color: #8390A4; }

.g-recaptcha-v3 { display: none; }

/* Signup pages — match index.html contact form */
.signup-form-container .sib-form-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.signup-form-container .sib-form,
.signup-form-container .sib-container--large.sib-container--vertical {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
}

.signup-form-container #sib-form {
  display: grid;
  gap: 1rem;
}

.signup-form-container .sib-form-block {
  padding: 0;
}

.signup-form-container .entry__label:not(.entry__label_optin) {
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.signup-form-container #sib-container input.input {
  width: 100%;
  padding: 1rem 1.2rem;
  border-radius: 10px;
  border: 1px solid hsla(47, 46%, 62%, .3);
  background: #fff;
  color: var(--fg);
  font-family: inherit;
  font-size: 1rem;
  box-sizing: border-box;
}

.signup-form-container #sib-container input.input::placeholder {
  color: #a59f93;
  font-family: inherit;
}

.signup-form-container #sib-container input.input:focus {
  outline: none;
  border-color: var(--gold);
}

.signup-form-container .entry__error.entry__error--primary {
  font-family: inherit;
  font-size: .9rem;
  color: #661d1d;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: .25rem 0 0;
  margin: 0;
}

.signup-form-container .entry__specification {
  font-family: inherit;
  font-size: .85rem;
  color: var(--muted);
  margin-top: .5rem;
}

.signup-form-container .sib-optin .form__label-row,
.signup-form-container .sib-optin .entry__choice {
  text-align: left;
}

.signup-form-container .entry__choice {
  display: block;
  margin: 0;
}

.signup-form-container .entry__choice span {
  font-family: inherit;
  font-size: .95rem;
  color: var(--fg);
}

.signup-form-container .entry__choice p {
  margin: 0;
  display: inline;
}

.signup-form-container #sib-container a {
  color: var(--gold-dark);
  text-decoration: underline;
}

.signup-form-container .sib-form-block__button.sib-form-block__button-with-loader {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  border-radius: 1rem;
  font-family: inherit;
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
  background: var(--gradient-gold);
  border: none;
  box-shadow: var(--shadow-soft);
  cursor: var(--page-cursor);
  position: relative;
  overflow: hidden;
  width: fit-content;
  transition: transform .25s, box-shadow .25s;
}

.signup-form-container .sib-form-block__button.sib-form-block__button-with-loader::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .42), transparent);
  transition: left .5s;
}

.signup-form-container .sib-form-block__button.sib-form-block__button-with-loader:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 40px -10px hsla(47, 46%, 40%, .4);
}

.signup-form-container .sib-form-block__button.sib-form-block__button-with-loader:hover::before {
  left: 100%;
}

.signup-form-container .progress-indicator__icon.sib-hide-loader-icon {
  display: none;
}