/**
 * Bounced-address opt-in, injected under the email field by bounce-gate.js.
 *
 * Deliberately neutral navy-tinted, not red: the visitor has not made a
 * mistake, we are reporting a delivery fact about their address. The red is
 * already carried by Fluent Forms' own field error above it.
 *
 * Kept in the plugin rather than page 82378's stylesheet so form 8 stays
 * portable -- the gate has to look right wherever the form renders.
 */
.fex-bounce-explain {
  margin: 10px 0 4px;
  padding: 14px 16px;
  border: 1px solid #D6DAEE;
  border-radius: 8px;
  background: #F2F3FF;
}

.fex-bounce-explain p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.7;
  color: #4A5064;
  font-family: 'Noto Sans Bengali', 'Hind Siliguri', 'Nirmala UI', Arial, sans-serif;
}

.fex-bounce-optin {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.6;
  color: #0F2B46;
  font-family: 'Noto Sans Bengali', 'Hind Siliguri', 'Nirmala UI', Arial, sans-serif;
}

/* Fluent Forms and most themes restyle bare checkboxes; pin the essentials so
   the box cannot collapse or stretch inside the flex row. */
.fex-bounce-optin input[type="checkbox"] {
  margin: 4px 0 0;
  flex: none;
  width: 16px;
  height: 16px;
  accent-color: #273272;
}