/* ==========================================================================
   Ballantyne Renewables — multi-step assessment quiz
   Written in the Ballantyne palette (tokens.css). Loaded only on the quiz
   page + landing pages.
   ========================================================================== */

.bal-quizpage{padding-block:var(--bal-section-y)}
.bal-quizpage__intro{margin-bottom:2rem;text-align:center;max-width:44ch;margin-inline:auto}

.bal-quiz{
  background:var(--bal-surface);
  border:1px solid var(--bal-line);
  border-radius:var(--bal-radius-lg);
  padding:clamp(1.4rem,3vw,2.5rem);
  box-shadow:var(--bal-shadow-sm);
  max-width:640px;
  margin-inline:auto;
}
.bal-lp__form .bal-quiz{border:0;box-shadow:none;padding:0;max-width:none}

.bal-quiz__progress{height:5px;border-radius:999px;background:var(--bal-line);overflow:hidden;margin-bottom:1.8rem}
.bal-quiz__progress-bar{height:100%;width:0;background:var(--bal-blue);transition:width .4s var(--bal-ease)}

.bal-quiz__step{border:0;margin:0;padding:0;min-inline-size:0}
.bal-quiz__step[hidden]{display:none}
.bal-quiz__q{font-family:var(--bal-font-head);font-weight:var(--bal-fw-semibold);font-size:1.25rem;color:var(--bal-ink);line-height:1.35;letter-spacing:-.01em;margin-bottom:.4rem;padding:0}
.bal-quiz__help{font-size:.9rem;color:var(--bal-muted);margin:0 0 1.2rem}

.bal-quiz__options{display:grid;gap:.6rem;margin-bottom:1.6rem}
.bal-quiz__option{
  display:flex;align-items:flex-start;gap:.8rem;
  padding:1rem 1.1rem;border:1.5px solid var(--bal-line);border-radius:var(--bal-radius-sm);
  cursor:pointer;transition:border-color var(--bal-dur) var(--bal-ease),background var(--bal-dur) var(--bal-ease);
  background:var(--bal-bg);
}
.bal-quiz__option:hover{border-color:var(--bal-blue)}
.bal-quiz__option input{
  appearance:none;-webkit-appearance:none;flex:0 0 auto;width:20px;height:20px;margin-top:1px;
  border:2px solid var(--bal-grey);background:#fff;position:relative;
}
.bal-quiz__option input[type="radio"]{border-radius:50%}
.bal-quiz__option input[type="checkbox"]{border-radius:5px}
.bal-quiz__option input:checked{border-color:var(--bal-blue);background:var(--bal-blue)}
.bal-quiz__option input:checked::after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border-right:2px solid var(--bal-navy);border-bottom:2px solid var(--bal-navy);transform:rotate(40deg)}
.bal-quiz__option input[type="radio"]:checked::after{left:5px;top:5px;width:8px;height:8px;border:0;border-radius:50%;background:var(--bal-navy);transform:none}
.bal-quiz__option:has(input:checked){border-color:var(--bal-blue);background:var(--bal-blue-100)}
.bal-quiz__option-label{font-size:.98rem;color:var(--bal-ink);line-height:1.4}

/* image-topped options (property-type step) */
.bal-quiz__options--img{grid-template-columns:repeat(3,1fr);gap:.8rem}
.bal-quiz__option--img{flex-direction:column;align-items:stretch;gap:.6rem;padding:.6rem}
.bal-quiz__option--img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--bal-radius-sm)}
.bal-quiz__option--img input{position:absolute;top:.7rem;right:.7rem;z-index:2}
.bal-quiz__option--img{position:relative}
.bal-quiz__option--img .bal-quiz__option-label{text-align:center;font-weight:var(--bal-fw-medium)}
@media (max-width:560px){.bal-quiz__options--img{grid-template-columns:1fr 1fr}}

.bal-quiz__fields{display:grid;gap:1rem;margin-bottom:1rem}
.bal-quiz__fields label{display:flex;flex-direction:column;gap:.35rem;font-size:.86rem;font-weight:var(--bal-fw-semibold);color:var(--bal-ink)}
.bal-quiz__fields input{padding:.85rem 1rem;border:1.5px solid var(--bal-line);border-radius:var(--bal-radius-sm);font:inherit;background:var(--bal-bg)}
.bal-quiz__fields input:focus{border-color:var(--bal-blue);outline:0}
.bal-quiz__consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;color:var(--bal-body);margin-bottom:1.4rem}
.bal-quiz__consent input{margin-top:2px}

.bal-quiz__nav{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.bal-quiz__nav .bal-btn{min-width:110px}

.bal-quiz__done[hidden]{display:none}
.bal-quiz__result[hidden]{display:none}
.bal-quiz__result h2{margin:.4rem 0 .6rem}
.bal-quiz__result p{color:var(--bal-body)}
.bal-quiz__result .bal-btn{margin-top:.6rem}
.bal-quiz__done-foot{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--bal-line);font-size:.9rem;color:var(--bal-muted)}
.bal-quiz__error{margin-top:1.2rem;background:#fbecef;border:1px solid #e7b8c2;color:#7a0c27;padding:1rem;border-radius:var(--bal-radius-sm);font-size:.9rem}
.bal-quiz.is-submitting [data-quiz-submit]{opacity:.6;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  .bal-quiz__progress-bar{transition:none}
}