/* Terriccio su misura: tutto sotto #tsm per non toccare il resto del tema */
#tsm,#tsm-fondo{
  --tsm-verde:#019331; --tsm-verde-scuro:#016020;
  --tsm-testo:#1f3f2d; --tsm-testo2:#556157; --tsm-bordo:#e3eadc;
  --tsm-fondo-chiaro:#f7fbf4; --tsm-fondo-verde:#edf6e8; --tsm-scelta:#d3e9cb;
  --tsm-avviso:#b45309; --tsm-avviso-fondo:#fff7ed;
  --tsm-titoli:"Roboto Condensed",Roboto,Arial,sans-serif;
  color:var(--tsm-testo);font-size:15px;line-height:1.5
}
#tsm{max-width:900px;margin:0 auto}
#tsm *,#tsm *::before,#tsm *::after,#tsm-fondo *,#tsm-fondo *::before,#tsm-fondo *::after{box-sizing:border-box}
#tsm h1,#tsm h2,#tsm h3{font-family:var(--tsm-titoli);color:var(--tsm-testo);margin:0;text-transform:none;letter-spacing:normal}
#tsm button,#tsm-fondo button{font:inherit;cursor:pointer;color:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;outline-offset:2px}
#tsm button:disabled,#tsm-fondo button:disabled{cursor:not-allowed}

#tsm .tsm-testa h1{font-size:30px;line-height:1.15}
#tsm .tsm-testa p{color:var(--tsm-testo2);margin:10px 0 0}

#tsm .tsm-passo{margin-top:28px}
#tsm .tsm-passo > h2{font-size:20px;display:flex;align-items:center;gap:10px;margin-bottom:12px}
#tsm .tsm-passo > h2 small{font-family:inherit;font-size:13px;font-weight:400;color:var(--tsm-testo2)}
#tsm .tsm-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--tsm-verde);color:#fff;font-size:15px;flex:none}
/* il numero sta nel CSS: così non finisce attaccato al testo del titolo ("1Scegli il formato") */
#tsm .tsm-num::before{content:attr(data-n)}
#tsm .tsm-regola{font-size:13.5px;color:var(--tsm-testo2);margin:-4px 0 12px}

/* formato */
#tsm .tsm-formati{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#tsm .tsm-formato{border:2px solid var(--tsm-bordo);border-radius:10px;background:#fff;padding:14px 16px;text-align:left}
#tsm .tsm-formato b{display:block;font-family:var(--tsm-titoli);font-size:22px}
#tsm .tsm-formato small{color:var(--tsm-testo2)}
#tsm .tsm-formato[aria-pressed="true"]{border-color:var(--tsm-verde);background:var(--tsm-fondo-verde);box-shadow:0 0 0 1px var(--tsm-verde) inset}
#tsm .tsm-etichetta{display:inline-block;margin-left:6px;font-family:Roboto,Arial,sans-serif;font-size:12px;font-weight:500;color:var(--tsm-verde-scuro);background:#dff0d8;border-radius:20px;padding:1px 9px;vertical-align:2px}

/* ricette */
#tsm .tsm-ricette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#tsm .tsm-ricetta{border:1px solid var(--tsm-bordo);border-radius:10px;background:#fff;padding:12px;text-align:left;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s}
#tsm .tsm-ricetta:hover{border-color:#b9d8b1}
#tsm .tsm-ricetta.attiva{border-color:var(--tsm-verde);box-shadow:0 0 0 1px var(--tsm-verde) inset;background:var(--tsm-fondo-verde)}
#tsm .tsm-ricetta h3{font-size:16.5px;line-height:1.2}
#tsm .tsm-specie{font-size:12.5px;color:var(--tsm-testo2);line-height:1.35}
#tsm .tsm-mini{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-top:auto}
#tsm .tsm-mini span{height:100%}
#tsm .tsm-comp{font-size:12px;color:var(--tsm-testo2);line-height:1.35}
#tsm .tsm-nostro{align-self:flex-start;font-size:11px;font-weight:500;color:var(--tsm-verde-scuro);background:#dff0d8;border-radius:20px;padding:1px 8px}
#tsm .tsm-modificata{display:none;align-self:flex-start;font-size:11px;font-weight:500;color:var(--tsm-avviso);background:var(--tsm-avviso-fondo);border-radius:20px;padding:1px 8px}
#tsm .tsm-ricetta.attiva.cambiata .tsm-modificata{display:inline-block}

