/* =========================================================
   ORTY · La cassetta di stagione (cassetta-di-stagione.html; VENDERE-DI-PIU §A.8)
   Lo stesso abito del sito (style.css): avorio, fili d'oro, Cormorant per i titoli,
   riquadri con un filo, pulsanti in maiuscolo piccolo. I campi usano .modulo .campo
   di style.css. Niente effetti: si cambia solo con colore e filo.
   ========================================================= */
.abb{padding-bottom:clamp(64px,8vw,112px)}
.abb-apertura{padding-bottom:clamp(40px,5vw,64px)}
.abb-carica{padding-block:48px;text-align:center;font:italic 400 1.3rem/1.4 var(--f-titolo);color:var(--testo-tenue)}

/* spenta, link non valido, stagione finita */
.abb-spenta{max-width:640px;margin-inline:auto;padding-top:clamp(36px,5vw,56px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.abb-spenta__titolo{font:italic 500 clamp(1.5rem,1.3rem + .8vw,1.9rem)/1.3 var(--f-titolo);color:var(--verde-accento);font-synthesis:none}
.abb-spenta p:not(.abb-spenta__titolo){color:var(--testo-tenue)}
.abb-spenta__azioni{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}
@media (max-width:639px){.abb-spenta__azioni{flex-direction:column;align-self:stretch}.abb-spenta__azioni .btn{width:100%}}

/* il modulo della scelta */
.abb-modulo{max-width:820px;padding-top:clamp(40px,5vw,64px);display:flex;flex-direction:column;gap:clamp(32px,4vw,44px)}
.abb-scelta,.abb-dati{margin:0;padding:0;border:0;min-width:0}
.abb-scelta legend,.abb-dati legend{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:0;
  font:500 clamp(1.45rem,1.3rem + .6vw,1.75rem)/1.2 var(--f-titolo);color:var(--inchiostro-titoli);font-synthesis:none}
.abb-n{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--oro);
  font:italic 500 1.1rem/1 var(--f-titolo);color:var(--oro-scuro)}
.abb-opzioni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.abb-scelta--tre .abb-opzioni{grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.abb-scelta--tre .abb-opzioni{grid-template-columns:repeat(3,minmax(0,1fr))}}
.abb-scelta--lunedi .abb-opzioni{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.abb-scelta--lunedi .abb-opzioni{grid-template-columns:repeat(4,minmax(0,1fr))}}
.abb-scelta--fila .abb-opzioni{display:flex;flex-wrap:wrap}
.abb-scelta--fila .abb-opzione{flex:1 1 150px}
.abb-opzione{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border:1px solid var(--bordo-campo);
  background:var(--carta);cursor:pointer;transition:border-color .3s var(--e),background-color .3s var(--e),box-shadow .3s var(--e)}
.abb-opzione input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.abb-opzione::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:1px solid var(--oro);box-shadow:inset 0 0 0 3px var(--carta)}
.abb-opzione b{display:block;font:500 1.2rem/1.2 var(--f-titolo);color:var(--inchiostro-titoli);font-synthesis:none;font-variant-numeric:lining-nums}
.abb-opzione small{display:block;margin-top:2px;font-size:.8125rem;line-height:1.35;color:var(--testo-tenue)}
.abb-opzione:hover{background:var(--avorio-2)}
.abb-opzione:has(input:checked){border-color:var(--verde);box-shadow:inset 0 0 0 1px var(--verde)}
.abb-opzione:has(input:checked)::before{background:var(--verde);border-color:var(--verde)}
.abb-opzione:has(input:focus-visible){outline:2px solid var(--oro-scuro);outline-offset:2px}
.abb-scelta--lunedi .abb-opzione{min-height:58px;padding:10px 12px}
.abb-scelta--lunedi .abb-opzione b{font-size:1.08rem}
.abb-spiega{max-width:62ch;margin-top:-18px;font-size:var(--t-piccolo);line-height:1.6;color:var(--testo-tenue)}
.abb-io .abb-spiega,.abb-mini .abb-spiega{margin-top:0}
.abb-spiega--forte{font:italic 500 1.2rem/1.4 var(--f-titolo);color:var(--verde-accento)}

/* il riepilogo: un biglietto avorio col doppio filo */
.abb-riepilogo{display:flex;flex-direction:column;gap:6px;padding:clamp(22px,3vw,30px);background:var(--carta);border:1px solid var(--filo-tenue);
  box-shadow:inset 0 0 0 6px var(--carta),inset 0 0 0 7px var(--filo-tenue)}
