/* vecto-calcolatore.css 1.0.1 (26 ott 2026; 1.0.1: tipi dei metalli come pulsanti, quantità nel riepilogo)
   Calcolatore su tre righe (vcalc-riga): testo del passo a sinistra (1/3), strumento a destra (2/3).
   Le regole sul calcolatore passano da .vcalc-riga per vincere su configuratore.css, che si carica
   dopo, nel corpo della pagina. Caricato da vecto-calcolatore.php solo dove la pagina usa vcalc-. */

/* ---------- righe ---------- */
.vcalc-riga{margin-bottom:0!important;padding-bottom:36px}
.vcalc-riga .wpb_wrapper>.wpb_content_element:last-child{margin-bottom:0}
.vcalc-riga h3{margin-top:4px}
.vcalc-nota{font-size:12px;line-height:1.6;color:#333;margin-top:16px}
.vcalc-nota p{margin:0}

/* ---------- riga 01: file ---------- */
.vcalc-slot--file .fileinputs{position:relative;display:flex;align-items:center;justify-content:center;min-height:112px;border:1px dashed #000;background:#fff;box-sizing:border-box}
.vcalc-slot--file .fileinputs input#fileupload{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}
.vcalc-slot--file .fileinputs .fakefile{position:static}
.vcalc-slot--file .fileinputs .fakefile .button{margin:0}
.vcalc-slot--file .fileinputs:hover{background:#f7f7f4}
.vcalc-slot--file > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper > br{display:none}
.vcalc-slot--file #filename{margin:10px 0 0;font-size:13px}
.vcalc-slot--file #progress{margin-top:8px}
.vcalc-slot--file div:has(> svg#previewCanvas:empty){display:none}

/* ---------- riga 02: passi ---------- */
.vcalc-riga #vecto-cfg{max-width:none}
.vcalc-riga #vecto-cfg .cfg-step{margin-bottom:0;padding-bottom:20px}
.vcalc-riga #vecto-cfg .cfg-step:first-child .cfg-head{border-top:0;padding-top:0}
.vcalc-riga #vecto-cfg .cfg-head{margin-bottom:14px;padding-top:12px;align-items:center}
.vcalc-riga #vecto-cfg .cfg-val{flex:1 1 auto}
.vcalc-cambia{display:none;background:none;border:0;padding:4px 0;margin:0;cursor:pointer;font:inherit;font-size:12px;color:#000;text-decoration:underline;text-underline-offset:3px}
.vcalc-riga #vecto-cfg .cfg-step.vcalc-chiuso{padding-bottom:0}
.vcalc-riga #vecto-cfg .cfg-step.vcalc-chiuso .cfg-head{margin-bottom:12px}
.vcalc-riga #vecto-cfg .cfg-step.vcalc-chiuso>:not(.cfg-head){display:none!important}
.vcalc-riga #vecto-cfg .cfg-step.vcalc-chiuso .vcalc-cambia{display:inline-block}

/* materiale: campo di ricerca e, sotto, l'elenco di Tom Select sempre aperto */
.vcalc-riga #vecto-cfg .ts-wrapper{max-width:none}
.vcalc-riga #vecto-cfg .ts-control{padding:11px 14px!important;font-size:16px}
.vcalc-riga #vecto-cfg .ts-dropdown{display:block!important;position:static;border:0;margin:14px 0 0;box-shadow:none;background:none;font-size:15px}
.vcalc-riga #vecto-cfg .ts-dropdown .ts-dropdown-content{max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px 24px}
.vcalc-riga #vecto-cfg .ts-dropdown .optgroup-header{border-top:0;padding:0 0 4px;font-size:11px}
.vcalc-riga #vecto-cfg .ts-dropdown .option{padding:5px 8px;margin-left:-8px;gap:9px;cursor:pointer}
.vcalc-riga #vecto-cfg .ts-dropdown .option:hover{background:#f2f2f2;color:#000}
.vcalc-riga #vecto-cfg .ts-dropdown .option.active{background:none;color:inherit}
.vcalc-riga #vecto-cfg .ts-wrapper.focus .ts-dropdown .option.active{background:#000;color:#fff}
.vcalc-riga #vecto-cfg .ts-dropdown .option.selected{font-weight:700}
.vcalc-riga #vecto-cfg .ts-dropdown .no-results{padding:0;color:#767672}

/* colori: elenco compatto, pallino e nome sulla stessa riga */
.vcalc-riga #vecto-cfg .cfg-colori{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:2px 16px;align-items:stretch}
.vcalc-riga #vecto-cfg .cfg-colore{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:5px 8px;margin-left:-8px;min-height:32px;text-align:left}
.vcalc-riga #vecto-cfg .cfg-colore .pallino{width:18px;height:18px;flex:none}
.vcalc-riga #vecto-cfg .cfg-colore:hover .pallino{transform:none}
.vcalc-riga #vecto-cfg .cfg-colore:hover{background:#f2f2f2}
.vcalc-riga #vecto-cfg .cfg-colore .nome{font-size:14px;max-width:none;text-align:left;line-height:1.3}
.vcalc-riga #vecto-cfg .cfg-colore.scelto{background:#000}
.vcalc-riga #vecto-cfg .cfg-colore.scelto .nome{color:#fff}
.vcalc-riga #vecto-cfg .cfg-colore.scelto .pallino{outline:1px solid #fff;outline-offset:1px}
.vcalc-riga #vecto-cfg .cfg-speciale{grid-column:span 2;border:1px solid #000;margin:0 0 8px;padding:8px 12px}
.vcalc-riga #vecto-cfg .cfg-colore-testo{border:1px solid #000;margin:0;justify-content:center;padding:8px 12px}
.vcalc-riga #vecto-cfg .cfg-colore-testo:hover .nome{color:#000}
.vcalc-riga #vecto-cfg .cfg-colore-testo.scelto .nome{color:#fff}
.vcalc-riga #vecto-cfg .cfg-colore.vcalc-nascosto{display:none}
.vcalc-finiture{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.vcalc-fin{font:inherit;font-size:12px;line-height:1.5;padding:4px 10px;border:1px solid #c8c8c4;background:#fff;color:#000;cursor:pointer;border-radius:0}
.vcalc-fin:hover{border-color:#000}
.vcalc-fin[aria-pressed="true"]{background:#000;border-color:#000;color:#fff}
.vcalc-fin-n{font-size:11px;opacity:.7}

/* formati: una riga, fogli in scala ridotta */
.vcalc-riga #vecto-cfg .cfg-formati{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;align-items:stretch}
.vcalc-riga #vecto-cfg .cfg-formato{justify-content:flex-end;min-height:128px}
.vcalc-riga #vecto-cfg .cfg-formato .foglio:not(.foglio-ns){zoom:.45}
.vcalc-riga #vecto-cfg .cfg-formato-ns .foglio-ns{width:40px;height:40px}
.vcalc-riga #vecto-cfg .cfg-formato-skel{width:auto;height:128px}

/* ---------- riga 03: riepilogo (fuori da #vecto-cfg: stili riportati da configuratore.css) ---------- */
.vcalc-riepilogo .cfg-riepilogo{margin:0;border:1px solid #000;max-width:none;font-family:'ABC Diatype','Diatype','Helvetica Neue',Helvetica,Arial,sans-serif}
.vcalc-riepilogo .cfg-riepilogo h2{font-size:13.6px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:12px 16px;margin:0;border-bottom:1px solid #000;color:#000}
.vcalc-riepilogo .cfg-riepilogo table{width:100%;border-collapse:collapse;font-size:15px;margin:0;border:0}
.vcalc-riepilogo .cfg-riepilogo td{padding:9px 16px;border:0;border-top:1px solid #e3e3e0}
.vcalc-riepilogo .cfg-riepilogo tr:first-child td{border-top:0}
.vcalc-riepilogo .cfg-riepilogo td:first-child{color:#767672}
.vcalc-riepilogo .cfg-riepilogo td:last-child{text-align:right;font-weight:500}
.vcalc-riepilogo .cfg-riepilogo td .manca{color:#c8c8c4;font-weight:400}
.vcalc-riepilogo .cfg-cta{display:block;width:100%;margin:0;border:0;border-top:1px solid #000;background:#fff;color:#000;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;line-height:1;text-transform:uppercase;padding:17px 20px;cursor:pointer;border-radius:0;transition:background .12s ease,color .12s ease}
.vcalc-riepilogo .cfg-cta:hover:not(:disabled){background:#000;color:#fff}
.vcalc-riepilogo .cfg-cta:disabled{background:#fff;color:#767672;cursor:not-allowed}
.vcalc-riepilogo #loading{text-align:center;margin-top:12px}
.vcalc-riepilogo .cfg-riepilogo td .cfg-qta{width:76px;border:1px solid #000;border-radius:0;background:#fff;font-family:inherit;font-size:15px;text-align:right;padding:5px 8px;-moz-appearance:textfield}
.vcalc-riepilogo .cfg-riepilogo td .cfg-qta:focus{outline:2px solid #000;outline-offset:1px}

/* ---------- sezioni sotto il calcolatore ---------- */
.vcalc-materiali mark.count{display:none}
.vcalc-guide ul{list-style:none;margin:0;padding:0;border-top:1px solid #000}
.vcalc-guide li{position:relative;margin:0;border-bottom:1px solid #000}
#content .vcalc-guide li a{display:flex;align-items:center;min-height:44px;padding-right:24px;color:#000}
.vcalc-guide li::after{content:"\2192";position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none}

@media (max-width:767px){
	.vcalc-riga{padding-bottom:28px}
	.vcalc-riga .wpb_column+.wpb_column{margin-top:16px}
	.vcalc-riga #vecto-cfg .cfg-speciale{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
	.vcalc-riga #vecto-cfg *{transition:none!important}
}