/* componenti */
#tsm .tsm-gruppo{border:1px solid var(--tsm-bordo);border-radius:10px;margin-bottom:12px;overflow:hidden;background:#fff}
#tsm .tsm-gruppo-testa{background:var(--tsm-fondo-chiaro);padding:10px 14px;border-bottom:1px solid var(--tsm-bordo)}
#tsm .tsm-gruppo-testa h3{font-size:16.5px}
#tsm .tsm-gruppo-testa p{margin:2px 0 0;font-size:13px;color:var(--tsm-testo2)}
#tsm .tsm-riga{display:grid;grid-template-columns:72px minmax(0,1fr) 132px 54px;gap:14px;align-items:center;padding:10px 14px;border-top:1px solid var(--tsm-bordo)}
#tsm .tsm-gruppo-testa + .tsm-riga{border-top:0}
#tsm .tsm-riga.attiva{background:var(--tsm-scelta)}
#tsm .tsm-foto{width:72px;height:72px;border-radius:8px;border:0;padding:0;background-color:#ece6da;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);position:relative;overflow:hidden}
#tsm .tsm-foto img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
#tsm .tsm-foto:not(.manca)::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);pointer-events:none}
#tsm .tsm-foto::after{content:"⤢";position:absolute;right:3px;bottom:2px;font-size:11px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.7);opacity:0;transition:opacity .15s}
#tsm .tsm-foto:hover::after{opacity:1}
#tsm .tsm-foto.manca{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.12) 0 2px,transparent 3px) 0 0/9px 9px,radial-gradient(circle at 70% 60%,rgba(0,0,0,.25) 0 2px,transparent 3px) 0 0/11px 11px,#5a3f2c;cursor:default}
#tsm .tsm-foto.manca::after{content:none}
#tsm .tsm-nm{font-weight:500}
#tsm .tsm-gr{color:var(--tsm-testo2);font-weight:400}
#tsm .tsm-ds{font-size:12.5px;color:var(--tsm-testo2)}
#tsm .tsm-ctl{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--tsm-bordo);border-radius:8px;background:#fff;overflow:hidden}
#tsm .tsm-ctl button{width:40px;height:38px;border:0;border-radius:0;background:#fff;color:var(--tsm-verde-scuro);font-size:20px;line-height:1;padding:0}
#tsm .tsm-ctl button:hover:not(:disabled){background:var(--tsm-fondo-verde)}
#tsm .tsm-ctl button:disabled,#tsm .tsm-ctl button.pieno{color:#c3cbbf}
#tsm .tsm-ctl output{min-width:44px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
#tsm .tsm-litri{text-align:right;font-size:13px;color:var(--tsm-testo2);font-variant-numeric:tabular-nums;white-space:nowrap}
#tsm .tsm-riga.attiva .tsm-litri{color:var(--tsm-testo);font-weight:500}

