/* ====================================================
   GENBOOT IDEA CALL FORM — gbidea-standalone-form.css
   Styles for the [genboot_idea_form] shortcode (the
   right-side form used directly on a page, no popup).
   Reuses the exact same classes/design as the popup's
   right panel — this file only supplies the CSS
   variables and the layout tweaks needed since the form
   is no longer inside the split modal.
   ==================================================== */

.gbidea-standalone {
  /* same palette as the popup — keeps the design identical */
  --gb-green:   #28c45e;
  --gb-green-d: #1fa84e;
  --gb-dark:    #0d0f14;
  --gb-radius:  14px;
  --gb-font:    'Inter', system-ui, sans-serif;
  --gb-border:  #e2e6ea;
  --gb-text:    #1a1d23;
  --gb-muted:   #6b7280;
  --gb-error:   #e53e3e;

  /* layout: no longer a flex child inside a modal, so give it
     sensible standalone sizing — full width of its container,
     with a card shadow since it's no longer sitting inside the
     modal's own box-shadow wrapper */
  width: 100%;
  margin: 0;
  padding: 32px;
  overflow: visible;
  background: #fff;
  border-radius: var(--gb-radius);
  box-shadow: 0 12px 40px rgba(0,0,0,.12);
  box-sizing: border-box;
}

/* The base CSS's flex/gap rules for the form are written against
   #gbideaForm — mirror that for the standalone form's own ID. */
#gbideaFormStandalone {
  display: flex;
  flex-direction: column;
  gap: 14px;
}