, quindi due regole di
dgt_configuratore_0001.css continuano ad applicarsi e il CSS qui sopra non le
sovrascrive (non dichiara ne' height ne' text-align sugli elementi colpiti). */
/* riga 360: #configuratore .config-block ul li{height:70px} -> la riga banqup e' piu' alta e si accavalla */
#cvs-catalogo .pane .config-block>ul>li{height:auto!important}
/* riga 371: #configuratore .config-block ul li span{text-align:center} -> centra le note della colonna opzioni */
#cvs-catalogo .prow .pextra,#cvs-catalogo .prow .pextra span{text-align:left}
/* cintura: se class="row" tornasse sulla riga, i suoi pseudo-elementi non devono diventare
grid item (bootstrap.css: .row:before,.row:after{content:" ";display:table}) */
#cvs-catalogo .prow:before,#cvs-catalogo .prow:after{content:none;display:none}
#cvs-catalogo .prow{margin-left:0!important;margin-right:0!important}
/* ---- FIX 08/09/2026 (2): #slider_configuratore ul li p ----
dgt_configuratore_0001.css:49 dichiara, per i del vecchio slider,
line-height:62px + font-size:24px + font-family:'montserratbold' + text-align:center.
Il contenitore del widget ha ancora id="slider_configuratore" (viene dal parametro
title= del widget), quindi la regola colpisce tutte le p.pdesc delle righe: .pdesc
sovrascrive font-size/color/margin ma non line-height, font-family e text-align. */
#cvs-catalogo .prow p{font-family:inherit;line-height:1.5;text-align:left}
/* ---- FIX 08/09/2026 (3): colonna quantita' ----
(a) la (i) informativa c'e' solo sui prodotti con popup_msg (32 righe su 38) e
stava nel flusso del flex centrato, quindi il campo delle righe senza (i) non si
allineava a quello delle altre. Il template ora emette al suo posto uno
spaziatore: qui le due cose hanno la stessa larghezza fissa. */
#cvs-catalogo .prow .qty .pinfo-i,
#cvs-catalogo .prow .qty .pinfo-slot{flex:none;width:16px;text-align:center}
/* (b) dgt_configuratore_0001.css:720 - .config-block label{background-color:#e8e8e8;
color:#bfbfbf;padding:0 10px;line-height:32px} - faceva della label un riquadro
grigio con "q.ta" appiccicato al bordo sinistro: .qlab sovrascriveva solo color e
margin, non background, padding e line-height. */
#cvs-catalogo .prow .qty .qlab{background:none!important;padding:0!important;line-height:1.2}
#cvs-catalogo .prow .qty .qlbl{flex:none;line-height:1.2}
#cvs-catalogo .prow .qty.sw .swlab{line-height:1.2}
/* ---- FIX 08/09/2026 (4): barra sticky del carrello ----
Il CSS della barra piu' sopra usa selettori meno specifici della catena
#configuratore .fixed-items-block.config-block ... (dgt_configuratore_0001.css:1320-1330)
e quindi perdeva su larghezza, float, position, colori e font-size. Stesse
intenzioni, id raddoppiato, piu' i reset di cio' che il tema vecchio impone. */
/* contenitore: il vecchio metteva opacity .9, fondo grigio, bottom 1%, padding 10px */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block{left:0;right:0;bottom:18px;width:auto;margin:0;padding:0 16px;
background:none;opacity:1;border-radius:0;z-index:60;pointer-events:none}
/* la barra: il vecchio la inchiodava a width:1140px (pagina larga fino a 1760px) */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items{width:auto;max-width:1180px;margin:0 auto!important}
/* chip prodotto: il vecchio le faceva float:left, 85px fisse, fondo bianco */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd{float:none;width:auto;height:auto;
background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd span.price{width:auto;margin-top:0;padding:0;color:#fff}
/* totale e carrello a destra: il vecchio li floattava a width:5% con
margin-right:220px!important, e mandava .cart-title e il bottone in position:fixed */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine{float:none!important;width:auto!important;
margin:0 0 0 auto!important;padding:0 4px;
color:inherit;font-size:inherit;text-transform:none;line-height:normal;text-align:right}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine .cart-title{position:static;float:none;padding:0}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine span.cart-totals{float:none;width:auto;margin-top:0;padding:0;
color:#fff;font-size:26px}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine a.button-checkout{position:static;float:none;width:auto;
height:46px;opacity:1;font-size:14.5px}
/* ---- FIX 08/09/2026 (5): barra sticky, pannello prodotti e leggibilita' ----
La barra scura resta disegnata su ul.fixed-items, perche' e' l'elemento che
js/cvs/js_0001.js:242 nasconde quando il carrello si svuota. Dentro:
li.prdwrap > ul.prdlist il contenitore delle sole chip, inset rispetto alla barra
li.subtotale-ordine totale e carrello, fuori dal pannello, a destra
Il wrapper lo inietta configuratore-banqup.phtml: nel blocco CMS non c'e'. */
/* la barra */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items{position:relative;flex-wrap:nowrap;gap:12px;padding:10px}
/* il pannello delle chip: cresce fino a riempire la barra meno il totale.
width/overflow/margin servono a scavalcare #configuratore ... ul{width:1140px;
overflow:hidden;margin:0 auto!important} (dgt_configuratore_0001.css:1321). */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prdwrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;
float:none;width:auto;height:auto;margin:0;padding:0;background:none;border:0}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prdwrap ul.prdlist{flex:1 1 auto;min-width:0;width:auto;margin:0!important;
display:flex;align-items:center;gap:10px;padding:8px 10px;list-style:none;
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
border-radius:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prdwrap ul.prdlist::-webkit-scrollbar{height:6px}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prdwrap ul.prdlist::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:99px}
/* chip: piu' grandi e leggibili, con il nome del prodotto */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd{flex:none;float:none;width:auto;height:auto;margin:0;
display:flex;align-items:center;gap:11px;padding:8px 16px 8px 10px;
background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
border-radius:999px}
/* il riquadro dell'icona: niente override di background-position/size, sono
!important nel tema vecchio e servono allo sprite a 2 stati (.active_block) */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd span.image{display:block;flex:none;width:42px;height:32px;margin:0;
padding:0;line-height:0;border-radius:9px;background-color:#fff;
text-indent:-9999px;overflow:hidden}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd span.pnm{flex:none;width:auto;max-width:190px;margin:0;padding:0;
font-size:13px;font-weight:700;line-height:1.2;color:rgba(255,255,255,.92);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd span.price{flex:none;width:auto;margin:0;padding:0;
font-size:15.5px;font-weight:900;line-height:1.2;color:#fff;white-space:nowrap}
/* totale e carrello: via il fondo bianco che arriva da
dgt_configuratore_0001.css:1322 - ul li{background:#FFF} - che vale per OGNI li,
non solo per le chip. Separati dal pannello da un filetto. */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine{flex:none;background:none;border:0;
border-left:1px solid rgba(255,255,255,.16);
margin:0 0 0 14px!important;padding:2px 6px 2px 18px}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine .cart-title{background:none}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine span.cart-totals{background:none}
/* ---- FIX 08/09/2026 (6): chip leggibili ----
I della barra hanno classe "one prd" / "two prd", e
dgt_configuratore_0001.css:813-822 dice
.config-block ul li.one{background-color:#ebf4f9!important}
.config-block ul li.two{background-color:#e8f6ec!important}
Con !important non basta la specificita': le chip restavano azzurrino/verdino
quasi bianco e il testo bianco sopra era illeggibile. Serve !important anche qui.
Il nome del prodotto e' span.price::before da data-nm: NON puo' essere un nodo
di testo, perche' js/cvs/js_0001.js:939 somma parseFloat(children().text().slice(0,-2))
e un secondo testo nella chip manda il totale a NaN. */
/* chip: fondo scuro traslucido, piu' grande */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd{background:rgba(255,255,255,.12)!important;
border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;
height:auto!important;padding:9px 18px 9px 11px;gap:12px}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd:hover{background:rgba(255,255,255,.18)!important}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd.active_block{background:rgba(129,141,248,.26)!important;
border-color:rgba(129,141,248,.55)!important}
/* riquadro icona un po' piu' grande (background-position/size restano quelli del
tema vecchio: sono !important e servono allo sprite a 2 stati) */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd span.image{width:44px;height:34px;border-radius:10px}
/* prezzo: due righe, nome sopra (contenuto generato) e cifra sotto */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd span.price{display:flex!important;flex-direction:column;align-items:flex-start;
justify-content:center;text-align:left!important;gap:1px;
font-size:16px;font-weight:900;line-height:1.15;color:#fff!important}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd span.price:before{content:attr(data-nm);display:block;max-width:200px;
font-size:11.5px;font-weight:700;line-height:1.2;letter-spacing:.01em;
color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* il vecchio span.pnm non serve piu': se resta in giro non deve occupare spazio */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd span.pnm{display:none!important}
/* il totale: anche qui height:auto, il tema vecchio impone 70px su ogni li */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine{height:auto!important;background:none!important}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prdwrap{height:auto!important;background:none!important}
/* ---- FIX 08/09/2026 (7): respiro nel pannello e bottone carrello solo icona ---- */
/* la barra distribuisce in altezza: il pannello si allunga quanto la barra meno
il suo padding, il totale resta centrato */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items{align-items:stretch;gap:14px;padding:12px}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prdwrap{align-self:stretch;align-items:stretch;padding:0;margin:0}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prdwrap ul.prdlist{align-items:center;min-height:64px;
padding:12px 14px!important;gap:12px}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd{padding:10px 18px 10px 12px}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine{align-self:center}
/* Il "0" dentro il bottone del carrello NON e' il totale: e' l'accumulatore
serviziPrice, che js/cvs/js_0001.js:455 rilegge con
parseInt(jQuery('.button-checkout').text())
e usa nel controllo del lotto minimo. Il nodo di testo deve restare nel DOM,
quindi lo si nasconde con font-size:0 invece di rimuoverlo. Il totale e' gia'
in .cart-totals, qui basta l'icona del carrello. */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine a.button-checkout{width:52px;min-width:52px;padding:0;
font-size:0;line-height:0;
background-position:center center!important;background-size:20px 20px!important}
/* ---- FIX 08/09/2026 (8): il padding delle chip ----
dgt_configuratore_0001.css:360 -> #configuratore .config-block ul li{padding:0
!important;margin:0!important}. Vale per OGNI li dentro .config-block, quindi
anche per le chip della barra: senza !important il loro padding non ha mai avuto
effetto, ed e' per questo che il contenuto restava appiccicato ai bordi. */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prd{padding:11px 20px 11px 13px!important}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.prdwrap{padding:0!important}
/* ---- FIX 08/09/2026 (9): gli ultimi padding che perdevano ----
dgt_configuratore_0001.css:358 -> #configuratore .config-block ul{padding:0!important}
dgt_configuratore_0001.css:364 -> #configuratore .config-block ul li{padding:0!important}
Colpiscono anche la barra e il blocco totale, non solo le chip: senza !important
il pannello toccava i bordi della barra e il filetto del totale toccava la cifra.
Elenco completo degli !important del tema vecchio che arrivano sulla barra:
:357-358 ul{margin,padding} :364-365 ul li{padding,margin}
:814/819 li.one/li.two{background-color}
:1321 ul{margin} :1325 li.subtotale-ordine{margin-top,margin-right}
:708-709 e :1016 .image{background-position,background-size} <- questi si TENGONO,
sono lo sprite a 2 stati che il JS accende con .active_block. */
Sul lato destro un po' piu' di respiro, per staccare il carrello dal bordo:
16px di padding della barra + 10px del blocco totale. */
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items{padding:12px 16px 12px 12px!important}
#cvs-catalogo#cvs-catalogo .fixed-items-block.config-block ul.fixed-items li.subtotale-ordine{padding:2px 10px 2px 20px!important}
/* ---- FIX 08/09/2026 (10): popup del checkout ----
Il contenuto del popup NON e' in pagina: lo inietta cartajax in #item-cart
(Webquali_CartAjax, AjaxController::digicartAction riga 566, che rende
checkout/cart.phtml) e con esso arrivano #discount-codes, #totals e
#buttons-cart, riempiti subito dopo da populate_checkout_dialog().
Due cose lo rompevano, entrambe per colpa di #cvs-catalogo *{margin:0;padding:0},
che vale anche sull'HTML iniettato:
- .chktpopup e' position:fixed con left:5px;right:5px;width:70% e margin:0 auto:
azzerate le auto, il box e' sovravincolato e resta incollato a SINISTRA;
- i padding delle colonne bootstrap dentro il carrello sparivano, da cui il
testo appiccicato.
Qui il popup viene ridisegnato nel linguaggio del design nuovo. Tutto e'
scoped su #cvs-catalogo: lo stesso #chkt esiste anche sulle pagine 33 e 111,
che non hanno questo CSS e non devono cambiare, e checkout/cart.phtml e'
condiviso quindi non si tocca. [GC] */
/* il pannello */
#cvs-catalogo #chkt.chktpopup{position:fixed;top:7vh;left:0;right:0;
width:min(1120px,calc(100vw - 40px));min-width:0!important;
max-height:86vh;overflow-y:auto;
margin:0 auto!important;padding:26px 28px 22px!important;
background:#fff!important;background-image:none!important;
border:1px solid var(--line)!important;border-radius:var(--radius)!important;
box-shadow:0 30px 80px rgba(8,6,35,.45)!important;z-index:1000}
#cvs-catalogo #chkt .ttl{margin:0 0 18px!important;padding:0 0 16px!important;
border-bottom:1px solid var(--line);text-align:left;
font-size:19px;font-weight:800;line-height:1.3;color:var(--heading)!important}
#cvs-catalogo #chkt #msg-setup{margin:0 0 16px!important;padding:12px 14px!important;
border:1px solid var(--acc-line);border-radius:12px;background:var(--acc-soft);
text-align:left;font-size:13px;line-height:1.45;color:var(--acc-dark)!important;
width:auto!important}
/* la griglia interna: .row > .container > .col-*, annidamento non standard che
arriva da cart.phtml. Il .container diventa la griglia; i suoi pseudo-elementi
di clearfix vanno spenti, altrimenti su un grid container diventano grid item
e slittano le colonne - la stessa trappola della riga prodotto. */
#cvs-catalogo #chkt .cart>.row{margin:0!important}
#cvs-catalogo #chkt .cart>.row>.container{width:auto!important;max-width:none!important;
margin:0!important;padding:0!important;
display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
#cvs-catalogo #chkt .cart>.row>.container:before,#cvs-catalogo #chkt .cart>.row>.container:after{content:none!important;display:none!important}
#cvs-catalogo #chkt .cart>.row>.container>[class*="col-"]{width:auto!important;float:none!important;
padding:0!important;min-width:0}
#cvs-catalogo #chkt .cart>.row+.row>.container{margin-top:18px!important;padding-top:16px!important;
border-top:1px solid var(--line)}
#cvs-catalogo #chkt .page-title{display:none}
/* l'area scorrevole: il tema vecchio la inchioda a height:215px */
#cvs-catalogo #chkt #cart-items.cart-scroll{height:auto!important;max-height:min(46vh,420px);
overflow-y:auto;padding-right:4px!important}
/* la tabella */
#cvs-catalogo #chkt #shopping-cart-table{width:100%;border-collapse:collapse;font-size:14px}
#cvs-catalogo #chkt #shopping-cart-table thead th{padding:0 12px 10px!important;text-align:left;
border-bottom:1px solid var(--line);font-size:11.5px;font-weight:800;
letter-spacing:.07em;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap}
#cvs-catalogo #chkt #shopping-cart-table thead th.a-center{text-align:center}
#cvs-catalogo #chkt #shopping-cart-table tbody td{padding:12px!important;vertical-align:middle;
border-bottom:1px solid #f1f3f9}
#cvs-catalogo #chkt #shopping-cart-table tbody tr:last-child td{border-bottom:0}
#cvs-catalogo #chkt #shopping-cart-table td.a-center{text-align:center}
#cvs-catalogo #chkt #shopping-cart-table td.a-right{text-align:right}
#cvs-catalogo #chkt #shopping-cart-table .product-name{margin:0!important;font-size:14.5px;
font-weight:700;line-height:1.3;color:var(--heading)!important}
#cvs-catalogo #chkt #shopping-cart-table .short_product_description{display:block!important;
width:auto!important;padding:3px 0 0!important;text-align:left!important;
font-size:12.5px;font-weight:400;line-height:1.45;color:var(--muted)!important}
#cvs-catalogo #chkt #shopping-cart-table .cart-price{font-weight:800;white-space:nowrap;color:var(--heading)!important}
#cvs-catalogo #chkt #shopping-cart-table .item-options{margin:6px 0 0!important;font-size:12.5px;color:var(--muted)}
#cvs-catalogo #chkt #shopping-cart-table .item-msg{margin:6px 0 0!important;font-size:12px;color:#c0392b}
#cvs-catalogo #chkt #shopping-cart-table input[type=text],#cvs-catalogo #chkt #shopping-cart-table input[type=number]{
width:64px;height:38px;padding:0!important;text-align:center;
border:1.5px solid var(--line)!important;border-radius:10px!important;
background:#fff!important;box-shadow:none!important;font:inherit;font-weight:700}
/* codice sconto e totali */
#cvs-catalogo #chkt .discount-codes{padding:14px!important;border:1px solid var(--line);
border-radius:14px;background:var(--acc-tint);text-align:left;font-size:13.5px}
#cvs-catalogo #chkt #totals table{width:100%;border-collapse:collapse;font-size:14px}
#cvs-catalogo #chkt #totals td{padding:6px 12px!important}
#cvs-catalogo #chkt #totals td:last-child,#cvs-catalogo #chkt #totals .a-right{text-align:right;white-space:nowrap}
#cvs-catalogo #chkt #totals strong{font-weight:800;color:var(--heading)}
#cvs-catalogo #chkt #totals tr:last-child td{padding-top:10px!important;font-size:17px;
border-top:1px solid var(--line)}
/* i bottoni: #buttons-cart nasce con le classi btn btn-info del tema, che il JS
toglie appena lo riempie; #checkoutback e' un ![]()
con onmouseover inline che
lo porta al 100%, qui bloccato con !important */
#cvs-catalogo #chkt #buttons-cart{margin:0!important;padding:0!important;background:none!important;
border:0!important;box-shadow:none!important}
#cvs-catalogo #chkt #buttons-cart button,#cvs-catalogo #chkt #buttons-cart .button{
display:inline-flex!important;align-items:center;justify-content:center;
width:100%;height:48px;padding:0 20px!important;border:0!important;border-radius:999px!important;
background:var(--acc)!important;color:#fff!important;
font:inherit;font-size:15px;font-weight:700;text-decoration:none!important;
cursor:pointer;box-shadow:none!important}
#cvs-catalogo #chkt #buttons-cart button:hover,#cvs-catalogo #chkt #buttons-cart .button:hover{background:var(--acc-mid)!important}
#cvs-catalogo #chkt #checkoutback{display:inline-block;margin-top:12px!important}
#cvs-catalogo #chkt #checkoutback img{width:auto!important;height:40px!important;max-width:100%}
@media(max-width:900px){
#cvs-catalogo #chkt.chktpopup{top:3vh;max-height:94vh;padding:20px 18px!important}
#cvs-catalogo #chkt .cart>.row>.container{grid-template-columns:minmax(0,1fr)}
#cvs-catalogo #chkt #shopping-cart-table{font-size:13px}
}
/* ---- FIX 08/09/2026 (11): bottoni del popup e codice sconto ----
onepage/link.phtml rende il checkout come con dentro ![]()
, e
cart.phtml rende #checkoutback come con ![]()
: sono immagini,
non testo, quindi non vanno trasformate in pastiglie - si normalizza solo la
dimensione. Entrambe hanno un onmouseover inline che le porta al 100%: bloccato
con !important, che vince sullo style inline.
Il campo del codice sconto ha uno style inline (fondo azzurro, bordo inset):
anche qui serve !important. [GC] */
#cvs-catalogo #chkt #buttons-cart a,#cvs-catalogo #chkt #checkoutback{display:inline-block!important;
width:auto!important;height:auto!important;padding:0!important;
background:none!important;border:0!important;box-shadow:none!important}
#cvs-catalogo #chkt #buttons-cart a img,#cvs-catalogo #chkt #checkoutback img{width:auto!important;height:42px!important;
max-width:100%;display:block}
#cvs-catalogo #chkt #buttons-cart{text-align:center}
#cvs-catalogo #chkt #checkoutback{margin-top:14px!important}
#cvs-catalogo #chkt .discount-codes .discount-form{margin:0!important;padding:0!important}
#cvs-catalogo #chkt .discount-codes label{display:block;margin:0 0 6px!important;
font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
color:var(--muted)!important}
#cvs-catalogo #chkt .discount-codes .input-box{margin:0!important;padding:0!important}
#cvs-catalogo #chkt .discount-codes #coupon_code{width:100%!important;height:42px!important;
padding:0 12px!important;margin:0!important;text-align:left!important;
background:#fff!important;color:var(--ink)!important;
border:1.5px solid var(--line)!important;border-style:solid!important;
border-radius:10px!important;box-shadow:none!important;
font:inherit!important;font-weight:600!important}
#cvs-catalogo #chkt .discount-codes #coupon_code:focus{outline:none;border-color:var(--acc)!important;
box-shadow:0 0 0 3px var(--acc-soft)!important}
#cvs-catalogo #chkt .discount-codes .buttons-set{margin:10px 0 0!important;padding:0!important;
border:0!important;text-align:left}
#cvs-catalogo #chkt .discount-codes button.button{display:inline-flex!important;align-items:center;
justify-content:center;height:38px;padding:0 16px!important;margin:0 6px 0 0!important;
border:1.5px solid var(--acc)!important;border-radius:999px!important;
background:#fff!important;color:var(--acc)!important;
font:inherit!important;font-size:13px!important;font-weight:700!important;
cursor:pointer;box-shadow:none!important}
#cvs-catalogo #chkt .discount-codes button.button:hover{background:var(--acc-soft)!important}
#cvs-catalogo #chkt .discount-codes button.button span{background:none!important;padding:0!important}
/* ---- FIX 09/09/2026 (12): icona di categoria in risalto ----
Nota: su Digithera questa patch metteva in risalto l'icona E introduceva il marchio
del prodotto sotto il nome. Su CV Studio i marchi non ci sono, quindi resta la sola
icona di categoria.
Il riquadro dell'icona passa da 66x54 a 78x64 e da fondo tinta ad fondo bianco con
bordo e alone nel colore dell'area, cosi lo sprite si stacca; sulla riga
selezionata il bordo prende l'accento pieno. background-position e background-size
NON si toccano: sono !important nel tema vecchio e sono lo sprite a 2 stati. [GC] */
#cvs-catalogo .prow .plogo{width:78px;height:64px;border-radius:15px;padding:5px;
background:#fff;border:1px solid var(--acc-line);
box-shadow:0 1px 3px rgba(30,27,75,.10),0 0 0 3px var(--acc-soft)}
#cvs-catalogo .prow .plogo .image{height:52px}
#cvs-catalogo .pane .config-block>ul>li.active_block .plogo{border-color:var(--acc);
box-shadow:0 2px 9px rgba(30,27,75,.17),0 0 0 3px var(--acc-soft)}
@media(max-width:900px){
#cvs-catalogo .prow .plogo{width:66px;height:54px;border-radius:13px}
#cvs-catalogo .prow .plogo .image{height:44px}
}
/* Qui su Digithera c'e' un blocco che ritaglia span.pbrand, il marchio del servizio
sotto il nome, trattandolo come sprite a due stati. Su CV Studio i marchi di prodotto
sono stati tolti dalla riga: il template non emette piu' span.pbrand e queste regole
sono state rimosse con lui, per non lasciare CSS che non aggancia niente. Le rimane
soltanto l'icona di categoria (.plogo) qui sopra, che e' un'altra cosa. [GC] */
/* ---- FIX 15/09/2026 (14): pannello di assegnazione ai Clienti ----
Serve ai prodotti nominativi (ask_assisted_vat): scelti i volumi, si indica a
quali Clienti attivare il servizio. Prima il markup stava dentro la colonna
della quantita', larga 175px, e il JS impone a chosen una larghezza inline di
520px: sbordava sulle colonne accanto. Ora e' il quinto elemento della griglia,
a tutta riga, e la riga si apre verso il basso.
Due cose da sapere. La prima: #cvs-catalogo *{margin:0;padding:0} azzera anche
le spaziature interne di chosen, che sono tutte su selettori di classe e quindi
perdono contro un id - per questo il widget e' ridisegnato pezzo per pezzo e non
solo posizionato. La seconda: js/cvs/js_0001.js:1194 scrive
jQuery('.chosen-container').prop('style','float:right;right:121px;width:520px')
su OGNI chosen della pagina, quindi qui serve !important. Dove invece il JS
scrive gia' !important inline (.chosen-drop, .search-choice) non si puo' fare
nulla e quei valori restano. [GC] */
/* il gap di riga della griglia si azzera: lo spazio lo mette il pannello quando si
apre, altrimenti tutte le righe nominative avrebbero 16px di vuoto inutile */
#cvs-catalogo .prow{row-gap:0;column-gap:16px}
#cvs-catalogo .prow .passist{grid-column:1 / -1;min-width:0;height:auto!important;padding:0!important;margin:0!important}
/* il pannello vero e proprio: e' display:none finche' il JS non lo apre, quindi
margini e padding qui non pesano sulle righe chiuse */
#cvs-catalogo .prow .passist .assegnaAssistito{width:auto!important;margin:14px 0 2px!important;
padding:16px 18px!important;line-height:1.5;
background:var(--acc-tint);border:1px solid var(--acc-line);
border-left:3px solid var(--acc);border-radius:14px}
/* l'avviso: era rosso e con width:240% e margin-left:-75%, misure pensate per un
contenitore stretto. Qui e' un'istruzione, non un errore, quindi ha il tono
dell'area invece del rosso */
#cvs-catalogo .prow .passist .warningAssistito{width:auto!important;margin:0 0 12px!important;padding:0!important;
color:var(--acc-dark)!important;font-family:inherit!important;
font-size:13.5px!important;font-weight:600!important;line-height:1.45!important}
/* la select nuda, se chosen non partisse */
#cvs-catalogo .prow .passist .assegnaAssistito > select{float:none!important;width:100%!important;
max-width:620px!important;margin:0!important;margin-right:0!important;
font-family:inherit!important;font-weight:400!important;
border:1.5px solid var(--line)!important;border-style:solid!important;
border-radius:12px!important;background:#fff!important;padding:8px!important}
/* chosen: contenitore. Il float/right/width inline del JS si batte con !important */
#cvs-catalogo .prow .passist .chosen-container{float:none!important;right:auto!important;left:auto!important;
width:100%!important;max-width:620px!important;font-family:inherit;font-size:14px}
/* il campo: si comporta come gli altri input del configuratore */
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices{display:flex!important;flex-wrap:wrap;
align-items:center;gap:6px;min-height:46px;
padding:7px 10px!important;margin:0!important;
background:#fff!important;background-image:none!important;
border:1.5px solid var(--line)!important;border-radius:12px!important;
box-shadow:none!important;list-style:none!important}
#cvs-catalogo .prow .passist .chosen-container-active .chosen-choices{border-color:var(--acc)!important;
box-shadow:0 0 0 3px var(--acc-soft)!important}
/* i Clienti scelti, come pastiglie nel colore dell'area */
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices li.search-choice{position:relative;
display:inline-flex;align-items:center;gap:7px;margin:0!important;
padding:5px 26px 5px 11px!important;
background:var(--acc-soft)!important;background-image:none!important;
border:1px solid var(--acc-line)!important;border-radius:999px!important;
box-shadow:none!important;color:var(--acc-dark)!important;
font-size:13px;font-weight:600;line-height:1.3;max-width:100%}
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices li.search-choice span{display:block;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
position:absolute;right:9px;top:50%;transform:translateY(-50%);
width:12px;height:12px;background:none!important;opacity:.65}
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before,
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after{
content:"";position:absolute;left:5px;top:1px;width:1.5px;height:11px;
background:var(--acc-dark);border-radius:2px}
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{transform:rotate(45deg)}
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after{transform:rotate(-45deg)}
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{opacity:1}
/* il campo di ricerca dentro la pastigliera */
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices li.search-field{margin:0!important;padding:0!important}
#cvs-catalogo .prow .passist .chosen-container-multi .chosen-choices li.search-field input[type=text]{
height:30px!important;margin:0!important;padding:0 2px!important;
font-family:inherit!important;font-size:14px!important;color:var(--ink)!important;
background:transparent!important;border:0!important;box-shadow:none!important}
/* la tendina dei risultati */
#cvs-catalogo .prow .passist .chosen-container .chosen-drop{width:100%!important;margin-top:6px;
background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;
box-shadow:0 16px 40px rgba(30,27,75,.16)!important;overflow:hidden}
#cvs-catalogo .prow .passist .chosen-container .chosen-results{margin:0!important;padding:4px!important;
max-height:260px;list-style:none!important}
#cvs-catalogo .prow .passist .chosen-container .chosen-results li{margin:0!important;padding:8px 10px!important;
border-radius:8px;font-size:13.5px;line-height:1.4;color:var(--ink)}
#cvs-catalogo .prow .passist .chosen-container .chosen-results li.highlighted{background:var(--acc)!important;color:#fff!important}
#cvs-catalogo .prow .passist .chosen-container .chosen-results li.no-results{background:none!important;color:var(--muted)!important}
#cvs-catalogo .prow .passist .chosen-container .chosen-results li em{font-style:normal;font-weight:800;text-decoration:none}
/* la riga selezionata tinge il pannello con il colore dell'area */
#cvs-catalogo .pane .config-block>ul>li.active_block .passist .assegnaAssistito{
background:#fff;border-color:var(--acc-line)}
@media(max-width:900px){
#cvs-catalogo .prow .passist .assegnaAssistito{padding:13px 14px!important;margin:12px 0 2px!important}
#cvs-catalogo .prow .passist .chosen-container,#cvs-catalogo .prow .passist .assegnaAssistito > select{max-width:none!important}
}
/* ---- FIX 15/09/2026 (15): la X che toglie un Cliente dalla multiselect ----
La X di chosen e' un , e il CSS di questa pagina
contiene una regola anti-tema che spegne TUTTI gli pseudo-elementi di OGNI
dentro #cvs-catalogo, con id raddoppiato e !important. La X disegnata con
::before/::after nella patch (14) aveva un solo id e perdeva: spariva del tutto,
perche' li' le avevo anche tolto lo sprite di chosen con background:none.
Qui la si ridisegna con lo stesso id raddoppiato e !important su display,
content e background, cosi' vince. [GC] */
#cvs-catalogo#cvs-catalogo .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute!important;display:block!important;right:8px;top:50%;
width:14px;height:14px;margin:0!important;padding:0!important;
transform:translateY(-50%);background:none!important;opacity:.6;
text-indent:-9999px;overflow:hidden;cursor:pointer}
#cvs-catalogo#cvs-catalogo .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before,#cvs-catalogo#cvs-catalogo .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after{display:block!important;content:""!important;
position:absolute;left:6px;top:1px;width:2px;height:12px;
background:var(--acc-dark)!important;border-radius:2px}
#cvs-catalogo#cvs-catalogo .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{transform:rotate(45deg)}
#cvs-catalogo#cvs-catalogo .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after{transform:rotate(-45deg)}
#cvs-catalogo#cvs-catalogo .passist .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{opacity:1}
/* la pastiglia deve lasciare spazio alla X: il padding a destra e' quello che la
ospita, e va difeso perche' js/cvs/js_0001.js:1193 scrive padding:3px inline su
.search-choice - colpisce pero' solo le pastiglie gia' esistenti al momento in
cui parte, che di norma sono zero */
#cvs-catalogo#cvs-catalogo .passist .chosen-container-multi .chosen-choices li.search-choice{
position:relative!important;padding:5px 28px 5px 12px!important}
/* ============ HERO DI CV STUDIO ============
Ripreso dalla pagina statica precedente (le regole .cfg-hero*), riportato qui dentro
perche' lo stile stia tutto in un file e la pagina CMS resti solo markup. Rispetto
all'originale cambia solo lo scope (#cvs-catalogo) e il font, che ora viene ereditato
dal contenitore invece che da var(--font). [GC] */
#cvs-catalogo .cfg-hero{
position:relative;overflow:hidden;max-width:1200px;margin:0 auto 20px!important;float:none!important;
background:linear-gradient(120deg,var(--navy-dark) 0%,var(--navy) 60%,#1d4b7a 100%);
border-radius:12px;padding:16px 24px!important;box-sizing:border-box}
#cvs-catalogo .cfg-hero__inner{position:relative;z-index:1;display:flex!important;flex-direction:column;
align-items:center!important;justify-content:center!important;gap:6px;margin:0!important;padding:0!important;text-align:center!important}
#cvs-catalogo .cfg-hero__tag{display:inline-flex;align-items:center;gap:6px;background:rgba(45,189,186,.16);
border:1px solid rgba(45,189,186,.4);color:var(--teal-light);font-size:11px;font-weight:800;
letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin:0!important}
#cvs-catalogo .cfg-hero__title{font-size:clamp(21px,2.7vw,29px);font-weight:800;line-height:1.2;color:#fff!important;
margin:0!important;padding:0!important;float:none!important}
#cvs-catalogo .cfg-hero__title br{display:none}
#cvs-catalogo .cfg-hero__title span{color:var(--teal-light)}
#cvs-catalogo .cfg-hero__title span::before{content:' '}
#cvs-catalogo .cfg-hero__sub{display:block!important;margin:2px auto 0!important;padding:0!important;
font-size:13px!important;font-weight:600!important;color:rgba(255,255,255,.82)!important;
line-height:1.3!important;float:none!important;text-align:center!important}
@media(max-width:900px){
#cvs-catalogo .cfg-hero{padding:22px 18px!important}
}
dentro i