/* riepilogo */
#tsm .tsm-riepilogo{border:1px solid var(--tsm-bordo);border-radius:12px;background:#fff;padding:18px;box-shadow:0 4px 18px rgba(31,63,45,.07)}
#tsm .tsm-barra,#tsm-fondo .tsm-barra{display:flex;height:26px;border-radius:7px;overflow:hidden;background:repeating-linear-gradient(45deg,#f1f4ee 0 8px,#e8ede3 8px 16px);border:1px solid var(--tsm-bordo)}
#tsm .tsm-barra span,#tsm-fondo .tsm-barra span{display:block;height:100%;border-right:2px solid #fff;transition:width .2s}
#tsm .tsm-barra span:last-child,#tsm-fondo .tsm-barra span:last-child{border-right:0}
#tsm .tsm-stato{display:flex;justify-content:space-between;align-items:center;margin:8px 0 12px;font-size:13.5px}
#tsm .tsm-stato b{font-variant-numeric:tabular-nums}
#tsm .tsm-ok,#tsm-fondo .tsm-ok{color:var(--tsm-verde-scuro);font-weight:500}
#tsm .tsm-manca,#tsm-fondo .tsm-manca{color:var(--tsm-avviso);font-weight:500}
#tsm .tsm-vuoto{font-size:13.5px;color:var(--tsm-testo2);background:var(--tsm-fondo-chiaro);border-radius:8px;padding:12px;text-align:center}
#tsm .tsm-elenco{list-style:none;margin:0;padding:0}
#tsm .tsm-elenco li{display:grid;grid-template-columns:14px minmax(0,1fr) auto 56px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--tsm-bordo);font-size:14px}
#tsm .tsm-elenco i{width:12px;height:12px;border-radius:3px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
#tsm .tsm-elenco .tsm-pc{font-weight:700;font-variant-numeric:tabular-nums}
#tsm .tsm-elenco .tsm-lt{text-align:right;font-variant-numeric:tabular-nums;color:var(--tsm-testo2)}
#tsm .tsm-righe-conto{margin-top:12px;display:grid;grid-template-columns:1fr auto;row-gap:10px;align-items:center}
#tsm .tsm-righe-conto .tsm-ctl{width:132px}
#tsm .tsm-totale-grande{font-family:var(--tsm-titoli);font-size:28px;color:var(--tsm-verde-scuro);font-variant-numeric:tabular-nums}
#tsm .tsm-carrello,#tsm-fondo .tsm-carrello{border:0;border-radius:8px;background:var(--tsm-verde);color:#fff;font-weight:700;font-size:15px;padding:12px 18px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
#tsm .tsm-carrello:hover:not(:disabled),#tsm-fondo .tsm-carrello:hover:not(:disabled){background:var(--tsm-verde-scuro)}
#tsm .tsm-carrello:disabled,#tsm-fondo .tsm-carrello:disabled{background:#b9cdb9}
#tsm .tsm-carrello.attesa,#tsm-fondo .tsm-carrello.attesa{opacity:.7;cursor:progress}
#tsm .tsm-riepilogo .tsm-carrello{width:100%;margin-top:14px;font-size:16px;padding:13px}
#tsm .tsm-nota{font-size:12.5px;color:var(--tsm-testo2);margin:8px 0 0;text-align:center}
#tsm .tsm-azzera{border:0;background:none;color:var(--tsm-testo2);text-decoration:underline;font-size:13px;padding:0}

