/* Fluent Forms inside Held & Rising newsletter slots */

.bep-embed:has(.fluentform) {
  padding: 0;
  border: 0;
  background: transparent;
  white-space: normal;
  min-width: min(100%, 320px);
}

.easy-yes .fluentform,
.bep-embed .fluentform {
  margin: 0;
}

/* Band already has its own heading — hide Fluent form title if present */
.easy-yes .ff-form-title,
.easy-yes .fluentform .ff_form_title,
.easy-yes .fluentform h3.ff-form-title {
  display: none !important;
}

.easy-yes .fluentform .ff-el-input--label {
  margin-bottom: 6px;
}
.easy-yes .fluentform .ff-el-input--label label {
  color: rgba(255, 255, 255, 0.88);
  font-weight: 600;
  font-size: 0.82rem;
}
.easy-yes .fluentform .ff-el-input--label .ff-el-is-required,
.easy-yes .fluentform .ff-el-input--label .asterisk-right {
  color: var(--gold-light, #f0c27a);
}

.easy-yes .fluentform .ff-el-input--content input,
.easy-yes .fluentform .ff-el-form-control,
.bep-embed .fluentform .ff-el-input--content input,
.bep-embed .fluentform .ff-el-form-control {
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  padding: 12px 18px !important;
  min-height: 48px;
}

.easy-yes .fluentform .ff-el-input--content input:focus,
.easy-yes .fluentform .ff-el-form-control:focus {
  outline: none !important;
  border-color: rgba(240, 194, 122, 0.85) !important;
  box-shadow: 0 0 0 3px rgba(240, 194, 122, 0.2) !important;
}

.easy-yes .fluentform .ff-el-input--content input::placeholder,
.bep-embed .fluentform .ff-el-input--content input::placeholder {
  color: rgba(255, 255, 255, 0.65);
}

/* Contact / light surfaces */
.section:not(.dark) .bep-embed .fluentform .ff-el-input--content input,
.section:not(.dark) .bep-embed .fluentform .ff-el-form-control {
  border: 1px solid var(--line, #EADDD3) !important;
  background: #fff !important;
  color: var(--ink, #2D1F3D) !important;
}

.section:not(.dark) .bep-embed .fluentform .ff-el-input--content input::placeholder {
  color: var(--ink-soft, #5F5269);
}

.easy-yes .fluentform .ff-btn-submit,
.bep-embed .fluentform .ff-btn-submit {
  border-radius: 999px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #E2541F 0%, #E2367F 100%) !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 12px 22px !important;
  min-height: 48px;
  box-shadow: none !important;
}

.easy-yes .fluentform .ff-btn-submit:hover,
.bep-embed .fluentform .ff-btn-submit:hover {
  filter: brightness(1.05);
}

/* Stacked glass-panel form — balanced beside the copy */
.easy-yes .fluentform .ff-t-container,
.easy-yes .fluentform .ff-t-cell {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
.easy-yes .fluentform .ff-el-group {
  margin-bottom: 0 !important;
}

.easy-yes .frm-fluent-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}

.easy-yes .frm-fluent-form .ff-el-group:not(.ff_submit_btn_wrapper) {
  flex: 0 0 auto;
  width: 100%;
}

.easy-yes .frm-fluent-form .ff_submit_btn_wrapper {
  flex: 0 0 auto;
  width: 100%;
  margin-top: 4px;
}

.easy-yes .fluentform .ff-btn-submit {
  width: 100% !important;
  box-shadow: 0 10px 28px rgba(226, 84, 31, 0.35) !important;
}

/*
 * Kill Fluent Forms "top_merged" absolute submit (meant for inline email bars).
 * In modals / stacked layouts the button must sit under the fields.
 */
.bep-modal__form .ff_submit_btn_wrapper,
.bep-modal__form .top_merged.ff_submit_btn_wrapper,
.bep-modal__form .ff-el-group.ff_submit_btn_wrapper {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  width: 100%;
  align-self: stretch;
}

.bep-modal__form .fluentform,
.bep-modal__form .frm-fluent-form,
.bep-modal__form .fluentform form {
  position: relative;
}

.bep-modal__form .frm-fluent-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
}

.bep-modal__form .ff-t-container,
.bep-modal__form .ff-t-cell {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

.bep-modal__form .fluentform .ff-el-group {
  margin-bottom: 0 !important;
}

.bep-modal__form .fluentform .ff-el-input--label {
  margin-bottom: 6px;
}
.bep-modal__form .fluentform .ff-el-input--label label {
  color: var(--plum-800, #3C1A52);
  font-weight: 600;
  font-size: 0.88rem;
}
.bep-modal__form .fluentform .ff-el-input--label .ff-el-is-required,
.bep-modal__form .fluentform .ff-el-input--label .asterisk-right {
  color: var(--flame-from, #E2541F);
}

.bep-modal__form .fluentform .ff-el-input--content input,
.bep-modal__form .fluentform .ff-el-form-control,
.bep-modal__form .fluentform select {
  border-radius: 999px !important;
  border: 1px solid var(--line, #EADDD3) !important;
  background: #fff !important;
  color: var(--ink, #2D1F3D) !important;
  padding: 12px 18px !important;
  min-height: 48px;
  width: 100% !important;
  box-sizing: border-box;
}

.bep-modal__form .fluentform .ff-btn-submit {
  position: static !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #E2541F 0%, #E2367F 100%) !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 12px 22px !important;
  min-height: 48px;
  width: 100% !important;
  margin: 0 !important;
  box-shadow: none !important;
}

.bep-modal__form .ff-message-success,
.bep-modal__form .ff-el-is-error .error {
  font-size: 0.95rem;
  line-height: 1.5;
}

.bep-modal__form .ff-message-success {
  color: var(--plum-800, #3C1A52);
  background: var(--sand, #F3EAE2);
  border-radius: 12px;
  padding: 14px 16px;
}