/* =============================================================
   CONIFY — WordPress-only additions
   Loaded by the Conify Site plugin after conify.css. The static
   site does not use this file.
   ============================================================= */

/* Admin bar (logged-in users only): keep the sticky menus below it. */
.admin-bar .gn{top:32px}
.admin-bar .gn-mobile{top:calc(var(--gn-h) + 32px)}
@media (max-width:1099px){.admin-bar.has-ln .gn{top:auto}.admin-bar .ln{top:32px}}
@media (max-width:782px){.admin-bar .gn,.admin-bar .ln{top:46px}.admin-bar .gn-mobile{top:calc(var(--gn-h) + 46px)}}
@media (max-width:600px){.admin-bar .gn,.admin-bar .ln{top:0}}

/* WordPress's standard "for screen readers only" text. Normally in the theme's
   CSS, which is switched off on our pages; plugins (Gravity Forms, …) rely on it. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;display:block;top:5px;left:5px;z-index:100000;padding:12px 20px;background:#fff;color:var(--ink);font-size:.875rem;border-radius:8px;box-shadow:0 0 0 2px var(--yellow)}

/* Theme leftovers printed in the footer area; our design has its own. */
#ast-scroll-top{display:none!important}

/* Gravity Forms in the Conify look -------------------------------------- */
.conify-form{margin-top:1.4rem}
.conify-form .gform_wrapper{margin:0;font-family:var(--font-body);color:var(--fg)}
/* Gravity Forms 2.7+ themes read these variables */
.conify-form .gform-theme--framework,.conify-form .gform_wrapper{
  --gf-color-primary:#212c56;--gf-color-primary-rgb:33,44,86;--gf-color-primary-contrast:#fff;
  --gf-ctrl-border-color:rgba(20,26,51,.18);--gf-ctrl-bg-color:#fff;--gf-radius:12px;
  --gf-ctrl-size:48px;--gf-font-family-base:var(--font-body);--gf-ctrl-label-color-primary:var(--fg)
}
.conify-form .gform_wrapper .gform_fields{row-gap:16px;column-gap:16px}
.conify-form .gform_wrapper .gfield_label,.conify-form .gform_wrapper legend.gfield_label{font-size:.875rem;font-weight:500;color:var(--fg);margin-bottom:6px}
.conify-form .gform_wrapper .gfield_required{color:var(--orange)}
.conify-form .gform_wrapper .gfield_description{font-size:.8125rem;color:var(--fg-3)}
.conify-form .gform_wrapper input[type="text"],.conify-form .gform_wrapper input[type="email"],
.conify-form .gform_wrapper input[type="tel"],.conify-form .gform_wrapper input[type="url"],
.conify-form .gform_wrapper input[type="number"],.conify-form .gform_wrapper select,
.conify-form .gform_wrapper textarea{
  width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(20,26,51,.18);border-radius:12px;
  background:#fff;color:var(--ink);font:inherit;font-size:1rem;line-height:1.4;box-shadow:none;
  transition:border-color .2s,box-shadow .2s
}
.conify-form .gform_wrapper textarea{min-height:140px}
.conify-form .gform_wrapper input:focus,.conify-form .gform_wrapper select:focus,.conify-form .gform_wrapper textarea:focus{
  outline:none;border-color:var(--navy);box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow) 45%,transparent)
}
.conify-form .gform_wrapper .gchoice label{font-size:.9375rem;color:var(--fg)}
.conify-form .gform_wrapper .gform_footer,.conify-form .gform_wrapper .gform_page_footer{margin:18px 0 0;padding:0}
.conify-form .gform_wrapper .gform_button,.conify-form .gform_wrapper input[type="submit"],.conify-form .gform_wrapper button[type="submit"]{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:0;border-radius:48px;
  background:var(--navy);color:#fff;font:600 1rem/1 var(--font-body);cursor:pointer;transition:transform .2s,box-shadow .2s
}
.conify-form .gform_wrapper .gform_button:hover,.conify-form .gform_wrapper input[type="submit"]:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--navy) 18%,transparent)}
.conify-form .gform_wrapper .gform_validation_errors{border-radius:14px;box-shadow:none}
.conify-form .gform_wrapper .validation_message{font-size:.8125rem}
.conify-form .gform_confirmation_message{padding:16px 18px;border-radius:14px;background:color-mix(in srgb,var(--yellow) 18%,transparent);color:var(--fg)}

/* Older Gravity Forms ("legacy markup", like the current contact form):
   one clean grid; e-mail and phone side by side, everything else full width. */
.conify-form .gform_legacy_markup_wrapper ul.gform_fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:0;padding:0;list-style:none}
.conify-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield{grid-column:1/-1;width:auto;max-width:none;margin:0;padding:0;clear:none}
.conify-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield--type-email,
.conify-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield--type-phone{grid-column:auto}
.conify-form .gform_legacy_markup_wrapper .ginput_container input:not([type="radio"]):not([type="checkbox"]),
.conify-form .gform_legacy_markup_wrapper .ginput_container textarea,
.conify-form .gform_legacy_markup_wrapper .ginput_container select{width:100%;max-width:none}
/* Name fields: Gravity Forms lays these out with its own flex rules; the
   !important keeps both halves full width in our grid. */
.conify-form .gform_legacy_markup_wrapper .ginput_complex{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px;width:100%!important;max-width:100%!important;box-sizing:border-box;margin:0!important}
.conify-form .gform_legacy_markup_wrapper .ginput_complex > span{width:auto!important;max-width:none!important;min-width:0;flex:none;margin:0!important;padding:0!important;float:none}
.conify-form .gform_legacy_markup_wrapper .ginput_complex > span input{width:100%!important;min-width:0}
.conify-form .gform_legacy_markup_wrapper .gfield_radio li,.conify-form .gform_legacy_markup_wrapper .gfield_checkbox li{margin:0 0 6px}
.conify-form .gform_legacy_markup_wrapper .gform_footer{padding:0;margin-top:18px}
@media (max-width:560px){
  .conify-form .gform_legacy_markup_wrapper ul.gform_fields{grid-template-columns:1fr}
  .conify-form .gform_legacy_markup_wrapper .ginput_complex{grid-template-columns:minmax(0,1fr)!important}
}

/* A longer form next to a heading: align to the top, not the middle */
.split:has(.conify-form){align-items:start}

/* On navy (newsletter): light labels, yellow button */
.theme-navy .conify-form .gfield_label,.theme-navy .conify-form .gchoice label{color:#fff}
.theme-navy .conify-form .gform_wrapper .gform_button,.theme-navy .conify-form .gform_wrapper input[type="submit"]{background:var(--yellow);color:var(--night)}
.theme-navy .conify-form .gform_confirmation_message{color:#fff}

/* Before a form is chosen on the setup screen */
.conify-form-fallback{margin-top:1.2rem;color:var(--fg-2)}
.conify-form-fallback a{text-decoration:underline;text-underline-offset:3px}
.conify-form-fallback em{display:block;margin-top:.4rem;font-size:.8125rem;color:var(--orange)}