/* barra fissa in basso con il totale */
#tsm-fondo .tsm-fissa{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:var(--tsm-verde-scuro);color:#fff;box-shadow:0 -6px 22px rgba(0,0,0,.22)}
#tsm-fondo .tsm-fissa-dentro{max-width:1040px;margin:0 auto;padding:14px 20px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 24px;align-items:center}
#tsm-fondo .tsm-stato-mini{min-width:0}
#tsm-fondo .tsm-riga-stato{font-size:13.5px;margin-bottom:6px}
#tsm-fondo .tsm-fissa .tsm-barra{height:16px;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.14)}
#tsm-fondo .tsm-fissa .tsm-barra span{border-right-color:var(--tsm-verde-scuro)}
#tsm-fondo .tsm-voci{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:13.5px;line-height:1.35}
#tsm-fondo .tsm-voci span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#tsm-fondo .tsm-voci i{width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:0 0 0 1px rgba(255,255,255,.55);flex:none}
#tsm-fondo .tsm-voci em{font-style:normal;font-weight:700;color:#c8f5d2}
#tsm-fondo .tsm-voci .tsm-vuote{color:rgba(255,255,255,.75);white-space:normal}
#tsm-fondo .tsm-fissa .tsm-ok{color:#c8f5d2}
#tsm-fondo .tsm-fissa .tsm-manca{color:#fde68a}
#tsm-fondo .tsm-tot{text-align:right;line-height:1.05}
#tsm-fondo .tsm-tot small{display:block;font-size:12.5px;color:rgba(255,255,255,.8)}
#tsm-fondo .tsm-tot b{display:inline-block;transform-origin:right center;font-family:var(--tsm-titoli);font-size:30px;color:#fff;font-variant-numeric:tabular-nums}
#tsm-fondo .tsm-tot b.lampo{animation:tsm-lampo .6s}
@keyframes tsm-lampo{0%{transform:scale(1)}35%{transform:scale(1.12);color:#fde68a}100%{transform:scale(1);color:#fff}}
#tsm-fondo .tsm-fissa .tsm-carrello{background:#fff;color:var(--tsm-verde-scuro)}
#tsm-fondo .tsm-fissa .tsm-carrello:hover:not(:disabled){background:#e6f4e9}
#tsm-fondo .tsm-fissa .tsm-carrello:disabled{background:rgba(255,255,255,.22);color:rgba(255,255,255,.75)}

/* domande frequenti */
#tsm .tsm-faq > h2{font-size:22px;margin-bottom:6px}
#tsm .tsm-faq details{border-bottom:1px solid var(--tsm-bordo);padding:12px 0}
#tsm .tsm-faq summary{font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
#tsm .tsm-faq summary::-webkit-details-marker{display:none}
#tsm .tsm-faq summary::after{content:"+";color:var(--tsm-verde);font-size:20px;line-height:1}
#tsm .tsm-faq details[open] summary::after{content:"−"}
#tsm .tsm-faq p{margin:8px 0 0;color:var(--tsm-testo2)}

/* finestre */
#tsm .tsm-dialogo{border:0;border-radius:12px;padding:0;max-width:600px;width:calc(100% - 32px);color:var(--tsm-testo);box-shadow:0 20px 50px rgba(0,0,0,.25)}
#tsm .tsm-dialogo::backdrop{background:rgba(20,30,22,.5)}
#tsm .tsm-dlg-testa{background:var(--tsm-fondo-verde);padding:14px 18px;border-bottom:1px solid var(--tsm-bordo)}
#tsm .tsm-dlg-titolo{font-family:var(--tsm-titoli);color:var(--tsm-testo);font-size:18px;font-weight:700;line-height:1.2;margin:0}
#tsm .tsm-dlg-corpo{padding:14px 18px;font-size:14px}
#tsm .tsm-dlg-corpo p{margin:0 0 6px}
#tsm .tsm-dlg-piede{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--tsm-bordo)}
#tsm .tsm-dlg-piede button{border:1px solid var(--tsm-bordo);background:#fff;border-radius:8px;padding:8px 16px}
#tsm .tsm-vai-carrello{border-radius:8px;background:var(--tsm-verde);color:#fff;font-weight:700;padding:9px 16px;text-decoration:none}
#tsm .tsm-vai-carrello:hover{background:var(--tsm-verde-scuro);color:#fff}
#tsm #tsm-zoom img{display:block;width:100%;height:auto}
#tsm #tsm-zoom .tsm-dlg-piede b{font-weight:500}

#tsm-fondo .tsm-avviso{position:fixed;left:50%;bottom:120px;transform:translateX(-50%) translateY(20px);background:var(--tsm-testo);color:#fff;font-size:14px;padding:9px 16px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1031;max-width:calc(100% - 32px);text-align:center}
#tsm-fondo .tsm-avviso.vis{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:760px){
  #tsm .tsm-ricette{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tsm-fondo .tsm-fissa-dentro{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"stato stato" "tot btn";gap:10px 12px;padding:12px 16px 14px}
  #tsm-fondo .tsm-stato-mini{grid-area:stato}
  #tsm-fondo .tsm-tot{grid-area:tot;text-align:left}
  #tsm-fondo .tsm-fissa .tsm-carrello{grid-area:btn;padding:12px 14px;font-size:13.5px}
  #tsm-fondo .tsm-tot b{font-size:26px;transform-origin:left center}
  #tsm-fondo .tsm-voci{font-size:13px;gap:3px 12px}
}
@media (max-width:560px){
  #tsm .tsm-testa h1{font-size:25px}
  #tsm .tsm-formato b{font-size:19px}
  #tsm .tsm-riga{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"foto info info" "foto lt ctl";row-gap:8px;column-gap:12px}
  #tsm .tsm-foto{grid-area:foto;width:64px;height:64px;align-self:start}
  #tsm .tsm-info{grid-area:info}
  #tsm .tsm-litri{grid-area:lt;text-align:left}
  #tsm .tsm-riga .tsm-ctl{grid-area:ctl;width:132px}
}
@media (max-width:400px){
  #tsm .tsm-ricette{grid-template-columns:minmax(0,1fr)}
}

/* Solo in questa pagina: chat Brevo (chiusa) e bollino Trusted Shops salgono sopra la barra fissa */
body#module-terricciosumisura-configuratore #brevo-conversations[style*="width: 60px"],
body#module-terricciosumisura-configuratore [id^="trustbadge-container"] > div > div{
  bottom:calc(var(--tsm-alto, 150px) + 12px) !important;
  transition:bottom .2s
}