/* ============================================================
   THEME — BenefitHelpGuide.com
   ------------------------------------------------------------
   Matches the lander's design system:
     Font:    Inter (loaded in index.php <head>)
     Primary: #2563EB blue / #1d4ed8 hover
     Radius:  8px
     Borders: #d1d5db
   builder.css stays untouched — all overrides live here.
   ============================================================ */


/* ----- 1. Base palette -------------------------------------- */
.fb-shell {
    --fb-primary:           #2563EB;
    --fb-primary-hover:     #1d4ed8;
    --fb-primary-contrast:  #ffffff;
    --fb-focus-ring:        rgba(37, 99, 235, 0.25);
    --fb-input-border:      #d1d5db;
    --fb-input-bg:          #ffffff;
    --fb-text:              #111827;
    --fb-muted:             #6b7280;
    --fb-font-body:         'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --fb-font-heading:      var(--fb-font-body);
    --fb-radius:            8px;
}


/* ----- 2. Per-button color overrides ------------------------
   All roles inherit the primary blue palette for now. Override
   individual --fb-btn-{role}-* variables here when we want the
   submit CTA (or any role) to look different.
   ------------------------------------------------------------ */

/* Next buttons render full width on this site, matching the
   Done/submit button. Safe here because this flow has no Prev
   buttons sharing the row — keep this per-site rather than in
   builder.js so side-by-side prev/next layouts stay possible
   elsewhere. */
.fb-shell .fb-btn-next {
    display: block;
    width: 100%;
}


/* ----- 3. Form layout (builder shell) ----------------------- */
.fb-shell {
    margin: 0 auto;
}


/* ----- 4. Error banner utilities ----------------------------
   This lander does NOT load Bootstrap. builder.js / logic.js
   toggle .d-none on #error-message and the markup uses
   .alert.alert-danger, so we provide minimal equivalents here.
   ------------------------------------------------------------ */
.fb-shell .d-none {
    display: none !important;
}

.fb-shell .alert {
    padding: 12px 14px;
    margin-bottom: 18px;
    border-radius: var(--fb-radius);
    font-size: 14px;
    line-height: 1.5;
}

.fb-shell .alert-danger {
    background: #fef0f0;
    border: 1px solid #f4caca;
    color: #b8302d;
}


/* ----- 5. Disabled button state -----------------------------
   This flow renders the submit button disabled (submitDisabled
   in slides.json) until custom.js enables it on zip blur.
   builder.css has no :disabled rule, so it lives here.
   ------------------------------------------------------------ */
.fb-shell .fb-btn:disabled {
    opacity: 0.55;
    cursor: default;
}

@media (max-width: 600px) {
  #form-wrapper{min-height: 600px}
}