/* =========================================================================
   Wagon Size Finder + Quiz — interactive UI
   Loaded only on pages that render the calculator/quiz shortcodes.
   ========================================================================= */

.bcw-calc,.bcw-quiz{max-width:760px;margin:0 auto;background:var(--bcw-bg);border:1px solid var(--bcw-line);
	border-radius:var(--bcw-radius-lg);box-shadow:var(--bcw-shadow-lg);overflow:hidden}

/* Progress */
.bcw-calc__progress{height:6px;background:var(--bcw-line)}
.bcw-calc__bar{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--bcw-primary),var(--bcw-accent));transition:width .4s var(--bcw-ease)}
.bcw-calc__status{padding:1rem 1.5rem 0;color:var(--bcw-muted);font-weight:700;font-family:var(--bcw-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}

/* Step */
.bcw-step{padding:1rem 1.5rem 2rem}
.bcw-step__q{font-size:clamp(1.4rem,1.1rem+1.4vw,2rem);margin:.4rem 0 .3rem;font-family:var(--bcw-display)}
.bcw-step__help{color:var(--bcw-muted);margin:0 0 1.4rem}
.bcw-step.is-entering{animation:bcw-slidein .35s var(--bcw-ease)}
@keyframes bcw-slidein{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}

/* Options */
.bcw-options{display:grid;gap:.7rem}
.bcw-options.is-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.bcw-opt{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;cursor:pointer;
	background:var(--bcw-bg);border:2px solid var(--bcw-line);border-radius:14px;padding:1rem 1.1rem;
	font-size:1.05rem;font-weight:600;color:var(--bcw-ink);transition:all var(--bcw-fast) var(--bcw-ease)}
.bcw-opt:hover{border-color:var(--bcw-primary);background:color-mix(in srgb,var(--bcw-primary) 6%,var(--bcw-bg));transform:translateY(-2px)}
.bcw-opt:focus-visible{outline:3px solid var(--bcw-primary);outline-offset:2px}
.bcw-opt.is-selected{border-color:var(--bcw-primary);background:color-mix(in srgb,var(--bcw-primary) 10%,var(--bcw-bg))}
.bcw-opt__dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--bcw-line);flex-shrink:0;display:grid;place-items:center;transition:all var(--bcw-fast)}
.bcw-opt.is-selected .bcw-opt__dot{border-color:var(--bcw-primary);background:var(--bcw-primary)}
.bcw-opt.is-selected .bcw-opt__dot::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
/* multi-select uses a square checkbox with a tick */
.bcw-opt__dot--check{border-radius:6px}
.bcw-opt.is-selected .bcw-opt__dot--check::after{width:auto;height:auto;border-radius:0;background:none;content:"✓";color:#fff;font-size:13px;font-weight:900;line-height:1}

/* Slider */
.bcw-slider{padding:1rem 0}
.bcw-slider__val{font-size:2.4rem;font-weight:800;font-family:var(--bcw-display);color:var(--bcw-primary);text-align:center;margin-bottom:.6rem}
.bcw-slider input[type=range]{width:100%;accent-color:var(--bcw-primary);height:6px}
.bcw-slider__scale{display:flex;justify-content:space-between;color:var(--bcw-muted);font-size:.8rem;margin-top:.4rem}

/* Nav buttons */
.bcw-step__nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.6rem}
.bcw-link{background:none;border:0;color:var(--bcw-muted);cursor:pointer;font-weight:600;padding:.5rem}
.bcw-link:hover{color:var(--bcw-primary)}

/* ---------- Result report ---------- */
.bcw-result{padding:0 0 2rem}
.bcw-result.is-entering{animation:bcw-fade .5s var(--bcw-ease)}
@keyframes bcw-fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.bcw-result__hero{text-align:center;padding:2.2rem 1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--bcw-primary) 14%,var(--bcw-bg)),var(--bcw-bg))}
.bcw-result__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;color:var(--bcw-muted)}
.bcw-result__size{font-size:clamp(2rem,1.4rem+3vw,3.2rem);margin:.3rem 0;font-family:var(--bcw-display)}
.bcw-result__cat{display:inline-block;background:color-mix(in srgb,var(--bcw-primary) 12%,var(--bcw-bg));color:var(--bcw-primary);font-weight:700;font-size:.85rem;padding:.3rem .8rem;border-radius:999px;margin:0 0 .6rem}
.bcw-result__stars{color:var(--bcw-secondary);font-size:1.3rem;letter-spacing:.1em}
.bcw-result__blurb{color:var(--bcw-muted);max-width:46ch;margin:.6rem auto 0}
.bcw-confidence{margin:1rem auto 0;max-width:320px}
.bcw-confidence__track{height:8px;background:var(--bcw-line);border-radius:999px;overflow:hidden}
.bcw-confidence__fill{height:100%;background:linear-gradient(90deg,var(--bcw-accent),var(--bcw-primary));width:0;transition:width 1s var(--bcw-ease)}
.bcw-confidence__label{font-size:.82rem;color:var(--bcw-muted);margin-top:.4rem}

