/* shared/checkout-blocks.css: blocchi di checkout e pagina del pacchetto (spec 2026-09-30, sezione 6).
   Usa le variabili di checkout/checkout.css (--navy-headline, --gold, --gold-bg, --gray-warm, --radius-card…). */

/* 1. Passaggi in alto (logo a sinistra, passaggi a destra) */
.cb-steps{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;font-family:var(--font-body);}
.cb-steps li{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--gray-warm);white-space:nowrap;}
.cb-steps li + li::before{content:'';width:14px;height:1px;background:var(--gray-light);margin-right:2px;}
.cb-steps .cb-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--gray-light);font-size:11px;font-weight:700;color:var(--gray-warm);background:var(--white);}
.cb-steps li.is-current{color:var(--navy-headline);}
.cb-steps li.is-current .cb-n{background:var(--navy-headline);border-color:var(--navy-headline);color:#fff;}
.cb-steps li.is-done .cb-n{background:var(--gold-bg);border-color:transparent;color:var(--navy-headline);}
.cb-steps li.is-done{color:var(--navy-headline);}
@media (max-width:480px){
  .cb-steps li:not(.is-current) .cb-l{display:none;}
  .checkout-logo-text{display:none;}
}

/* 1b. Passaggi dopo il pagamento (upsell e grazie): centrati sopra la pagina; da telefono solo l'etichetta
   del passo corrente, i fatti restano spunte. L'ultimo passo, "Pratica avviata", e' una spunta dorata. */
.cb-steps--post{justify-content:center;flex-wrap:nowrap;margin:0 auto;}
.cb-steps li.is-last .cb-n{background:var(--gold-bg);border-color:transparent;color:var(--navy-headline);}

/* 2. Riga di fiducia */
.cb-trust{font-family:var(--font-body);font-size:13px;color:var(--gray-warm);text-align:center;margin:10px auto 0;line-height:1.5;width:100%;}

/* 3. Cosa include il tuo pacchetto */
.cb-includes{background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:20px 20px 16px;margin:18px 0 16px;}
.cb-includes h2{font-family:var(--font-headline);font-size:17px;font-weight:700;color:var(--navy-headline);margin:0 0 12px;}
.cb-includes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.cb-includes li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.4;color:var(--navy-headline);}
.cb-includes li.cb-guar span{white-space:nowrap;font-weight:700;color:#1fa855;}
.cb-includes li.cb-hl span{font-weight:700;color:#1d4ed8;}
.cb-pay{margin:12px 0 0;text-align:center;font-size:11.5px;letter-spacing:.08em;color:var(--gray-warm);}
.cb-includes li svg{flex:0 0 18px;width:18px;height:18px;margin-top:1px;fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}

/* 5. Persone: 1 di default, gruppi dietro "Hai un amico?" */
.cb-persons{margin:0 0 16px;text-align:center;}
.cb-group-toggle{appearance:none;background:none;border:0;padding:6px 4px;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--navy-headline);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer;}
.cb-group-toggle::after{content:' ↓';}
.cb-group-toggle.is-open::after{content:' ↑';}
.cb-group-options{text-align:left;margin-top:12px;}

/* 6. Garanzia accanto al totale */
.cb-guarantee{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:12px 14px;margin:14px 0 4px;font-size:14px;line-height:1.45;color:#065f46;}
.cb-guarantee strong{font-weight:700;}


/* 4. Barra fissa in basso, solo da telefono */
.cb-sticky{display:none;}
@media (max-width:768px){
  .cb-page{padding-bottom:calc(84px + env(safe-area-inset-bottom));}
  .cb-sticky{display:flex;align-items:center;gap:14px;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--white);box-shadow:0 -6px 20px rgba(26,39,68,0.08);}
  .cb-sticky-sum{display:flex;flex-direction:column;line-height:1.1;}
  .cb-sticky-label{font-size:11.5px;color:var(--gray-warm);}
  .cb-sticky-total{font-family:var(--font-headline);font-size:22px;font-weight:700;color:var(--navy-headline);}
  .cb-sticky .cb-sticky-cta{flex:1;min-height:52px;margin:0;}
  /* compare solo quando il bottone principale e' fuori dallo schermo (classe is-away da checkout-blocks.js) */
  .cb-sticky{transition:transform .25s ease;}
  .cb-sticky:not(.is-away){transform:translateY(110%);pointer-events:none;}
  /* il banner cookie a una riga sta sopra la barra */
  body.cb-has-sticky:has(.cb-sticky.is-away) .nie-cookie{bottom:calc(76px + env(safe-area-inset-bottom));}
}
.cb-sticky[hidden]{display:none !important;}