:root{
  --ev-orange:#FF6021;
  --ev-blue:#232EF5;
  --ev-text:#1F2937;
  --ev-border:#E6E8EC;
  --ev-radius-pill:999px;
}

.evq{
  min-height: 100svh;
  display:flex;
  flex-direction:column;
  background:#fff;
  color:var(--ev-text);
  font-family: var(--wp--preset--font-family--inter, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial);
}

.evq__top{
  padding:36px 24px 10px;
  display:flex;
  justify-content:center;
}
.evq__logo{ height:34px; width:auto; }
.evq__logoText{ font-weight:800; letter-spacing:.06em; color:var(--ev-orange); }

/* Progress bar */
.evq__progressWrap{
  width:100%;
  display:flex;
  justify-content:center;
  padding:0 24px 8px;
}
.evq__progressBar{
  width:100%;
  max-width:360px;
  height:6px;
  background:#F0F2F5;
  border-radius:999px;
  overflow:hidden;
}
.evq__progressFill{
  height:100%;
  width:0%;
  background:var(--ev-orange);
  border-radius:999px;
  transition: width .22s ease;
}

.evq__body{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:18px 24px 0;
}

/* Intro / Hero */
.evq__hero{
  margin:18px 0 10px;              /* ✅ meno spazio sopra + meno spazio sotto */
  color:var(--ev-orange);
  font-weight:800;
  line-height:.92;
  letter-spacing:-.02em;
  font-size:clamp(40px, 10vw, 57px);
  text-align:center;               /* ✅ centra testo */
  width:100%;
  max-width:360px;
  margin-left:auto;                /* ✅ centra il blocco */
  margin-right:auto;               /* ✅ centra il blocco */
}

/* Question */
.evq__meta{
  width:100%;
  max-width:360px;
  text-align:center;
  margin-top:10px;
}

/* Kicker */
.evq__kicker{
  color:var(--ev-orange);
  font-weight:700;
  letter-spacing:.04em;
  font-size:20px;
  margin-bottom:14px;
}

/* Question copy */
.evq__question{
  font-size:19px;
  font-weight:400;
  line-height:1.35;
  color:var(--ev-text);
  opacity:.9;
  margin-bottom:18px;
}

/* Answers */
.evq__answers{
  width:100%;
  max-width:360px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* Answer button */
.evq__answer{
  width:100%;
  border-radius:var(--ev-radius-pill);
  padding:14px 16px;
  border:1px solid var(--ev-border);
  background:#fff;
  color:var(--ev-orange);
  font-weight:400;
  font-size:19px;
  cursor:pointer;
  transition: background-color .15s ease, border-color .15s ease, transform .08s ease;
}
.evq__answer:hover{ transform:translateY(-1px); }
.evq__answer.is-selected{
  background:var(--ev-blue);
  border-color:var(--ev-blue);
  color:#fff;
}

/* Footer */
.evq__footer{
  padding:10px 24px 36px;       /* ✅ riduce spazio sopra al bottone (era 24px) */
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

.evq__hint{
  font-size:12px;
  line-height:1.35;
  color:var(--ev-text);
  opacity:.75;
  text-align:center;
  max-width:360px;
}

/* CTA */
.evq__cta{
  border-radius:var(--ev-radius-pill);
  padding:11px 20px;
  border:none;
  font-weight:600;
  letter-spacing:.06em;
  font-size:13px;
  cursor:pointer;
  min-width:150px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.evq__cta--primary{ background:var(--ev-orange); color:#fff; }
.evq__cta--primary:hover{ background:var(--ev-blue); }
.evq__cta:disabled{ opacity:.45; cursor:not-allowed; }

/* Result */
.evq__resultCard{ width:100%; max-width:360px; text-align:center; padding:8px 0 28px; }
.evq__resultTitle{ color:var(--ev-orange); font-weight:800; letter-spacing:.08em; font-size:12px; margin-bottom:10px; }
.evq__resultImage{
  width:160px;height:160px;border-radius:24px;overflow:hidden;
  margin:0 auto 14px;background:#F6F7F9;border:1px solid #EEE;
}
.evq__resultImage img{ width:100%;height:100%;object-fit:cover; }
.evq__resultName{ font-weight:800; font-size:22px; margin:4px 0 10px; }
.evq__resultDesc{ font-size:13px; line-height:1.4; opacity:.88; margin:0 0 16px; }

.evq__scores{ margin-top:18px; text-align:left; border-top:1px solid #EEE; padding-top:12px; }
.evq__scoresTitle{ font-weight:800; letter-spacing:.08em; font-size:12px; opacity:.8; margin-bottom:10px; }
.evq__scoreRow{ display:flex; justify-content:space-between; padding:6px 0; font-size:13px; }

/* Tablet + Mobile */
@media (max-width: 976px){
  .evq__kicker{ font-size:17px; }
  .evq__question{ font-size:16px; }
  .evq__answer{ font-size:16px; }
}

@media (max-width: 767px){
  .evq__kicker{ font-size:17px; }
  .evq__question{ font-size:16px; }
  .evq__answer{ font-size:16px; }
}

@media (min-width: 977px){
  .evq__resultImage{
    width: 200px;
    height: 200px;
  }
}

/* START: il body NON deve espandersi (niente spazio vuoto sopra al footer) */
.evq__body{
  flex: 0 !important;
}

/* Il footer non deve “spingersi” in basso */
.evq__footer{
  margin-top: 20px !important;
  padding-top: 10px !important; /* regola qui la distanza dal testo */
}