.bcw-result__sections{padding:1.5rem}
.bcw-rsec{border-top:1px solid var(--bcw-line);padding:1.4rem 0}
.bcw-rsec:first-child{border-top:0}
.bcw-rsec__title{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bcw-muted);font-weight:800;margin:0 0 .8rem}
.bcw-pills{display:flex;flex-wrap:wrap;gap:.5rem}
.bcw-pillitem{background:var(--bcw-card);border:1px solid var(--bcw-line);border-radius:999px;padding:.45rem .9rem;font-weight:600;font-size:.92rem;display:inline-flex;gap:.4rem;align-items:center}
.bcw-pillitem--feat::before{content:"✓";color:var(--bcw-accent);font-weight:900}
.bcw-spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}
.bcw-spec__item{background:var(--bcw-card);border-radius:14px;padding:1rem;text-align:center}
.bcw-spec__k{font-size:.78rem;color:var(--bcw-muted);text-transform:uppercase;letter-spacing:.04em}
.bcw-spec__v{font-size:1.3rem;font-weight:800;font-family:var(--bcw-display);margin-top:.2rem}

/* Recommended reading + products */
.bcw-reclist{display:grid;gap:.6rem}
.bcw-reclist a{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem 1rem;border:1px solid var(--bcw-line);border-radius:12px;color:var(--bcw-ink);font-weight:600}
.bcw-reclist a:hover{border-color:var(--bcw-primary);color:var(--bcw-primary);text-decoration:none;transform:translateX(3px)}
.bcw-prodgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.bcw-prodcard{border:1px solid var(--bcw-line);border-radius:var(--bcw-radius);padding:1.1rem;background:var(--bcw-bg);box-shadow:var(--bcw-shadow);display:flex;flex-direction:column}
.bcw-prodcard__img{aspect-ratio:4/3;border-radius:12px;background:var(--bcw-card);object-fit:cover;margin-bottom:.8rem}
.bcw-prodcard h4{margin:0 0 .3rem;font-size:1.05rem}
.bcw-prodcard__best{font-size:.85rem;color:var(--bcw-muted);margin:0 0 .6rem}
.bcw-prodcard .bcw-list{font-size:.86rem;margin-bottom:.8rem}
.bcw-prodcard .bcw-btn{margin-top:auto;font-size:.9rem;padding:.65rem 1rem}
.bcw-prodcard__rating{font-size:.82rem;color:var(--bcw-muted);margin:0 0 .5rem}

/* Action toolbar */
.bcw-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;padding:1.5rem;border-top:1px solid var(--bcw-line);background:var(--bcw-card)}
.bcw-actions .bcw-btn{font-size:.92rem;padding:.7rem 1.1rem}

/* Email mini form */
.bcw-emailform{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;width:100%;margin-top:.6rem}
.bcw-emailform input{border:1px solid var(--bcw-line);border-radius:999px;padding:.7rem 1.1rem;min-width:220px;background:var(--bcw-bg);color:var(--bcw-ink)}
.bcw-emailform .msg{flex-basis:100%;text-align:center;color:var(--bcw-muted);font-size:.85rem;min-height:1em}

/* Compare table */
.bcw-compare{margin:1.5rem;border:1px solid var(--bcw-line);border-radius:var(--bcw-radius);overflow:hidden}
.bcw-compare__head{display:flex;gap:.5rem;padding:1rem;background:var(--bcw-card);flex-wrap:wrap;align-items:center}
.bcw-compare select{border:1px solid var(--bcw-line);border-radius:10px;padding:.5rem .7rem;background:var(--bcw-bg);color:var(--bcw-ink)}
.bcw-compare table{width:100%;border-collapse:collapse;font-size:.92rem}
.bcw-compare th,.bcw-compare td{padding:.7rem .9rem;border-top:1px solid var(--bcw-line);text-align:left}
.bcw-compare td:first-child{color:var(--bcw-muted);font-weight:600}

/* Quiz result */
.bcw-quizres{text-align:center;padding:2.5rem 1.5rem}
.bcw-quizres__emoji{font-size:3.5rem}
.bcw-quizres__title{font-size:2rem;margin:.4rem 0}
.bcw-badgewrap{display:inline-flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--bcw-accent) 14%,var(--bcw-bg));color:var(--bcw-accent);font-weight:800;padding:.4rem 1rem;border-radius:999px;margin-top:.6rem}

@media print{
	.bcw-actions,.bcw-step__nav,.bcw-compare__head,.bcw-header,.bcw-footer,.bcw-bottomnav,.bcw-totop,.bcw-newsletter{display:none!important}
	.bcw-calc,.bcw-result{box-shadow:none;border:0}
	body{background:#fff}
}

@media (max-width:560px){
	.bcw-options.is-grid{grid-template-columns:1fr 1fr}
	.bcw-actions{flex-direction:column}
	.bcw-actions .bcw-btn{width:100%;justify-content:center}
}