/* ==================================================================
   Test di fine capitolo — stile del blocco "Test del capitolo".
   Stessa grammatica del resto del sito: card crema, angoli vivi,
   arancio per l'azione, azzurro per il focus.
   ================================================================== */

.bitcal-blog .bcb-test{background:var(--bcb-carta);border-top:1px solid #e8e1d4;}
.bitcal-blog .bcb-test .bcb-wrap{max-width:820px;}
.bitcal-blog .bcb-test-intro{
  font-family:var(--bcb-testo);font-size:.88rem;line-height:1.7;
  color:#5a544a;margin:0 0 32px;max-width:60ch;
}

.bitcal-blog .bcb-test-domande{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.bitcal-blog .bcb-test-domanda{
  background:var(--bcb-carta);
  border:1px solid #d8d2c9;
}

/* Testata cliccabile: apre e chiude le risposte.
   Il reset di Hello Elementor veste i <button> da pulsante rosa (fondo #c36
   su hover e focus, bordo, angoli tondi, white-space:nowrap): qui va tutto
   azzerato, altrimenti la domanda non va a capo e si colora al clic. */
.bitcal-blog .bcb-test-testata{margin:0;font-size:inherit;font-weight:400;}
.bitcal-blog .bcb-test-apri{
  width:100%;box-sizing:border-box;
  display:flex;align-items:center;gap:14px;
  padding:18px 20px;margin:0;
  border:0;border-radius:0;background:transparent;color:inherit;
  font:inherit;text-align:left;white-space:normal;cursor:pointer;
  transition:background .15s ease;
}
.bitcal-blog .bcb-test-apri:hover,
.bitcal-blog .bcb-test-apri:focus{background:#f4eee3;color:inherit;}
.bitcal-blog .bcb-test-apri:focus-visible{outline:3px solid var(--bcb-azzurro);outline-offset:-3px;border-radius:0;}
.bitcal-blog .bcb-test-testo{
  flex:1 1 auto;min-width:0;overflow-wrap:break-word;
  /* Primo piano del blocco. Lo stacco dalle risposte lo fanno la misura e la
     famiglia — Poppins a 1.1rem sopra Montserrat a .95 — non il peso: il 600
     pesava troppo in una fila di card chiare, il 500 tiene senza gridare. */
  font-family:var(--bcb-titoli);font-weight:500;font-size:1.1rem;line-height:1.45;
  color:var(--bcb-antracite);
}
.bitcal-blog .bcb-test-apri:hover .bcb-test-testo{color:var(--bcb-azzurro);}
.bitcal-blog .bcb-test-apri[aria-expanded="true"] .bcb-test-testo{color:var(--bcb-azzurro);}
.bitcal-blog .bcb-test-numero{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;flex:none;box-sizing:border-box;
  /* Solo contorno, come il disco dei capitoli. */
  background:transparent;border:1.5px solid var(--bcb-arancio);
  color:var(--bcb-antracite);
  font-family:var(--bcb-titoli);font-size:.8rem;font-weight:600;
  /* Cifra inclinata come la ₿ del logo Bitcoin: 14 gradi in senso orario.
     Il disco resta rotondo, quindi la rotazione si legge solo sul numero. */
  transform:rotate(14deg);
}

/* Segno di stato nella testata: utile a domanda chiusa. */
.bitcal-blog .bcb-test-stato{
  flex:none;font-family:var(--bcb-titoli);font-size:.95rem;font-weight:700;line-height:1;color:#a9a294;
}
.bitcal-blog .bcb-risposta-data .bcb-test-stato::before{content:"•";color:var(--bcb-azzurro);}
.bitcal-blog .bcb-esatta .bcb-test-stato::before{content:"✓";color:var(--bcb-azzurro);}
.bitcal-blog .bcb-errata .bcb-test-stato::before{content:"✕";color:var(--bcb-rosso);}
.bitcal-blog .bcb-vuota .bcb-test-stato::before{content:"–";color:#6d675d;}

/* Pannello con le risposte. */
.bitcal-blog .bcb-test-panel[hidden]{display:none;}
.bitcal-blog .bcb-test-panel{padding:0 20px 20px;animation:bcb-test-apre .22s ease;}
.bitcal-blog .bcb-test-domanda fieldset{border:0;margin:0;padding:0;}
@keyframes bcb-test-apre{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:none;}}

.bitcal-blog .bcb-test-risposta{
  display:flex;gap:12px;align-items:flex-start;
  padding:11px 14px;margin-bottom:8px;cursor:pointer;
  border:1px solid #ece5d9;background:#fff;
  font-family:var(--bcb-testo);font-size:.95rem;line-height:1.55;
}
.bitcal-blog .bcb-test-risposta:last-of-type{margin-bottom:0;}
.bitcal-blog .bcb-test-risposta:hover{border-color:var(--bcb-azzurro);}
.bitcal-blog .bcb-test-risposta input{margin-top:5px;flex:none;accent-color:var(--bcb-arancio);}
.bitcal-blog .bcb-test-corretto .bcb-test-risposta{cursor:default;}
.bitcal-blog .bcb-test-corretto .bcb-test-risposta:hover{border-color:#ece5d9;}

.bitcal-blog .bcb-test-esito{
  margin:16px 0 0;font-family:var(--bcb-testo);font-size:.88rem;line-height:1.7;color:#5a544a;
}
.bitcal-blog .bcb-test-verdetto{font-family:var(--bcb-titoli);font-weight:600;margin-right:6px;}
.bitcal-blog .bcb-esatta .bcb-test-verdetto{color:var(--bcb-azzurro);}
.bitcal-blog .bcb-errata .bcb-test-verdetto{color:var(--bcb-rosso);}
.bitcal-blog .bcb-vuota .bcb-test-verdetto{color:#6d675d;}

/* Esito del controllo: lo porta la testata, tinta appena, invece di un
   filetto laterale. Le tinte sono in rgba sul fondo carta, così restano
   delicate e non introducono colori nuovi in palette. Il segno ✓ / ✕ nella
   testata resta: il colore da solo non basta a chi non lo distingue. */
.bitcal-blog .bcb-esatta .bcb-test-apri{background:rgba(33,145,208,.10);}
/* L'errata non si tinge di rosso: il fondo è un grigio caldo e il segnale
   di colore lo porta la ✕. Un fondo rosso, su una fila di domande, farebbe
   sembrare l'errore una penalità. Resta più marcato della domanda lasciata
   in bianco, che di quel grigio ha appena un'ombra. */
.bitcal-blog .bcb-errata .bcb-test-apri{background:rgba(109,103,93,.16);}
.bitcal-blog .bcb-vuota  .bcb-test-apri{background:rgba(109,103,93,.08);}
/* A domanda già corretta l'esito vince sul passaggio del mouse: senza
   questo, sfiorandola tornerebbe del colore neutro e sembrerebbe azzerata.
   Il rinforzo appena percettibile segnala che resta apribile. */
.bitcal-blog .bcb-esatta .bcb-test-apri:hover,
.bitcal-blog .bcb-esatta .bcb-test-apri:focus{background:rgba(33,145,208,.16);}
.bitcal-blog .bcb-errata .bcb-test-apri:hover,
.bitcal-blog .bcb-errata .bcb-test-apri:focus{background:rgba(109,103,93,.22);}
.bitcal-blog .bcb-vuota .bcb-test-apri:hover,
.bitcal-blog .bcb-vuota .bcb-test-apri:focus{background:rgba(109,103,93,.14);}

.bitcal-blog .bcb-test-azioni{
  margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;
}
/* Azioni finali nello stesso stile pillola usato dai filtri del sito. */
.bitcal-blog .bcb-test-verifica,
.bitcal-blog .bcb-test-ripeti{
  border:1.5px solid var(--bcb-azzurro);color:var(--bcb-antracite);
  background:transparent;border-radius:999px;padding:8px 18px;
  font-family:var(--bcb-titoli);font-size:.78rem;font-weight:500;
  cursor:pointer;transition:background .15s ease,color .15s ease;line-height:1.4;
}
.bitcal-blog .bcb-test-verifica:hover,
.bitcal-blog .bcb-test-verifica:focus,
.bitcal-blog .bcb-test-ripeti:hover,
.bitcal-blog .bcb-test-ripeti:focus{background:var(--bcb-azzurro);color:var(--bcb-carta);}
.bitcal-blog .bcb-test-ripeti:hover,
.bitcal-blog .bcb-test-ripeti:focus{border-color:var(--bcb-azzurro);}
.bitcal-blog .bcb-test-punteggio{
  margin:0;font-family:var(--bcb-titoli);font-weight:600;font-size:.92rem;color:var(--bcb-antracite);
}

@media (max-width:640px){
  .bitcal-blog .bcb-test-apri{padding:15px 14px;gap:0 10px;}
  .bitcal-blog .bcb-test-panel{padding:0 14px 16px;}
  .bitcal-blog .bcb-test-testo{font-size:1.02rem;}
  .bitcal-blog .bcb-test-azioni{gap:12px;}
  .bitcal-blog .bcb-test-verifica,
  .bitcal-blog .bcb-test-ripeti{width:100%;text-align:center;}
}
@media (prefers-reduced-motion:reduce){
  .bitcal-blog .bcb-test-panel{animation:none;}
}