/* ********************** ** Stili baloon selezione colore ** *********************/ /* selector .color-variable-wrapper > * { padding:0 !important; border-radius: 11px !important; background-color:none !important; -webkit-backface-visibility: hidden; } */ /* Stile base baloon */ selector .variable-item.color-variable-item { /* Spaziatura swatch colore */ width: 45px; height: 45px; /* Spaziatura swatch colore */ margin-right: 18px; /* Forma stondata senza bordi */ padding:0; border-radius: 12px !important; overflow:hidden; /* Bordo */ box-shadow: 0px 0px 0px 0px inset !important; /* Animazine */ transition-duration: 0.35s; transition-timing-function: ease-in-out; } /* Rimuove etichette di pop-up inutili */ selector .label { display:none; } /* Impedisce che la riga dei pulsanti diventi grigia in hover */ selector td { background-color: white !important; } /* Stile interno con ombreggiatura */ selector .variable-item-span.variable-item-span-color { box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 0px -12px inset, rgba(0, 0, 0, 0.75) 0px 10px 15px -9px inset !important; } /* Swatch colore selezionato */ selector .variable-item.color-variable-item.selected { box-shadow: 0 0 0 5px #2f78e6,rgba(50, 50, 93, 0.75) 0px 3px 0px -12px inset, rgba(0, 0, 0, 0.95) 0px 10px 15px -9px inset !important; } /* Swatch colore in statico e hover */ selector .variable-item.color-variable-item { box-shadow: 0 0 0 0px #2f78e6,rgba(50, 50, 93, 0.75) 0px 3px 0px -12px inset, rgba(0, 0, 0, 0.95) 0px 10px 15px -9px inset !important; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition: 0.3s; } selector .color-variable-item:hover { box-shadow: 0 0 0 5px #2f78e6,rgba(50, 50, 93, 0.75) 0px 3px 0px -12px inset, rgba(0, 0, 0, 0.95) 0px 10px 15px -9px inset !important; } /* Spazio tra righe */ selector td.value.woo-variation-items-wrapper { margin-bottom: 20px; } /* Larghezza massima carrello */ selector button.single_add_to_cart_button.button.alt { max-width: 350px; } selector button.single_add_to_cart_button.button.alt { margin-left: 0px !important; } /* Se la quantità non è visibile */ selector .quantity { display: none !important; } selector .quantity.hidden { margin: 0 !important; } /* Impedisce il doppio bordo Sarei felice se ci fosse un fix migliore ma non saprei cosa */ selector .color-variable-item .variable-item-contents { width: 105%; height: 105%; position: absolute; display: block; } /* Opacità diminuita articoli non disponibili */ selector .color-variable-item.disabled { opacity: 1; } selector .variable-item-contents:before { } selector .variable-item-contents:after { /*position: absolute; content: " "!important; width: 65%; height: 5px; background: red!important; left: 16%; */ } /* Spaziatura tra i vari baloon */ selector li.variable-item.button-variable-item.button-variable-item-ex-demo { margin-right: 16px !important; margin-bottom: 16px !important; } /* ********************** ** Stili taglia e condizione ** *********************/ /* Dimensione e bordo baloons testo*/ selector li.variable-item.button-variable-item { padding: 23px 28px 19px 28px; border-radius: 30px !important; box-shadow: 0 0 0 3px #e0e0e0; /* Spazio tra l'uno e l'altro */ margin-right: 15px; } /* Effetto hover baloon testo*/ selector .variable-item.button-variable-item:hover { padding: 23px 30px 19px 30px; box-shadow: 0 0 0 5px #2f78e6; } selector .variable-item.button-variable-item.selected { padding: 23px 30px 19px 30px; /* padding: 23px 55px 19px 55px; */ box-shadow: 0 0 0 5px #2f78e6 !important; } /* Rimozione barre */ /* selector .variable-item-contents:after { display: none; } selector .variable-item-contents:before { display:none; } */ /* Variante non disponibile */ selector .disabled { background-color:#EEEEEE!important; } /* Aggiungi al carrello non disponibile */ selector button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed { display:none; } /* ********************** ** Spaziature tra elementi ** *********************/ selector .variable-item-span-button { font-size: 15px; font-weight: 700; } selector .woo-variation-items-wrapper { padding: 0; } selector .label { padding-bottom: 6px; } /* Etichette forza visibilità */ selector td.label { display: block !important; } /* ********************** ** Pagamento e totale ** *********************/ selector .woocommerce-variation-price{ color: #1C6EA4; text-align:right; } selector .woocommerce-variation-price .woocommerce-Price-amount.amount{ font-size:32px; margin:10px 0 5px 0; color: #1C6EA4; display:inline-block; } selector .woocommerce-variation-price .woocommerce-price-suffix{ color:black; display:block; color: #1C6EA4; margin-bottom:10px; } selector .woocommerce-variation-add-to-cart button{ width:100% } selector .woocommerce-variation-description{ border-left:solid 3px #2F78E6; padding-left:10px; } .woocommerce div.product form.cart .variations{ width: 100% !important; } /* Etichette di sezione sopra pulsanti */ .woocommerce div.product form.cart .variations label { display:inline-block; font-size: 15px !important; font-family: "Axiforma Family", Sans-serif; font-weight: 700; } .woo-variatireseon-swatches.wvs-show-label .variations td .woo-selected-variation-item-name { display:inline-block !important; font-family: "Axiforma Family", Sans-serif !important; font-size: 15px !important; font-weight: 400; } /* Pulsante svuota */ selector .reset_variations{ display: inline-block; max-height: 50px; padding: 13px 28px 17px 28px; border-radius: 30px !important; color: white; background-color: #7A7A7A; font-family: "Axiforma Family", Sans-serif !important; font-size: 15px !important; font-weight: 900; margin-top: 30px; } /* Scritta esaurito */ p.stock.out-of-stock { display: inline-block; max-height: 50px; padding: 13px 80px 17px 80px; border-radius: 10px !important; color: white !important; background-color: #ff0000; font-family: "Axiforma Family", Sans-serif !important; font-size: 15px !important; font-weight: 900; margin-top: 0px; } /* Stile prezzo */ selector span.woocommerce-Price-amount.amount { font-weight: 800; } /* Scritta disponibilità */ selector .woocommerce-variation-availability { font-weight: 600; font-family: "Axiforma Family", Sans-serif; font-size: 22px; } /* Se articolo non disponibile non fa vedere pulsante */ selector button.single_add_to_cart_button.button.alt.disabled.wc-variation-is-unavailable { display: none; }