/* Al-Mithaq — pagina dell'avanzamento. Stessa notte degli altri ambienti: fondo scuro, oro. */
body.avz{
  --terra:#c98f63;
}
body.avz .nav{background:var(--fondo);border-bottom:1px solid var(--bordo)}
body.avz footer{background:var(--fondo);border-top:1px solid var(--bordo)}

.avz-testa{max-width:48rem;margin:0 auto;padding:56px 0 8px;text-align:center}
.avz-testa h1{font-size:clamp(32px,4.5vw,46px);margin:0 0 16px}
.avz-testa .sommario{color:var(--testo-2)}
.avz-nota{max-width:44rem;margin:20px auto 0;font-size:14px;line-height:1.7;color:var(--testo-3)}

.avz-scelta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:32px 0 8px}
.avz-scelta button{min-height:44px;padding:0 22px;border:1px solid var(--bordo);border-radius:9999px;background:var(--pannello);color:var(--testo-2);font-family:"Julius Sans One",Georgia,serif;font-size:12px;letter-spacing:1.8px;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.avz-scelta button:hover{border-color:var(--oro);color:var(--oro-chiaro)}
.avz-scelta button[aria-pressed="true"]{background:var(--oro);border-color:var(--oro);color:#fffdf8}

.avz-piste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:24px 0 8px;align-items:start}
.avz-piste.solo{grid-template-columns:minmax(0,46rem);justify-content:center}
.avz-pista.spento{display:none}

.avz-capo{background:var(--pannello);border:1px solid var(--bordo);border-radius:16px;padding:26px 26px 22px;margin-bottom:20px}
.avz-capo-nome{display:flex;align-items:center;gap:14px;margin:0 0 10px}
.avz-stemma{width:56px;height:auto;flex:0 0 auto;display:block;filter:drop-shadow(0 3px 8px rgba(66,43,18,.22))}
.avz-pista[data-pista="riad"] .avz-stemma{width:72px}
.avz-capo-nome h2{font-family:"Julius Sans One",Georgia,serif;font-weight:400;letter-spacing:.5px;font-size:24px;margin:0 0 2px}
.avz-capo-nome .ar{font-size:19px;text-align:left;color:var(--oro);margin:0}
.avz-capo .luogo{font-size:14px;color:var(--testo-3);margin:0 0 18px}
.avz-totale{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.avz-totale .et{font-family:"Julius Sans One",Georgia,serif;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--oro)}
.avz-totale .pc{font-family:"Julius Sans One",Georgia,serif;font-size:28px;color:var(--testo)}
.avz-segmenti{display:flex;gap:6px}
.avz-segmenti .sg{flex:1;height:8px;border-radius:9999px;background:var(--pannello-alt);border:1px solid var(--bordo);overflow:hidden}
.avz-segmenti .sg i{display:block;height:100%;background:var(--oro);border-radius:9999px}
.avz-legenda{font-size:13px;color:var(--testo-3);margin:12px 0 0}

.avz-fasi{display:flex;flex-direction:column;gap:16px}
.avz-fase{background:var(--pannello);border:1px solid var(--bordo);border-radius:16px;overflow:hidden}
.avz-fase[open]{border-color:var(--oro)}
.avz-fase > summary{list-style:none;cursor:pointer;padding:20px 22px;display:block}
.avz-fase > summary::-webkit-details-marker{display:none}
.avz-fase-testa{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.avz-num{font-family:"Julius Sans One",Georgia,serif;font-size:11px;letter-spacing:1.6px;color:var(--oro);flex:0 0 auto}
.avz-nome{font-family:"Julius Sans One",Georgia,serif;font-size:17px;letter-spacing:.3px;flex:1 1 200px;color:var(--testo)}
.avz-pc{font-family:"Julius Sans One",Georgia,serif;font-size:17px;color:var(--testo-2)}
.avz-barra{height:6px;border-radius:9999px;background:var(--pannello-alt);border:1px solid var(--bordo);overflow:hidden;margin-top:14px}
.avz-barra i{display:block;height:100%;background:var(--oro);border-radius:9999px;transition:width .4s ease}
.avz-corpo{padding:4px 22px 22px;border-top:1px solid var(--bordo);margin-top:4px}
.avz-passi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.avz-passo{display:flex;gap:14px;padding-top:14px;border-top:1px dashed var(--bordo)}
.avz-passo:first-child{border-top:0}
.avz-spunta{flex:0 0 22px;height:22px;margin-top:2px;border-radius:9999px;border:1px solid var(--bordo);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--testo-3);background:var(--pannello-alt)}
.avz-passo.fatto .avz-spunta{background:var(--oro);border-color:var(--oro);color:#fffdf8}
.avz-passo.corso .avz-spunta{border-color:var(--terra);color:var(--terra)}
.avz-passo-testo{flex:1}
.avz-passo-titolo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:15.5px;line-height:1.5}
.avz-mini{font-family:"Julius Sans One",Georgia,serif;font-size:12px;color:var(--testo-3)}
.avz-passo-nota{font-size:14px;line-height:1.65;color:var(--testo-2);margin:6px 0 0}
.avz-passo-data{font-size:12.5px;color:var(--testo-3);margin:4px 0 0}
.avz-minibarra{height:4px;border-radius:9999px;background:var(--pannello-alt);border:1px solid var(--bordo);overflow:hidden;margin-top:8px}
.avz-minibarra i{display:block;height:100%;background:var(--terra);border-radius:9999px}
.avz-passo.fatto .avz-minibarra i{background:var(--oro)}

.avz-tag{display:inline-block;padding:3px 12px;border-radius:9999px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;border:1px solid var(--bordo);color:var(--testo-3);background:var(--pannello-alt)}
.avz-tag.fatto{border-color:var(--oro);color:var(--oro-chiaro);background:rgba(200,135,47,.12)}
.avz-tag.corso{border-color:var(--terra);color:var(--terra);background:rgba(201,143,99,.12)}

.avz-coda{max-width:44rem;margin:0 auto;padding:40px 0 48px;text-align:center;font-size:15px;line-height:1.75;color:var(--testo-2)}

html[dir="rtl"] .avz-capo-nome .ar,html[dir="rtl"] .avz-piste.solo{text-align:right}

@media (max-width:900px){
  .avz-piste,.avz-piste.solo{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .avz-capo{padding:22px 18px 18px}
  .avz-stemma{width:48px}
  .avz-pista[data-pista="riad"] .avz-stemma{width:60px}
  .avz-fase > summary{padding:18px 16px}
  .avz-corpo{padding:4px 16px 18px}
}
