/* Anderson House UI/UX Pack v1.1.5 (UI only) */
:root{
  --ah-primary:#213E72; /* richiesto */
  --ah-text:#1A1A1A; --ah-border:#E6E8EE; --ah-surface:#FFFFFF; --ah-radius:12px;
  --ah-progress-fill:#213E72; --ah-progress-bg:#E5E7EB; --ah-progress-border:#000000;
}
.spq-quiz.ahq-theme{ max-width:960px;margin:0 auto 28px;background:var(--ah-surface);border:1px solid var(--ah-border);border-radius:var(--ah-radius);box-shadow:0 4px 20px rgba(0,0,0,.08);padding:24px;color:var(--ah-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; }
.spq-header{ display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding-bottom:12px;border-bottom:1px solid #E9EDF3 }
.spq-time{ background:#EEF5FF; border-radius:10px; padding:4px 10px; font-variant-numeric:tabular-nums }

/* Progress bar (bordo nero, fondo grigio, fill #213E72) */
.ahq-progress{ width:260px;height:8px;border-radius:999px;background:var(--ah-progress-bg);border:1px solid var(--ah-progress-border);overflow:hidden }
.ahq-progress__bar{ width:0;height:100%;background:var(--ah-progress-fill);transition:width .3s ease-out }

/* Evita il contatore duplicato "— X/Y" */
.spq-progress .spq-qpos-wrap{ display:none !important; }

/* Domande */
.spq-question{ border:1px solid var(--ah-border); border-radius:var(--ah-radius); padding:14px; background:#fff; margin-top:12px }
.spq-question legend{ font-family:"Playfair Display",serif; font-size:20px; font-weight:700; margin-bottom:8px }

/* Layout risposte: come originale (no grid), allineate orizzontalmente */
.spq-options{ display:grid; grid-template-columns: 1fr; gap:10px; margin-top:8px }
.spq-option{
  display:flex; align-items:center; gap:12px;
  background:#F6F8FB; border:1px solid var(--ah-border); border-radius:var(--ah-radius);
  padding:12px; cursor:pointer; transition: background .2s,border-color .2s,transform .12s,box-shadow .2s;
}
.spq-option:hover{ background:#EFF3F8; transform:translateY(-1px); box-shadow:0 4px 12px rgba(0,0,0,.06) }
.spq-option input[type="radio"]{ flex:0 0 auto; transform:scale(1.05); }
.spq-option-index{ display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:999px; border:1px solid var(--ah-border); background:#fff; color:var(--ah-primary); font-weight:700 }
.spq-option-label{ flex:1 1 auto; line-height:1.45; }

/* Evidenziazione selezione con #213E72 */
.spq-option.is-selected,
.spq-option:has(input[type="radio"]:checked){
  border-color: var(--ah-primary);
  background: #EAF0F8;
  box-shadow: 0 0 0 3px rgba(33,62,114,.18);
}

/* Pulsanti Inizia/Avanti/Indietro/Submit in #213E72 */
.spq-prev,.spq-next,.spq-submit,.spq-start-btn,
.spq-userdata .spq-actions button,.spq-userdata .button{
  appearance:none; border:0; cursor:pointer;
  background: var(--ah-primary) !important; color:#fff !important;
  border-radius: var(--ah-radius); padding:10px 16px; font-weight:700;
  box-shadow:0 10px 18px rgba(33,62,114,.20); transition: transform .12s, background .2s, box-shadow .2s;
}
.spq-prev:hover,.spq-next:hover,.spq-submit:hover,.spq-start-btn:hover,
.spq-userdata .spq-actions button:hover,.spq-userdata .button:hover{
  transform:translateY(-1px); background:#1b335e !important;
}

/* Form (coerente e iOS zoom fix) */
.spq-userdata{ border:1px dashed var(--ah-border); background:#fff; border-radius:var(--ah-radius); padding:16px; margin-top:14px }
.spq-userdata .spq-userdata-form{ display:grid; grid-template-columns:1fr 1fr; gap:12px 16px }
.spq-userdata label{ display:block; font-weight:600; margin-bottom:6px }
.spq-userdata input{ width:100%; background:#EDF3FF; border:1px solid #CED6E6; border-radius:10px; padding:10px 12px; font-size:16px; line-height:1.4 }
.spq-userdata input:focus{ outline:none; border-color: var(--ah-primary); box-shadow:0 0 0 3px rgba(33,62,114,.20) }

@media (max-width:680px){
  .ahq-progress{ width:100% }
  .spq-userdata .spq-userdata-form{ grid-template-columns:1fr }
}