.elementor-3576 .elementor-element.elementor-element-61dcb57{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-3576 .elementor-element.elementor-element-6659cac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-theme-site-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3576 .elementor-element.elementor-element-3c9d1b1{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 3%) 0%;}.elementor-3576 .elementor-element.elementor-element-3c9d1b1 .elementor-heading-title{font-size:0.7em;color:#FABA16;}.elementor-widget-woocommerce-product-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3576 .elementor-element.elementor-element-f574556{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 4%) 0%;}.elementor-3576 .elementor-element.elementor-element-f574556 .elementor-heading-title{font-size:2em;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:#1C244B;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );}.elementor-3576 .elementor-element.elementor-element-3cc157f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0% 15% 0% 0%;color:#324A6D;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );}.elementor-3576 .elementor-element.elementor-element-127baad{padding:0% 15% 0% 0%;}.woocommerce .elementor-3576 .elementor-element.elementor-element-127baad .price{color:#1C244B;font-size:36px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;word-spacing:0em;}.woocommerce .elementor-3576 .elementor-element.elementor-element-127baad .price ins{color:#324A6D;font-family:"Poppins", Sans-serif;font-size:36px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;word-spacing:0em;}body:not(.rtl) .elementor-3576 .elementor-element.elementor-element-127baad:not(.elementor-product-price-block-yes) del{margin-right:10px;}body.rtl .elementor-3576 .elementor-element.elementor-element-127baad:not(.elementor-product-price-block-yes) del{margin-left:10px;}.elementor-3576 .elementor-element.elementor-element-127baad.elementor-product-price-block-yes del{margin-bottom:10px;}.elementor-3576 .elementor-element.elementor-element-ce6d334{padding:0% 15% 0% 0%;}.elementor-3576 .elementor-element.elementor-element-2eaa805{padding:0% 15% 0% 0%;}.elementor-3576 .elementor-element.elementor-element-2eaa805 .cart button, .elementor-3576 .elementor-element.elementor-element-2eaa805 .cart .button{background-color:#FABA16;transition:all 0.2s;}.elementor-3576 .elementor-element.elementor-element-2eaa805 .quantity .qty{transition:all 0.2s;}.elementor-3576 .elementor-element.elementor-element-3c5611c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FABA16;--border-color:#FABA16;--border-radius:5px 5px 5px 5px;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3576 .elementor-element.elementor-element-3c5611c:not(.elementor-motion-effects-element-type-background), .elementor-3576 .elementor-element.elementor-element-3c5611c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EC;}.elementor-3576 .elementor-element.elementor-element-9088926{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-3576 .elementor-element.elementor-element-8717a79 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-3576 .elementor-element.elementor-element-8717a79.elementor-view-stacked .elementor-icon{background-color:#FABA16;}.elementor-3576 .elementor-element.elementor-element-8717a79.elementor-view-framed .elementor-icon, .elementor-3576 .elementor-element.elementor-element-8717a79.elementor-view-default .elementor-icon{fill:#FABA16;color:#FABA16;border-color:#FABA16;}.elementor-3576 .elementor-element.elementor-element-8717a79 .elementor-icon{font-size:25px;}.elementor-3576 .elementor-element.elementor-element-8717a79 .elementor-icon-box-title, .elementor-3576 .elementor-element.elementor-element-8717a79 .elementor-icon-box-title a{font-size:0.8em;font-weight:700;}.elementor-3576 .elementor-element.elementor-element-8717a79 .elementor-icon-box-description{font-size:0.8em;}.elementor-3576 .elementor-element.elementor-element-c2ec906{--display:flex;}.elementor-3576 .elementor-element.elementor-element-51a800b .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-3576 .elementor-element.elementor-element-51a800b.elementor-view-stacked .elementor-icon{background-color:#FABA16;}.elementor-3576 .elementor-element.elementor-element-51a800b.elementor-view-framed .elementor-icon, .elementor-3576 .elementor-element.elementor-element-51a800b.elementor-view-default .elementor-icon{fill:#FABA16;color:#FABA16;border-color:#FABA16;}.elementor-3576 .elementor-element.elementor-element-51a800b .elementor-icon{font-size:25px;}.elementor-3576 .elementor-element.elementor-element-51a800b .elementor-icon-box-title, .elementor-3576 .elementor-element.elementor-element-51a800b .elementor-icon-box-title a{font-size:0.8em;font-weight:700;}.elementor-3576 .elementor-element.elementor-element-51a800b .elementor-icon-box-description{font-size:0.8em;}.elementor-3576 .elementor-element.elementor-element-70f252c{--display:flex;}.elementor-3576 .elementor-element.elementor-element-702c178 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-3576 .elementor-element.elementor-element-702c178.elementor-view-stacked .elementor-icon{background-color:#FABA16;}.elementor-3576 .elementor-element.elementor-element-702c178.elementor-view-framed .elementor-icon, .elementor-3576 .elementor-element.elementor-element-702c178.elementor-view-default .elementor-icon{fill:#FABA16;color:#FABA16;border-color:#FABA16;}.elementor-3576 .elementor-element.elementor-element-702c178 .elementor-icon{font-size:25px;}.elementor-3576 .elementor-element.elementor-element-702c178 .elementor-icon-box-title, .elementor-3576 .elementor-element.elementor-element-702c178 .elementor-icon-box-title a{font-size:0.8em;font-weight:700;}.elementor-3576 .elementor-element.elementor-element-702c178 .elementor-icon-box-description{font-size:0.8em;}.elementor-3576 .elementor-element.elementor-element-3cea1dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.woocommerce .elementor-3576 .elementor-element.elementor-element-637f9d0 .flex-viewport:not(:last-child){margin-bottom:13px;}.woocommerce .elementor-3576 .elementor-element.elementor-element-637f9d0 .flex-control-thumbs li{padding-right:calc(13px / 2);padding-left:calc(13px / 2);padding-bottom:13px;}.woocommerce .elementor-3576 .elementor-element.elementor-element-637f9d0 .flex-control-thumbs{margin-right:calc(-13px / 2);margin-left:calc(-13px / 2);}@media(min-width:768px){.elementor-3576 .elementor-element.elementor-element-61dcb57{--content-width:1650px;}.elementor-3576 .elementor-element.elementor-element-6659cac{--width:60%;}.elementor-3576 .elementor-element.elementor-element-3c5611c{--width:85%;}.elementor-3576 .elementor-element.elementor-element-9088926{--width:33%;}.elementor-3576 .elementor-element.elementor-element-c2ec906{--width:33%;}.elementor-3576 .elementor-element.elementor-element-70f252c{--width:33%;}.elementor-3576 .elementor-element.elementor-element-3cea1dc{--width:40%;}}@media(max-width:1024px){.elementor-3576 .elementor-element.elementor-element-61dcb57{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-3576 .elementor-element.elementor-element-6659cac{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-3576 .elementor-element.elementor-element-f574556 .elementor-heading-title{font-size:65px;}.elementor-3576 .elementor-element.elementor-element-3cc157f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;}.woocommerce .elementor-3576 .elementor-element.elementor-element-127baad .price{font-size:25px;}.woocommerce .elementor-3576 .elementor-element.elementor-element-127baad .price ins{font-size:25px;}}@media(max-width:767px){.elementor-3576 .elementor-element.elementor-element-f574556 .elementor-heading-title{font-size:48px;line-height:1em;}.woocommerce .elementor-3576 .elementor-element.elementor-element-127baad .price{font-size:20px;}.woocommerce .elementor-3576 .elementor-element.elementor-element-127baad .price ins{font-size:20px;}.elementor-3576 .elementor-element.elementor-element-3cea1dc{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}/* Start custom CSS *//* =========================================================
STILE PAGINA PRODOTTO — Selettore Formato (Le Api delle Alpi)
Basato sulle classi reali confermate via DevTools:
- Plugin swatch: Variation Swatches for WooCommerce (woo-variation-swatches)
- Wishlist/Compare: ShopEngine (Wpmet)
========================================================= */
:root {
--formato-accent: #D4A017; /* colore principale (bordo, badge, prezzo) */
--formato-accent-dark: #B8860B; /* hover del bottone */
--formato-accent-soft: #FDF6E9; /* sfondo card selezionata */
--formato-border: #ddd;
--formato-text-muted: #777;
--formato-icon-rest: #9a9a9a; /* colore icona a riposo: verifica il valore esatto */
}
table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
background-color: #fff;
}
/* ---------------------------------------------------------
1. CARD DEL FORMATO — bordo e sfondo
--------------------------------------------------------- */
.variable-item.image-variable-item {
position: relative !important;
border: 1px solid var(--formato-border) !important;
border-radius: 10px !important;
padding: 16px 12px !important;
background: #fff !important;
transition: border-color .2s ease, background-color .2s ease !important;
/* Il plugin di default usa una card molto piccola (~30px):
troppo piccola perche' l'icona mascherata risulti visibile.
Qui la ingrandiamo. */
width: 130px !important;
height: 100px !important;
}
.variable-item.image-variable-item.selected {
border: 2px solid var(--formato-accent) !important;
background-color: var(--formato-accent-soft) !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):focus, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
-webkit-box-shadow: var(--wvs-hover-item-box-shadow,0 0 0 0px #FABA16 !important);
box-shadow: var\(--wvs-hover-item-box-shadow,0 0 0 0 px #FABA16 !important;
background: #F7F4EC !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {margin: 0.5em 2em;}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {-webkit-box-shadow: var(--wvs-item-box-shadow,0 0 0 0px #a8a8a8);
box-shadow: var(--wvs-item-box-shadow,0 0 0 0px #a8a8a8);}
.variable-item.image-variable-item.image-variable-item-500-gr:hover {
border: 0px !important;
box-shadow: 0 0 0 1px #ccc !important;
-webkit-box-shadow: 0 0 0 1px #ccc !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
-webkit-box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 0px #000);
box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 0px #000);
color: transparent;
}
.variable-item.image-variable-item.image-variable-item-500-gr.selected:hover, .variable-item.image-variable-item.image-variable-item-250-gr:hover, .variable-item.image-variable-item.image-variable-item-1000-gr:hover {
border: 1px solid #FABA16; !important;
}
/* ---------------------------------------------------------
2. BADGE DI SPUNTA
Il plugin usa già .variable-item-contents::before per il check
nativo quando la card è "selected" (di norma un overlay a tutta
icona con var(--wvs-tick)). Qui sovrascriviamo quella stessa
regola per trasformarlo in un cerchietto che sporge dall'angolo,
invece di aggiungere un nuovo pseudo-elemento (che andrebbe in
conflitto: ::before e ::after su .variable-item sono già
occupati dal tooltip dell'etichetta, vedi sezione 4).
--------------------------------------------------------- */
.variable-item-contents {
position: relative;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents::before,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: -8px !important;
right: -8px !important;
bottom: auto !important;
left: auto !important;
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
background-color: var(--formato-accent) !important;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 9 17 20 6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 55% !important;
}
/* ---------------------------------------------------------
3. ICONA COLORATA in oro su hover/selezionato
Tecnica a maschera: l'immagine originale (![]()
) viene resa
trasparente ma mantiene lo spazio; sopra disegniamo la stessa
forma come mask-image, riempita con un colore a piacere.
--------------------------------------------------------- */
.variable-item-contents .variable-item-image {
opacity: 0;
}
.variable-item-contents::after {
content: "";
position: absolute;
inset: 0;
background-color: var(--formato-icon-rest);
/* SVG incorporato direttamente (niente più dipendenza da file esterno,
che su alcuni browser falliva silenziosamente come mask-image) */
-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27 xmlns%3Axlink=%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27 fill=%27%23000000%27 width=%27800px%27 height=%27800px%27 viewBox=%270 0 128 128%27 id=%27Layer_1%27 xml%3Aspace=%27preserve%27%3E%3Cg%3E%3Cpath d=%27M106.061%2C101.884c-0.818-0.713-1.288-1.76-1.288-2.872V46.606c0-0.04%2C0.009-0.081%2C0.01-0.121 c0.069-0.136%2C0.117-0.283%2C0.117-0.446c0-0.093-0.029-0.177-0.053-0.262c0.142-0.812%2C0.49-1.648%2C1.057-2.535 c0.84-1.313%2C1.284-2.835%2C1.284-4.403v-1.965c0-5.906-4.588-10.751-10.386-11.184c-0.175-0.996-0.289-1.979-0.335-2.939 c3.013-0.292%2C5.376-2.837%2C5.376-5.924v-2.873c0-3.283-2.671-5.954-5.954-5.954H32.111c-3.283%2C0-5.954%2C2.671-5.954%2C5.954v2.873 c0%2C3.088%2C2.363%2C5.633%2C5.376%2C5.924c-0.045%2C0.956-0.158%2C1.935-0.332%2C2.927c-5.91%2C0.316-10.625%2C5.209-10.625%2C11.197v1.965 c0%2C1.781%2C0.556%2C3.472%2C1.609%2C4.889c0.862%2C1.161%2C1.043%2C2.592%2C1.043%2C3.589v51.694c0%2C1.112-0.47%2C2.158-1.288%2C2.871 c-1.619%2C1.41-2.547%2C3.438-2.547%2C5.563v4.315c0%2C4.542%2C3.696%2C8.238%2C8.238%2C8.238h72.739c4.542%2C0%2C8.238-3.696%2C8.238-8.238v-4.315 C108.608%2C105.321%2C107.679%2C103.293%2C106.061%2C101.884z M25.209%2C47.04h77.564v51.973c0%2C0.112%2C0.011%2C0.222%2C0.018%2C0.333H25.21 c0.006-0.111%2C0.018-0.221%2C0.018-0.333V47.318C25.228%2C47.222%2C25.211%2C47.134%2C25.209%2C47.04z M28.157%2C16.827v-2.873 c0-2.18%2C1.774-3.954%2C3.954-3.954h63.777c2.18%2C0%2C3.954%2C1.774%2C3.954%2C3.954v2.873c0%2C2.18-1.774%2C3.954-3.954%2C3.954H95.49 c-0.018-0.001-0.033-0.01-0.051-0.01s-0.033%2C0.009-0.051%2C0.01H32.611c-0.018-0.001-0.033-0.01-0.051-0.01s-0.033%2C0.009-0.051%2C0.01 h-0.398C29.931%2C20.78%2C28.157%2C19.007%2C28.157%2C16.827z M22.576%2C38.839v-1.965c0-5.088%2C4.14-9.227%2C9.228-9.227h0.237c0%2C0%2C0%2C0%2C0%2C0 c0%2C0%2C0%2C0%2C0.001%2C0c0.127%2C0%2C0.248-0.028%2C0.362-0.073c0.04-0.016%2C0.072-0.041%2C0.11-0.061c0.069-0.038%2C0.135-0.078%2C0.193-0.13 c0.036-0.032%2C0.064-0.069%2C0.094-0.107c0.046-0.056%2C0.087-0.113%2C0.121-0.179c0.024-0.047%2C0.041-0.094%2C0.057-0.144 c0.012-0.035%2C0.033-0.065%2C0.041-0.102c0.286-1.378%2C0.455-2.742%2C0.514-4.07h60.934c0.059%2C1.328%2C0.227%2C2.691%2C0.514%2C4.07 c0.008%2C0.037%2C0.029%2C0.067%2C0.041%2C0.102c0.016%2C0.05%2C0.034%2C0.097%2C0.057%2C0.144c0.034%2C0.066%2C0.074%2C0.123%2C0.121%2C0.179 c0.031%2C0.037%2C0.059%2C0.074%2C0.094%2C0.107c0.059%2C0.053%2C0.124%2C0.093%2C0.193%2C0.13c0.037%2C0.02%2C0.07%2C0.046%2C0.11%2C0.061 c0.114%2C0.045%2C0.235%2C0.073%2C0.362%2C0.073c0%2C0%2C0%2C0%2C0.001%2C0c0%2C0%2C0%2C0%2C0%2C0c5.088%2C0%2C9.228%2C4.139%2C9.228%2C9.227v1.965 c0%2C1.185-0.335%2C2.335-0.969%2C3.326c-0.617%2C0.965-1.016%2C1.926-1.239%2C2.874H24.935c-0.238-0.934-0.612-1.786-1.144-2.503 C22.996%2C41.466%2C22.576%2C40.188%2C22.576%2C38.839z M106.608%2C111.762c0%2C3.44-2.798%2C6.238-6.238%2C6.238H27.63 c-3.44%2C0-6.238-2.798-6.238-6.238v-4.315c0-1.547%2C0.678-3.025%2C1.861-4.055c0.649-0.566%2C1.152-1.268%2C1.489-2.046h78.516 c0.337%2C0.779%2C0.84%2C1.481%2C1.489%2C2.047c1.183%2C1.029%2C1.861%2C2.507%2C1.861%2C4.055V111.762z%27%3E%3C%2Fpath%3E%3Cpath d=%27M25.374%2C37.33c0.061%2C0.011%2C0.121%2C0.016%2C0.18%2C0.016c0.474%2C0%2C0.896-0.338%2C0.983-0.821c0.65-3.583%2C3.898-4.167%2C4.054-4.192 c0.543-0.085%2C0.917-0.594%2C0.833-1.139c-0.083-0.546-0.599-0.917-1.139-0.837c-1.658%2C0.253-4.987%2C1.794-5.715%2C5.811 C24.47%2C36.711%2C24.831%2C37.231%2C25.374%2C37.33z%27%3E%3C%2Fpath%3E%3Cpath d=%27M26.942%2C105.943c0.339-0.433%2C0.266-1.058-0.166-1.4c-0.432-0.343-1.061-0.271-1.405%2C0.162 c-0.127%2C0.16-3.081%2C3.991-0.101%2C9.633c0.179%2C0.339%2C0.526%2C0.533%2C0.885%2C0.533c0.157%2C0%2C0.317-0.037%2C0.466-0.116 c0.488-0.258%2C0.675-0.863%2C0.417-1.352C24.697%2C108.969%2C26.838%2C106.079%2C26.942%2C105.943z%27%3E%3C%2Fpath%3E%3Cpath d=%27M44.989%2C75.529c0.565%2C0.951%2C1.613%2C1.542%2C2.735%2C1.542h7.624c0.272%2C0%2C0.539-0.038%2C0.797-0.104 c0.071%2C0.229%2C0.158%2C0.454%2C0.284%2C0.665l3.807%2C6.417c0.551%2C0.926%2C1.561%2C1.511%2C2.652%2C1.54v8.729c0%2C0.767%2C0.343%2C1.491%2C0.941%2C1.988 c0.483%2C0.401%2C1.086%2C0.614%2C1.709%2C0.614c0.168%2C0%2C0.338-0.015%2C0.507-0.047c1.239-0.233%2C2.139-1.335%2C2.139-2.621v-8.663h0.423v2.712 c0%2C1.278%2C0.891%2C2.38%2C2.119%2C2.621c0.795%2C0.154%2C1.608-0.046%2C2.228-0.556c0.604-0.497%2C0.95-1.224%2C0.95-1.995v-4.937 c0-0.235%2C0.064-0.468%2C0.186-0.674l3.042-5.125c0.577-0.966%2C0.577-2.165%2C0.001-3.126l-3.807-6.417c-0.119-0.2-0.27-0.374-0.428-0.54 c0.159-0.167%2C0.31-0.342%2C0.429-0.543l3.808-6.414v0c0.572-0.964%2C0.572-2.162%2C0-3.126l-3.808-6.414 c-0.564-0.952-1.613-1.543-2.735-1.543h-7.623c-1.123%2C0-2.171%2C0.591-2.735%2C1.543l-3.808%2C6.413 c-0.126%2C0.212-0.212%2C0.438-0.283%2C0.667c-0.257-0.066-0.524-0.104-0.795-0.104h-7.624c-1.123%2C0-2.17%2C0.591-2.735%2C1.542l-3.808%2C6.414 c-0.572%2C0.964-0.572%2C2.162%2C0%2C3.126L44.989%2C75.529z M75.415%2C75.533c0.201%2C0.336%2C0.201%2C0.739%2C0%2C1.076l-3.045%2C5.131 c-0.305%2C0.514-0.466%2C1.1-0.466%2C1.694v4.937c0%2C0.234-0.138%2C0.383-0.221%2C0.451c-0.091%2C0.075-0.288%2C0.195-0.572%2C0.137 c-0.287-0.056-0.503-0.339-0.503-0.658v-2.822c0-1.042-0.859-1.89-1.915-1.89h-0.593c-1.056%2C0-1.916%2C0.848-1.916%2C1.89v8.773 c0%2C0.319-0.218%2C0.601-0.507%2C0.655c-0.289%2C0.052-0.48-0.065-0.57-0.14c-0.139-0.115-0.219-0.279-0.219-0.449v-8.839 c0-1.042-0.859-1.89-1.916-1.89c-0.421%2C0-0.811-0.216-1.017-0.562l-3.808-6.418c-0.202-0.337-0.202-0.74%2C0.001-1.08l3.806-6.415 c0.207-0.347%2C0.596-0.563%2C1.018-0.563h7.618c0.421%2C0%2C0.812%2C0.215%2C1.018%2C0.562L75.415%2C75.533z M58.146%2C58.49l3.808-6.414 c0.207-0.348%2C0.595-0.563%2C1.016-0.563h7.623c0.42%2C0%2C0.809%2C0.216%2C1.016%2C0.564l3.808%2C6.414c0.198%2C0.334%2C0.198%2C0.75%2C0%2C1.083 l-3.808%2C6.415c-0.207%2C0.348-0.595%2C0.563-1.016%2C0.563h-0.003h-7.618h-0.002c-0.42%2C0-0.809-0.216-1.016-0.563l-3.808-6.415 C57.948%2C59.24%2C57.948%2C58.824%2C58.146%2C58.49z M42.901%2C67.009l3.808-6.414c0.206-0.348%2C0.595-0.563%2C1.016-0.563h7.624 c0.42%2C0%2C0.81%2C0.216%2C1.016%2C0.563l3.808%2C6.415c0.198%2C0.334%2C0.198%2C0.75%2C0%2C1.083l-3.808%2C6.414c-0.206%2C0.348-0.595%2C0.563-1.016%2C0.563 h-7.624c-0.42%2C0-0.81-0.216-1.016-0.563l-3.808-6.415C42.703%2C67.759%2C42.703%2C67.344%2C42.901%2C67.009z%27%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27 xmlns%3Axlink=%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27 fill=%27%23000000%27 width=%27800px%27 height=%27800px%27 viewBox=%270 0 128 128%27 id=%27Layer_1%27 xml%3Aspace=%27preserve%27%3E%3Cg%3E%3Cpath d=%27M106.061%2C101.884c-0.818-0.713-1.288-1.76-1.288-2.872V46.606c0-0.04%2C0.009-0.081%2C0.01-0.121 c0.069-0.136%2C0.117-0.283%2C0.117-0.446c0-0.093-0.029-0.177-0.053-0.262c0.142-0.812%2C0.49-1.648%2C1.057-2.535 c0.84-1.313%2C1.284-2.835%2C1.284-4.403v-1.965c0-5.906-4.588-10.751-10.386-11.184c-0.175-0.996-0.289-1.979-0.335-2.939 c3.013-0.292%2C5.376-2.837%2C5.376-5.924v-2.873c0-3.283-2.671-5.954-5.954-5.954H32.111c-3.283%2C0-5.954%2C2.671-5.954%2C5.954v2.873 c0%2C3.088%2C2.363%2C5.633%2C5.376%2C5.924c-0.045%2C0.956-0.158%2C1.935-0.332%2C2.927c-5.91%2C0.316-10.625%2C5.209-10.625%2C11.197v1.965 c0%2C1.781%2C0.556%2C3.472%2C1.609%2C4.889c0.862%2C1.161%2C1.043%2C2.592%2C1.043%2C3.589v51.694c0%2C1.112-0.47%2C2.158-1.288%2C2.871 c-1.619%2C1.41-2.547%2C3.438-2.547%2C5.563v4.315c0%2C4.542%2C3.696%2C8.238%2C8.238%2C8.238h72.739c4.542%2C0%2C8.238-3.696%2C8.238-8.238v-4.315 C108.608%2C105.321%2C107.679%2C103.293%2C106.061%2C101.884z M25.209%2C47.04h77.564v51.973c0%2C0.112%2C0.011%2C0.222%2C0.018%2C0.333H25.21 c0.006-0.111%2C0.018-0.221%2C0.018-0.333V47.318C25.228%2C47.222%2C25.211%2C47.134%2C25.209%2C47.04z M28.157%2C16.827v-2.873 c0-2.18%2C1.774-3.954%2C3.954-3.954h63.777c2.18%2C0%2C3.954%2C1.774%2C3.954%2C3.954v2.873c0%2C2.18-1.774%2C3.954-3.954%2C3.954H95.49 c-0.018-0.001-0.033-0.01-0.051-0.01s-0.033%2C0.009-0.051%2C0.01H32.611c-0.018-0.001-0.033-0.01-0.051-0.01s-0.033%2C0.009-0.051%2C0.01 h-0.398C29.931%2C20.78%2C28.157%2C19.007%2C28.157%2C16.827z M22.576%2C38.839v-1.965c0-5.088%2C4.14-9.227%2C9.228-9.227h0.237c0%2C0%2C0%2C0%2C0%2C0 c0%2C0%2C0%2C0%2C0.001%2C0c0.127%2C0%2C0.248-0.028%2C0.362-0.073c0.04-0.016%2C0.072-0.041%2C0.11-0.061c0.069-0.038%2C0.135-0.078%2C0.193-0.13 c0.036-0.032%2C0.064-0.069%2C0.094-0.107c0.046-0.056%2C0.087-0.113%2C0.121-0.179c0.024-0.047%2C0.041-0.094%2C0.057-0.144 c0.012-0.035%2C0.033-0.065%2C0.041-0.102c0.286-1.378%2C0.455-2.742%2C0.514-4.07h60.934c0.059%2C1.328%2C0.227%2C2.691%2C0.514%2C4.07 c0.008%2C0.037%2C0.029%2C0.067%2C0.041%2C0.102c0.016%2C0.05%2C0.034%2C0.097%2C0.057%2C0.144c0.034%2C0.066%2C0.074%2C0.123%2C0.121%2C0.179 c0.031%2C0.037%2C0.059%2C0.074%2C0.094%2C0.107c0.059%2C0.053%2C0.124%2C0.093%2C0.193%2C0.13c0.037%2C0.02%2C0.07%2C0.046%2C0.11%2C0.061 c0.114%2C0.045%2C0.235%2C0.073%2C0.362%2C0.073c0%2C0%2C0%2C0%2C0.001%2C0c0%2C0%2C0%2C0%2C0%2C0c5.088%2C0%2C9.228%2C4.139%2C9.228%2C9.227v1.965 c0%2C1.185-0.335%2C2.335-0.969%2C3.326c-0.617%2C0.965-1.016%2C1.926-1.239%2C2.874H24.935c-0.238-0.934-0.612-1.786-1.144-2.503 C22.996%2C41.466%2C22.576%2C40.188%2C22.576%2C38.839z M106.608%2C111.762c0%2C3.44-2.798%2C6.238-6.238%2C6.238H27.63 c-3.44%2C0-6.238-2.798-6.238-6.238v-4.315c0-1.547%2C0.678-3.025%2C1.861-4.055c0.649-0.566%2C1.152-1.268%2C1.489-2.046h78.516 c0.337%2C0.779%2C0.84%2C1.481%2C1.489%2C2.047c1.183%2C1.029%2C1.861%2C2.507%2C1.861%2C4.055V111.762z%27%3E%3C%2Fpath%3E%3Cpath d=%27M25.374%2C37.33c0.061%2C0.011%2C0.121%2C0.016%2C0.18%2C0.016c0.474%2C0%2C0.896-0.338%2C0.983-0.821c0.65-3.583%2C3.898-4.167%2C4.054-4.192 c0.543-0.085%2C0.917-0.594%2C0.833-1.139c-0.083-0.546-0.599-0.917-1.139-0.837c-1.658%2C0.253-4.987%2C1.794-5.715%2C5.811 C24.47%2C36.711%2C24.831%2C37.231%2C25.374%2C37.33z%27%3E%3C%2Fpath%3E%3Cpath d=%27M26.942%2C105.943c0.339-0.433%2C0.266-1.058-0.166-1.4c-0.432-0.343-1.061-0.271-1.405%2C0.162 c-0.127%2C0.16-3.081%2C3.991-0.101%2C9.633c0.179%2C0.339%2C0.526%2C0.533%2C0.885%2C0.533c0.157%2C0%2C0.317-0.037%2C0.466-0.116 c0.488-0.258%2C0.675-0.863%2C0.417-1.352C24.697%2C108.969%2C26.838%2C106.079%2C26.942%2C105.943z%27%3E%3C%2Fpath%3E%3Cpath d=%27M44.989%2C75.529c0.565%2C0.951%2C1.613%2C1.542%2C2.735%2C1.542h7.624c0.272%2C0%2C0.539-0.038%2C0.797-0.104 c0.071%2C0.229%2C0.158%2C0.454%2C0.284%2C0.665l3.807%2C6.417c0.551%2C0.926%2C1.561%2C1.511%2C2.652%2C1.54v8.729c0%2C0.767%2C0.343%2C1.491%2C0.941%2C1.988 c0.483%2C0.401%2C1.086%2C0.614%2C1.709%2C0.614c0.168%2C0%2C0.338-0.015%2C0.507-0.047c1.239-0.233%2C2.139-1.335%2C2.139-2.621v-8.663h0.423v2.712 c0%2C1.278%2C0.891%2C2.38%2C2.119%2C2.621c0.795%2C0.154%2C1.608-0.046%2C2.228-0.556c0.604-0.497%2C0.95-1.224%2C0.95-1.995v-4.937 c0-0.235%2C0.064-0.468%2C0.186-0.674l3.042-5.125c0.577-0.966%2C0.577-2.165%2C0.001-3.126l-3.807-6.417c-0.119-0.2-0.27-0.374-0.428-0.54 c0.159-0.167%2C0.31-0.342%2C0.429-0.543l3.808-6.414v0c0.572-0.964%2C0.572-2.162%2C0-3.126l-3.808-6.414 c-0.564-0.952-1.613-1.543-2.735-1.543h-7.623c-1.123%2C0-2.171%2C0.591-2.735%2C1.543l-3.808%2C6.413 c-0.126%2C0.212-0.212%2C0.438-0.283%2C0.667c-0.257-0.066-0.524-0.104-0.795-0.104h-7.624c-1.123%2C0-2.17%2C0.591-2.735%2C1.542l-3.808%2C6.414 c-0.572%2C0.964-0.572%2C2.162%2C0%2C3.126L44.989%2C75.529z M75.415%2C75.533c0.201%2C0.336%2C0.201%2C0.739%2C0%2C1.076l-3.045%2C5.131 c-0.305%2C0.514-0.466%2C1.1-0.466%2C1.694v4.937c0%2C0.234-0.138%2C0.383-0.221%2C0.451c-0.091%2C0.075-0.288%2C0.195-0.572%2C0.137 c-0.287-0.056-0.503-0.339-0.503-0.658v-2.822c0-1.042-0.859-1.89-1.915-1.89h-0.593c-1.056%2C0-1.916%2C0.848-1.916%2C1.89v8.773 c0%2C0.319-0.218%2C0.601-0.507%2C0.655c-0.289%2C0.052-0.48-0.065-0.57-0.14c-0.139-0.115-0.219-0.279-0.219-0.449v-8.839 c0-1.042-0.859-1.89-1.916-1.89c-0.421%2C0-0.811-0.216-1.017-0.562l-3.808-6.418c-0.202-0.337-0.202-0.74%2C0.001-1.08l3.806-6.415 c0.207-0.347%2C0.596-0.563%2C1.018-0.563h7.618c0.421%2C0%2C0.812%2C0.215%2C1.018%2C0.562L75.415%2C75.533z M58.146%2C58.49l3.808-6.414 c0.207-0.348%2C0.595-0.563%2C1.016-0.563h7.623c0.42%2C0%2C0.809%2C0.216%2C1.016%2C0.564l3.808%2C6.414c0.198%2C0.334%2C0.198%2C0.75%2C0%2C1.083 l-3.808%2C6.415c-0.207%2C0.348-0.595%2C0.563-1.016%2C0.563h-0.003h-7.618h-0.002c-0.42%2C0-0.809-0.216-1.016-0.563l-3.808-6.415 C57.948%2C59.24%2C57.948%2C58.824%2C58.146%2C58.49z M42.901%2C67.009l3.808-6.414c0.206-0.348%2C0.595-0.563%2C1.016-0.563h7.624 c0.42%2C0%2C0.81%2C0.216%2C1.016%2C0.563l3.808%2C6.415c0.198%2C0.334%2C0.198%2C0.75%2C0%2C1.083l-3.808%2C6.414c-0.206%2C0.348-0.595%2C0.563-1.016%2C0.563 h-7.624c-0.42%2C0-0.81-0.216-1.016-0.563l-3.808-6.415C42.703%2C67.759%2C42.703%2C67.344%2C42.901%2C67.009z%27%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.variable-item:hover .variable-item-contents::after,
.variable-item.selected .variable-item-contents::after {
background-color: var(--formato-accent);
}
/* ---------------------------------------------------------
4. ETICHETTA SOTTO L'ICONA (es. "1000 gr")
Il testo vive nell'attributo data-wvstooltip del , mostrato
tramite [data-wvstooltip]::before. Di default resta nascosto
finché non passi il mouse sopra (visibility toggle via JS del
plugin): il fix è renderlo sempre visibile.
--------------------------------------------------------- */
/* nasconde la freccina del tooltip, non serve piu' */
.variable-item::after,
[data-wvstooltip]::after {
display: none !important;
}
/* l'etichetta diventa permanente e si sposta sotto l'icona,
invece di restare un fumetto scuro visibile solo in hover */
[data-wvstooltip]::before {
visibility: visible !important;
opacity: 1 !important;
position: absolute !important;
top: auto !important;
bottom: -5% !important;
left: 0 !important;
right: 0 !important;
margin-top: 0 !important;
transform: none !important;
width: 100% !important;
text-align: center !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
padding-inline: 0 !important;
min-width: 0 !important;
height: auto !important;
color: var(--formato-text-muted) !important;
font-size: 13px !important;
}
.variable-item.selected [data-wvstooltip]::before {
color: var(--formato-accent-dark) !important;
font-weight: 600 !important;
}
/* ---------------------------------------------------------
5. WISHLIST E CONFRONTO (ShopEngine)
--------------------------------------------------------- */
.shopengine-wishlist,
.shopengine-comparison {
width: 44px;
height: 44px;
border: 1px solid var(--formato-border);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.shopengine-wishlist i,
.shopengine-comparison i {
font-size: 18px;
color: var(--formato-text-muted);
}
.shopengine-wishlist.active i,
.shopengine-comparison.active i {
color: var(--formato-accent);
}
/* ---------------------------------------------------------
6. PREZZO E DISPONIBILITÀ — ⚠ DA CONFERMARE
Questa sezione viene popolata via JS di WooCommerce solo dopo
la selezione di un formato. Le classi sotto sono quelle standard
del template core (single-product/add-to-cart/variation.php):
verificale ispezionando .woocommerce-variation dopo aver
selezionato un formato sul sito reale.
--------------------------------------------------------- */
.woocommerce-variation {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 0;
border-top: 1px solid #eee;
margin-top: 12px;
}
.woocommerce-variation-availability .stock {
color: #2E7D32;
font-weight: 500;
}
.woocommerce-variation-price .price {
color: var(--formato-accent);
font-size: 22px;
font-weight: 600;
}
/* ---------------------------------------------------------
7. AGGIUNGI AL CARRELLO
--------------------------------------------------------- */
.single_add_to_cart_button, .single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
background-color: #FABA16 !important;
border-radius: 8px !important;
color: #fff !important;
font-weight: 600 !important;
padding: 12px 28px !important;
opacity: 1 !important;
}
.single_add_to_cart_button:hover {
background-color: var(--formato-accent-dark) !important;
}
/* ---------------------------------------------------------
8. QUANTITÀ — stile del box (i pulsanti +/- li crea lo
snippet PHP separato, qui c'è solo l'aspetto grafico)
--------------------------------------------------------- */
.quantity {
display: flex;
align-items: center;
border: 1px solid var(--formato-border);
border-radius: 8px;
overflow: hidden;
width: fit-content;
}
.quantity .qty {
width: 50px;
text-align: center;
border: none;
-moz-appearance: textfield;
}
.quantity .qty::-webkit-inner-spin-button,
.quantity .qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity .minus,
.quantity .plus {
background: none;
border: none;
width: 36px;
height: 40px;
cursor: pointer;
font-size: 18px;
color: var(--formato-text-muted);
}
[type="button"], [type="submit"], button {padding: 0px;}
:is(.elementor-widget-woocommerce-product-add-to-cart, .woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart, .elementor-widget-wc-add-to-cart, .woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart button:where(:not(:first-child)) {
margin-inline-start: 0px;
}
button, input{
font-family: Marcellus !important;
font-size: 1rem !important;}
.elementor-3576 .elementor-element.elementor-element-2eaa805 .cart button, .elementor-3576 .elementor-element.elementor-element-2eaa805 .cart .button {background:#fff;}
.shopengine_comparison_add_to_list_action.shopengine-comparison.badge.inactive.active {
display: none;
}
.shopengine_add_to_list_action.shopengine-wishlist.badge.inactive {
margin-right: 12px;
}/* End custom CSS */