/*
 * SugarDrive tester landing page.
 *
 * Only what the landing template adds on top of the shared gd- classes in
 * style.css. Enqueued by gd_child_enqueue_styles() for that template alone.
 */

/* ---- Tester landing additions ------------------------------------------ */

.gd-callout--warn {
  border-left-color: #b4530a;
  background: rgba(180, 83, 10, .06);
}

.gd-checklist,
.gd-steps {
  margin: 0 0 4px;
  padding-left: 1.25em;
}
.gd-checklist > li,
.gd-steps > li {
  margin: 0 0 10px;
  line-height: 1.5;
}
.gd-checklist > li strong { display: inline; }

.gd-formHead { margin: 0 0 18px; }
.gd-formHead .gd-h2 {
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.15;
  margin: 0 0 6px;
}
.gd-formHead .gd-lead { margin: 0; }

.gd-form {
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  padding: 18px;
  background: rgba(0,0,0,.02);
}

@media (max-width: 560px) {
  .gd-form { padding: 14px; border-radius: 12px; }
}

/* ---- Fluent Forms: match the page, and style the "not yet" notices ----- */

.gd-form .fluentform .ff-el-group { margin-bottom: 16px; }
.gd-form .fluentform .ff-el-input--label label { font-weight: 650; }
.gd-form .fluentform .ff-btn-submit {
  background: #111;
  border-color: #111;
  border-radius: 12px;
  padding: 12px 16px;
  font-weight: 650;
}
.gd-form .fluentform .ff-btn-submit:hover { background: #000; }

.gd-ff-blocked {
  border-left: 3px solid #b4530a;
  background: rgba(180, 83, 10, .06);
  border-radius: 0 10px 10px 0;
  padding: 12px 14px;
  margin: 4px 0 8px;
}
.gd-ff-blocked p { margin: 6px 0 0; font-size: 14px; }

/* Not-a-blocker notice: the Dexcom setup is fixable in minutes, so it reads
   as a task rather than a rejection like .gd-ff-blocked does. */
.gd-ff-notice-soft {
  border-left: 3px solid #2f6f4e;
  background: rgba(47, 111, 78, .06);
  border-radius: 0 10px 10px 0;
  padding: 12px 14px;
  margin: 4px 0 8px;
}
.gd-ff-notice-soft p { margin: 6px 0 0; font-size: 14px; }