/* RDS Hub embed page: plain, full width, transparent (the rdspos.com page behind the iframe shows through,
   as with Pardot), readable on mobile. Per-form colors come in as CSS variables on <body>.
   Loaded only on the /l/... form page, so wp-admin is unchanged.
   Density matches the old Pardot embeds: the DNN pages keep the old fixed iframe sizes. */

html, body.rds-embed {
  margin: 0;
  padding: 0;
  background: transparent;
}

body.rds-embed {
  --rds-label-color: #161c2d;
  --rds-button: #00539b;
  --rds-font: Tahoma, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  font-family: var(--rds-font);
  font-size: 13px;
  line-height: 1.3;
  color: var(--rds-label-color);
}

.rds-embed-main {
  max-width: 100%;
  padding: 0 6px 4px;
  box-sizing: border-box;
}

.rds-embed .fluentform,
.rds-embed .frm-fluent-form {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.rds-embed .rds-before-form,
.rds-embed .ff-custom_html {
  margin: 0 0 4px !important;
}

.rds-embed h1,
.rds-embed h1 span {
  margin: 0 0 4px !important;
  line-height: 1.15 !important;
  font-size: 18px !important;
}

.rds-embed .ff-el-input--label label,
.rds-embed .ff-el-form-check-label,
.rds-embed .ff-el-input--label {
  color: var(--rds-label-color);
  font-family: var(--rds-font);
  font-size: 13px;
  font-weight: normal;
  line-height: 1.25;
  margin: 0;
}

.rds-embed .ff-el-input--label {
  margin: 0 0 2px !important;
  line-height: 1.25;
}

.rds-embed .ff-el-group {
  margin-bottom: 8px !important;
}

.rds-embed .ff-el-form-control {
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;            /* 16px stops iOS zooming into the field */
  padding: 4px 8px;
  border: 1px solid #b9bfc8;
  border-radius: 3px;
  background: #fff;
  color: #222;
  line-height: 1.2;
}

.rds-embed input.ff-el-form-control,
.rds-embed select.ff-el-form-control {
  height: 32px !important;
  min-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.rds-embed textarea.ff-el-form-control {
  height: calc(1.3em * 3 + 8px);
  min-height: 0;
  line-height: 1.3;
}

.rds-embed .ff-el-form-check {
  margin-bottom: 2px;
  min-height: 0;
}

.rds-embed .ff-btn-submit,
.rds-embed .ff_submit_btn_wrapper .ff-btn {
  background-color: var(--rds-button) !important;
  border-color: var(--rds-button) !important;
  color: #fff !important;
  font-size: 14px;
  line-height: 1.2;
  padding: 7px 18px;
  border-radius: 3px;
  cursor: pointer;
  height: auto;
  min-height: 30px;
}

.rds-embed .ff_submit_btn_wrapper {
  text-align: center;
  margin: 0;
}

.rds-embed-main > p {
  font-size: 13px !important;
  line-height: 1.3;
  margin: 4px 0 !important;
}

.rds-embed .ff-message-success,
.rds-embed .rds-unavailable {
  color: var(--rds-label-color);
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 8px 0;
  font-size: 13px;
}

.rds-embed .error.text-danger,
.rds-embed .ff-el-is-error .text-danger {
  color: #d63638;
  font-size: 13px;
}

@media (max-width: 480px) {
  .rds-embed-main { padding: 0 4px 4px; }
  .rds-embed .ff-btn-submit { width: 100%; }
}