/* Front-end only (not loaded in the editor, so everything stays visible there). */

/* Readiness check: results stay hidden until "See my result" is clicked */
.sywb-quiz .sywb-result,.sywb-quiz .sywb-result-next{display:none}
.sywb-quiz .sywb-result.is-shown,.sywb-quiz .sywb-result-next.is-shown{display:block}
.sywb-quiz.is-ready .sywb-quiz-items{list-style:none;padding:0}
.sywb-quiz.is-ready .sywb-quiz-items li{margin:0}
.sywb-quiz label.sywb-q{display:flex;gap:12px;padding:12px 8px;border-bottom:1px solid var(--wp--preset--color--line);cursor:pointer;border-radius:8px;transition:background .15s}
.sywb-quiz label.sywb-q:hover{background:var(--wp--preset--color--ground)}
.sywb-quiz label.sywb-q input{width:20px;height:20px;accent-color:var(--wp--preset--color--orange);flex:none;margin-top:4px}
.sywb-meter{height:10px;background:var(--wp--preset--color--ground);border-radius:999px;overflow:hidden}
.sywb-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--wp--preset--color--blue),var(--wp--preset--color--orange));transition:width .4s ease}
.sywb-meter-label{font-size:.85rem;color:var(--wp--preset--color--ink-muted);margin:8px 0 6px}

/* Scroll reveal (only when JavaScript is running) */
.sywb-js .sywb-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.sywb-js .sywb-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.sywb-js .sywb-reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* Reading progress bar on posts */
.sywb-readbar{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--wp--preset--color--blue),var(--wp--preset--color--orange));z-index:100;pointer-events:none}
.admin-bar .sywb-readbar{top:32px}