.abb-riepilogo:empty{display:none}
.abb-riepilogo .occhiello-piccolo{color:var(--oro-scuro)}
.abb-riepilogo__cosa{font:500 clamp(1.35rem,1.2rem + .6vw,1.65rem)/1.25 var(--f-titolo);color:var(--inchiostro-titoli);font-synthesis:none;font-variant-numeric:lining-nums}
.abb-riepilogo__prezzo{font:500 2rem/1.1 var(--f-titolo);color:var(--verde);font-variant-numeric:lining-nums}
.abb-riepilogo__prezzo small{font:400 var(--t-piccolo)/1.4 var(--f-testo);color:var(--testo-tenue)}
.abb-riepilogo__prima{font-size:var(--t-piccolo);color:var(--testo)}

/* dati e indirizzo */
.abb-dati{display:flex;flex-direction:column;gap:18px}
.abb-dati legend{margin-bottom:18px}
.abb-due,.abb-tre{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
@media (min-width:640px){.abb-due{grid-template-columns:repeat(2,minmax(0,1fr))}.abb-tre{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) minmax(0,1fr)}}
@media (max-width:639px){.abb-tre{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.abb-tre>.campo:last-child{grid-column:1/-1}}
.abb .campo label small{text-transform:none;letter-spacing:0;color:var(--testo-tenue)}
.abb-consensi{display:flex;flex-direction:column;gap:10px;padding-top:24px;border-top:1px solid var(--filo-tenue)}
.abb-consensi .condizioni{font-size:var(--t-piccolo);line-height:1.6}
.abb-consensi b{color:var(--verde)}
.abb-privacy{font-size:.8125rem;color:var(--testo-tenue);text-align:center}
.abb-trappola{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.abb-invia{display:flex;flex-direction:column;gap:12px}
.abb-nota{font-size:var(--t-piccolo);color:var(--testo-tenue);text-align:center}
.abb .campo__errore{font-size:var(--t-piccolo);font-weight:700;color:var(--errore)}
.abb .campo__errore:empty{display:none}
.abb [aria-invalid="true"]{border-color:var(--errore)!important}

/* come funziona */
.abb-fasi b{font-size:clamp(2.2rem,1.8rem + 1.6vw,3rem)}
.abb-come__fine{margin-top:clamp(28px,4vw,40px);text-align:center;font:italic 400 1.2rem/1.45 var(--f-titolo);color:var(--verde-accento)}
.abb-come__fine a{font-family:var(--f-testo);font-style:normal;font-size:var(--t-piccolo)}

/* la pagina personale */
.abb-io{max-width:820px;padding-top:clamp(36px,5vw,56px);display:flex;flex-direction:column;gap:clamp(24px,3vw,32px)}
.abb-io__testa{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.abb-io__scelta{font:italic 500 1.2rem/1.35 var(--f-titolo);color:var(--verde-accento)}
.abb-stato{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--oro);
  font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--oro-scuro)}
.abb-stato::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.abb-stato--attivo{border-color:var(--verde);color:var(--verde)}
.abb-stato--disdetto,.abb-stato--finito{border-color:var(--bordo-campo);color:var(--testo-tenue)}
.abb-esito:empty{display:none}
.abb-esito:focus{outline:none}
.abb-esito__ok{padding:14px 18px;border-left:2px solid var(--verde);background:var(--carta);font:italic 500 1.2rem/1.4 var(--f-titolo);color:var(--verde-accento)}
.abb-consegna{display:flex;flex-direction:column;gap:8px;padding:clamp(24px,3.4vw,36px);background:var(--carta);border:1px solid var(--filo-tenue);
  box-shadow:inset 0 0 0 6px var(--carta),inset 0 0 0 7px var(--filo-tenue)}
.abb-consegna--confermata{background:var(--avorio-2);box-shadow:none}
.abb-consegna .occhiello-piccolo{color:var(--oro-scuro)}
.abb-consegna__giorno{font:500 clamp(2rem,1.6rem + 1.6vw,2.7rem)/1.1 var(--f-titolo);color:var(--inchiostro-titoli);font-synthesis:none;font-variant-numeric:lining-nums}
.abb-consegna__giorno::first-letter{text-transform:uppercase}
.abb-consegna__cosa{font-size:var(--t-piccolo);color:var(--testo)}
.abb-consegna__stato{display:inline-block;margin-left:8px;padding:2px 8px;border:1px solid var(--filo);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--oro-scuro)}
.abb-cambio{font:italic 500 1.12rem/1.4 var(--f-titolo);color:var(--verde-accento)}
.abb-tempi{list-style:none;margin:12px 0 0;padding:14px 0 0;border-top:1px solid var(--filo-tenue);display:flex;flex-direction:column;gap:8px}
.abb-tempi li{display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr);gap:4px 16px;font-size:var(--t-piccolo);color:var(--testo-tenue)}
.abb-tempi li span{font:italic 500 1.08rem/1.35 var(--f-titolo);color:var(--inchiostro-titoli)}
.abb-tempi li span::first-letter{text-transform:uppercase}
@media (max-width:639px){.abb-tempi li{grid-template-columns:minmax(0,1fr);gap:0}}
.abb-azioni{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.abb-azioni .btn{flex:1 1 170px}
.abb-disdici{min-height:44px;padding:0 6px;border:0;background:none;color:var(--testo-tenue);text-decoration:underline;text-decoration-color:var(--filo);text-underline-offset:5px;
  font:400 var(--t-micro)/1 var(--f-testo);letter-spacing:.24em;text-transform:uppercase}
.abb-disdici:hover{color:var(--errore)}
@media (max-width:639px){.abb-azioni .btn{flex-basis:100%}}
.abb-pannello{padding:clamp(22px,3vw,30px);border:1px solid var(--filo);background:var(--carta)}
.abb-mini{display:flex;flex-direction:column;gap:18px}
.abb-mini h3{font-size:clamp(1.45rem,1.3rem + .5vw,1.7rem)}
.abb-mini h3:focus{outline:none}
.abb-mini .abb-scelta legend{font-size:1.2rem;margin-bottom:10px}
.abb-mini__azioni{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:639px){.abb-mini__azioni .btn{width:100%}}
.abb-mini__indirizzo{font-size:var(--t-piccolo)}
.abb-mini .campo select,.abb-modulo .campo select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;
  background:var(--carta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237A5F22' stroke-width='1.3'/%3E%3C/svg%3E") right 16px center/12px 8px no-repeat}
.abb .campo select{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--bordo-campo);border-radius:var(--r);color:var(--testo);font-size:1rem}
.abb .campo select:focus-visible{outline:2px solid var(--oro-scuro);outline-offset:2px;border-color:var(--verde)}
.abb-fatti{margin:0;border-top:1px solid var(--oro)}
.abb-fatti>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--filo-tenue)}
.abb-fatti dt{font:400 var(--t-micro)/1.6 var(--f-testo);letter-spacing:.22em;text-transform:uppercase;color:var(--oro-scuro)}
.abb-fatti dd{margin:0;font-size:var(--t-piccolo);color:var(--testo);overflow-wrap:anywhere}
@media (max-width:480px){.abb-fatti>div{grid-template-columns:minmax(0,1fr);gap:2px}}
.abb-storico summary{min-height:44px;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;
  font:400 var(--t-micro)/1.2 var(--f-testo);letter-spacing:.24em;text-transform:uppercase;color:var(--verde)}
