/* ==========================================================================
   Clintex forms (Clintex Core plugin). The base field styles (.f, .in, .choice,
   .consent, .bmi, .step, .progress, .review, .nav-btns, .done) come from the
   approved application mockup and live in site.css; these are the extras.
   ========================================================================== */

.crg-form [hidden]{display:none!important}
.crg-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.crg-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Layout */
.a-main{min-width:0}
.a-main .progress{margin-bottom:16px}
.crg-form .step h2:focus{outline:none}
.crg-form .row3.dob{grid-template-columns:1.4fr 1fr 1fr}
.crg-form .f-consent{margin-bottom:12px}
.crg-form .f-consent .consent{margin-bottom:0}
.crg-form .f > label.consent{font-weight:400;font-size:14px;margin:0;line-height:1.65}
.crg-form .consent a{color:var(--crg-blue-text);text-decoration:underline}
.crg-form .consent .req{color:var(--crg-error)}
.crg-form .row2 > .f,.crg-form .row3 > .f{min-width:0}

/* Errors */
.crg-form .f.has-err .err{display:block}
.crg-form .f.has-err .in{border-color:var(--crg-error)}
.crg-form .f.has-err .choice span{border-color:var(--crg-error)}
.crg-form .f.has-err .consent{border-color:var(--crg-error);background:#FBEDEC}
.crg-alert{margin:28px 40px 0;padding:14px 18px;border-radius:12px;background:#FBEDEC;border:1px solid #F2C9C6;color:#9F1F17;font-weight:600;font-size:14px}
.crg-form.plain .crg-alert{margin:0 0 20px}

/* Review (step 4) */
.review:empty{display:none}
.review .grp h3{font-size:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.review .grp h3 button{background:none;border:0;color:var(--crg-blue-text);font-weight:700;font-family:inherit;font-size:13px;cursor:pointer;text-decoration:underline}

/* Buttons */
.crg-form .btn.is-busy{opacity:.7;pointer-events:none}
.nav-btns .btn{margin-left:auto}
.done-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Compact forms inside a .ff card (sponsors, contact) */
.crg-form.plain .step{padding:0}
.ff .crg-form label.choice{display:inline-block;margin:0;font-weight:inherit;font-size:inherit}
.ff .crg-form label.consent{display:flex;font-weight:400}
.ff .crg-form .f > label,.ff .crg-form legend{font-size:14px;margin-bottom:6px}
.ff .crg-form .choices{gap:8px}
.ff .crg-form .choice span{padding:9px 16px;font-size:14px}
.ff .crg-form .row2{gap:18px}
.crg-actions{margin-top:6px}
.crg-done-plain .done{padding:40px 8px}
.crg-done-plain .done .tick{width:64px;height:64px}
.crg-done-plain .done h2{font-size:var(--crg-text-2xl)}

@media (max-width:700px){
  .crg-alert{margin:20px 20px 0}
  .nav-btns .btn{padding-left:22px;padding-right:22px}
}