/* Installed PWA — The Thought Letter treatment
   Keeps Brevo's functional fields/captcha intact while bringing the form into the Just A Thought palette. */

.jat-app-footer__letter .jat-thought-letter-form {
  margin-top: 18px;
}

.jat-app-footer__letter .sib-form,
.jat-app-footer__letter .sib-form-container,
.jat-app-footer__letter .sib-container--large,
.jat-app-footer__letter .sib-container--vertical {
  background: transparent !important;
}

.jat-app-footer__letter #sib-container {
  max-width: none !important;
  padding: 22px !important;
  border: 1px solid var(--jat-border-subtle) !important;
  border-radius: var(--jat-radius-control) !important;
  background: var(--jat-surface-emphasis) !important;
  box-shadow: var(--jat-shadow-low) !important;
}

.jat-app-footer__letter .sib-form-block,
.jat-app-footer__letter .sib-input,
.jat-app-footer__letter .sib-captcha {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.jat-app-footer__letter .entry__label {
  color: var(--jat-text-primary) !important;
  font-family: var(--jat-font-body) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
}

.jat-app-footer__letter .entry__field {
  border: 1px solid var(--jat-border-strong) !important;
  border-radius: var(--jat-radius-control) !important;
  background: var(--jat-surface-card) !important;
}

.jat-app-footer__letter .entry__field .input {
  min-height: 48px !important;
  padding: 10px 12px !important;
  background: transparent !important;
  color: var(--jat-text-primary) !important;
  font-family: var(--jat-font-body) !important;
  font-size: .9rem !important;
}

.jat-app-footer__letter .entry__field .input::placeholder {
  color: var(--jat-text-muted) !important;
  opacity: .72;
}

.jat-app-footer__letter .jat-letter-submit {
  padding-top: 8px !important;
  text-align: left !important;
}

.jat-app-footer__letter .jat-letter-submit .sib-form-block__button {
  min-height: 44px !important;
  padding: 10px 18px !important;
  border: 1px solid var(--jat-action-primary) !important;
  border-radius: var(--jat-radius-control) !important;
  background: var(--jat-action-primary) !important;
  color: var(--jat-surface-page) !important;
  font-family: var(--jat-font-body) !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.jat-app-footer__letter .jat-letter-submit .sib-form-block__button:hover,
.jat-app-footer__letter .jat-letter-submit .sib-form-block__button:focus-visible {
  background: var(--jat-action-primary-hover) !important;
}

body.dark-mode .jat-app-footer__letter #sib-container {
  background: var(--jat-surface-emphasis) !important;
}

@media (max-width: 390px) {
  .jat-app-footer__letter #sib-container {
    padding: 16px !important;
  }
}