.abb-storico summary::-webkit-details-marker{display:none}
.abb-storico summary::before{content:"+";font:300 1.1rem/1 var(--f-testo);color:var(--oro-scuro)}
.abb-storico[open] summary::before{content:"−"}
.abb-storico ul{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid var(--filo-tenue)}
.abb-storico li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.9fr);gap:8px 14px;padding:12px 0;border-bottom:1px solid var(--filo-tenue);font-size:var(--t-piccolo);color:var(--testo-tenue)}
.abb-storico li span:first-child{color:var(--inchiostro-titoli)}
@media (max-width:560px){.abb-storico li{grid-template-columns:minmax(0,1fr)}}
.abb-io__aiuto{font-size:var(--t-piccolo);color:var(--testo-tenue)}
.abb-io__aiuto a+a{margin-left:12px}
@media (prefers-reduced-motion:reduce){.abb-opzione{transition:none}}

/* i testi legali (legale/consensi.md, abbonamento-2026-11-v1): l'autorizzazione sopra la casella e il riquadro con
   durata, disdetta e niente recesso subito sopra il pulsante (art. 51, c. 2). Leggibili, senza scorrimenti interni. */
.abb-autorizzazione{padding:16px 18px;border-left:2px solid var(--oro);background:var(--carta);font-size:var(--t-piccolo);line-height:1.65;color:var(--testo)}
.abb-riquadro{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,3vw,28px);background:var(--carta);border:1px solid var(--filo);
  font-size:var(--t-piccolo);line-height:1.65;color:var(--testo)}
.abb-riquadro p:first-child{font:500 clamp(1.2rem,1.1rem + .4vw,1.4rem)/1.35 var(--f-titolo);color:var(--inchiostro-titoli);font-synthesis:none;font-variant-numeric:lining-nums}
.abb-riquadro p:first-child b{font-weight:600}
.abb-riquadro b{color:var(--verde)}
.abb-spiega--campo{margin-top:-4px}

/* ---------- angoli morbidi «da boutique» (Flavio, 19/10/2026; i valori in style.css) ---------- */
.abb-riepilogo,.abb-consegna,.abb-pannello,.abb-riquadro{border-radius:var(--r-scheda)}
.abb-riepilogo,.abb-consegna{box-shadow:inset 0 0 0 6px var(--carta),inset 0 0 0 7px var(--filo-tenue),var(--ombra-morbida)}
.abb-consegna--confermata{box-shadow:none}
.abb-opzione,.abb-autorizzazione,.abb-esito__ok{border-radius:var(--r)}
.abb-stato,.abb-consegna__stato{border-radius:var(--r-etichetta)}