/* ============================================================
   asszertiv-teszt.css — az asszertivitás mini teszt stílusa
   Cél: /wp-content/uploads/vv-teszt/asszertiv-teszt.css
   Minta: a /halogatas-teszt-ingyenes/ élő #vv-mini CSS-e (inline stílusból kiemelve).
   Külön fájlban van, mert a WP tartalomszűrője megeszi a \n-t a post_content-be
   írt <style> blokkokban, és a &&-ból &#038;&#038;-t csinál mentéskor.
   ============================================================ */

#vv-mini{
  --vv-brand:#0E5247;--vv-deep:#10343B;--vv-forest:#173E36;--vv-accent:#4BAC9B;--vv-accent2:#01918C;
  --vv-gold:#D4A843;--vv-gold-h:#BE9233;--vv-ink:#212121;--vv-muted:#4E5B57;--vv-soft:#EAF4F1;
  --vv-radius:12px;
  font-family:inherit;color:var(--vv-ink);line-height:1.6;font-size:17px;
  background:#fff;border:1px solid #cfe6e1;border-radius:var(--vv-radius);
  padding:22px;margin:28px 0;
}
#vv-mini,#vv-mini *{box-sizing:border-box;}
#vv-mini h3{margin:0 0 .5em;font-weight:700;color:var(--vv-forest);font-size:1.15rem;}
#vv-mini p{margin:0 0 1em;}

#vv-mini .vv-eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--vv-accent2);font-weight:700;margin-bottom:10px;}

#vv-mini .vv-hint{font-size:.9rem;color:var(--vv-muted);margin:0 0 14px;}

/* kerdesek */
#vv-mini .vv-q{border:0;padding:14px 0;margin:0;border-bottom:1px solid #e6f0ed;}
#vv-mini .vv-q:last-of-type{border-bottom:0;}
#vv-mini .vv-q legend{font-weight:600;padding:0;margin-bottom:10px;color:var(--vv-deep);float:left;width:100%;}
#vv-mini .vv-qnum{color:var(--vv-accent2);margin-right:4px;}
#vv-mini .vv-scale{display:flex;gap:6px;flex-wrap:wrap;clear:both;}
#vv-mini .vv-scale label{flex:1;min-width:56px;text-align:center;cursor:pointer;}
#vv-mini .vv-scale input{position:absolute;opacity:0;width:0;height:0;}
#vv-mini .vv-scale span{display:block;padding:9px 4px;border:1px solid #cfe6e1;border-radius:8px;
  font-size:.82rem;color:var(--vv-muted);transition:.15s;background:#fff;}
#vv-mini .vv-scale input:checked+span{background:var(--vv-accent2);color:#fff;border-color:var(--vv-accent2);font-weight:700;}
#vv-mini .vv-scale input:focus-visible+span{outline:2px solid var(--vv-gold);outline-offset:2px;}

/* gomb */
#vv-mini .vv-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;
  font-size:1.02rem;text-decoration:none;cursor:pointer;border:0;min-height:52px;padding:14px 30px;
  border-radius:999px;background:var(--vv-gold);color:var(--vv-deep);transition:background .15s;}
#vv-mini .vv-btn:hover{background:var(--vv-gold-h);}
#vv-mini .vv-btn[disabled]{opacity:.45;cursor:not-allowed;}
#vv-mini .vv-btn-row{margin-top:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}

/* eredmeny */
#vv-mini .vv-result{margin-top:22px;background:var(--vv-soft);border-left:4px solid var(--vv-accent2);
  border-radius:var(--vv-radius);padding:22px;}
#vv-mini .vv-result[hidden]{display:none;}
#vv-mini .vv-bar{height:10px;background:#d9e8e4;border-radius:99px;overflow:hidden;margin:4px 0 6px;}
#vv-mini .vv-bar i{display:block;height:100%;background:var(--vv-accent2);width:0;transition:width .6s ease;}
#vv-mini .vv-bar-lbl{display:flex;justify-content:space-between;font-size:.78rem;color:var(--vv-muted);}
#vv-mini .vv-sav[hidden]{display:none;}
#vv-mini .vv-korlat{font-size:.9rem;color:var(--vv-muted);border-left:3px solid var(--vv-accent);
  padding-left:14px;margin-top:18px;}
#vv-mini .vv-alskala{font-size:.86rem;color:var(--vv-muted);margin-top:10px;}
#vv-mini .vv-alskala[hidden]{display:none;}

/* modszertan doboz a teszt alatt */
#vv-mini .vv-modszertan{margin-top:22px;padding-top:18px;border-top:1px solid #cfe6e1;}

@media(min-width:760px){#vv-mini{font-size:18px;padding:30px;}}