/* ==========================================================================
   OLG Archetipi — Frontend styles
   Minimal, accessible-friendly. Non invasivo sul tema.
   ========================================================================== */

/* Container principale del test */
.olg-archetipi-test {
  margin: 1rem 0 2rem 0;
}

/* Titolo e descrizione del test */
.olg-test-title {
  margin: 0 0 .5rem 0;
  line-height: 1.25;
}
.olg-test-desc {
  margin: 0 0 1rem 0;
}

/* Messaggi di errore del form */
.olg-sc-errors {
  border: 1px solid #dc3232;
  background: #fff5f5;
  color: #6b0101;
  padding: .75rem;
  border-radius: 4px;
}

/* Fieldset anagrafica */
.olg-sc-anagrafica {
  border: 1px solid #ccd0d4;
  padding: .75rem;
  border-radius: 4px;
}

/* Domande */
.olg-sc-questions {
  margin: .5rem 0 1rem 0;
}
.olg-sc-q {
  padding: .75rem 0;
  border-bottom: 1px solid #eee;
}
.olg-sc-q:last-child {
  border-bottom: 0;
}
.olg-sc-qtext {
  line-height: 1.4;
}
.olg-sc-qscale {
  margin-top: .4rem;
}

/* Challenge (indovinello) */
.olg-challenge {
  border: 1px dashed #ccd0d4 !important;
  padding: .75rem !important;
  border-radius: 4px;
  margin-top: .75rem;
  background: #fafbfd;
}
.olg-challenge p {
  margin: .25rem 0 .5rem 0;
}

/* Honeypot: visivamente nascosto ma presente nel DOM (no display:none) */
.olg-honeypot {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.olg-honeypot input {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Pulsante submit */
.olg-sc-form button[type="submit"] {
  margin-top: .75rem;
}

/* Card risultato */
.olg-sc-result {
  border: 1px solid #ccd0d4;
  padding: .75rem;
  border-radius: 4px;
  background: #fff;
}
.olg-arche-dominanti .olg-arche-card {
  border: 1px solid #e2e5e9;
  border-radius: 6px;
  padding: .75rem;
  background: #fcfcfd;
  margin-bottom: .75rem;
}
.olg-arche-dominanti .olg-arche-card:last-child {
  margin-bottom: 0;
}

/* Utility: sr-only (se serve altrove) */
.olg-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}