/**************************************************************/
/* FADDA GIANNI ***********************************************/
/**************************************************************/
/* S01 - FONTS */
/* S02 - VARIABILI CSS */
/* S03 - HTML */
/* S04 - HEADER & MENU */
/* S05 - FOOTER */
/* S06 - MINIATURA PRODOTTO */
/* S07 - HOME */
/* S08 - PAGINA CATEGORIA */
/* S09 - SCHEDA PRODOTTO */
/* S10 - SIDE CART */
/* S11 - SIDE SEARCH */
/* S12 - CART */
/* S13 - CHECKOUT */
/* S14 - PAGINE CMS */
/* S15 - PAGINA RICAMBI */
/* S16 - PAGINA RICERCA */
/* S17 - MODULO PAYPLUG */
/* B1 - MODULO BWTESTOPRODOTTO */
/**************************************************************/
.pk-fixed-button.pk-whatsapp { /* nasconde il pulsante whatsapp in fondo a sinistra */
display: none !important;
}
* { /* toglie l'evidenziazione del focus a tutti gli elementi da mobile */
-webkit-tap-highlight-color: transparent !important;
outline: none !important;
box-shadow: none !important;
}
/**************************************************************/
/* S01 - FONTS ************************************************/
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@700&display=swap');
/**************************************************************/
/* S02 - VARIABILI CSS ****************************************/
:root {
--nero-1: #000000;
--grigio-1: #0b0b0b;
--grigio-2: #2a2a2a;
--grigio-3: #ececec;
--grigio-4: #f5f5f5;
--arancio-1: #f37a1f;
--arancio-2: #ffb800;
--giallo-1: #ffcd00;
--bianco: #ffffff;
--font-1: 'Rubik', sans-serif;
}
/**************************************************************/
/* S03 - HTML *************************************************/
body {
font-family: var(--font-1);
line-height: 1.2em;
color: var(--grigio-1) !important;
font-weight: 400;
}
h1, h2, h3, h4, h5 {
font-family: var(--font-1) !important;;
line-height: 1.2em;
color: var(--grigio-1) !important;
}
h2 {
font-weight: 500;
}
.white h1,
.white h2,
.white h3,
.white h4,
.white h5 {
color: #fff !important;
}
.orange h1,
.orange h2,
.orange h3,
.orange h4,
.orange h5 {
color: var(--arancio-1) !important;
}
body .btn, body .btn-primary {
border-radius: 10px;
}
/**************************************************************/
/* S04 - S04 - HEADER & MENU **********************************/
/* header desktop *********************************************/
/* header-top */
#sez-header-top .elementor-column {
height: 50px;
}
#sez-header-top p {
padding: 2px 0 0 0 !important;
margin: 0 !important;
font-size: 15px !important;
}
#sez-header-top p a:hover {
text-decoration: underline;
}
span.header-item-counter.cart-products-count {
position: absolute;
color: #ff0000 !important;
background-color: #ffffff !important;
}
/* header middle */
.pk-favorites .pk-item-content svg { /* allinea verticalmente icona e testo agli altri 2 elementi */
margin: 3px 0 !important;
}
.pk-cart .pk-item-content svg { /* allinea verticalmente icona e testo agli altri 2 elementi */
margin: 4px 0 !important;
}
@media(max-width:767px) {
#sez-header-btm .pk-search-widget fieldset button svg { /* dimensione icona search */
width: 32px !important;
height: 32px !important;
}
}
/* header-bottom */
#sez-header-btm ul.pk-nav-ul { /* dispone le voci del menu su due righe quando sono troppe */
flex-wrap: wrap;
}
#sez-header-btm ul.pk-nav-ul li a { /* voci di primo livello del menu */
padding: 5px;
border-radius: 8px;
}
#sez-header-btm ul.pk-nav-ul li a:hover {
background-color: var(--grigio-3);
}
#sez-header-btm ul.pk-nav-ul li a.active {
background-color: var(--giallo-1);
}
#sez-header-btm ul.pk-nav-ul li a.active:hover {
background-color: var(--giallo-1);
}
/* menu dropdown */
.pk-dropdown { /* stonda il contenitore del menu dropdown */
border-radius: 20px;
}
.fadda-dropdown-menu h2 {
font-size: 16px;
border-bottom: solid 1px var(--arancio-1);
width: 80%;
padding-bottom: 2px !important;
margin-bottom: 7px !important;
}
.fadda-dropdown-menu p {
font-size: 16px !important;
line-height: 1.8em !important;
padding:0 0 10px 0;
margin:0;
}
.fadda-dropdown-menu .elementor-widget-text-editor {
margin-bottom: 20px;
}
.fadda-dropdown-menu p a,
.fadda-dropdown-menu p a:active,
.fadda-dropdown-menu p a:visited {
color: var(--grigio-1) !important;
}
/**************************************************************/
/* S05 - FOOTER ***********************************************/
footer button.submit-widget-newsletter {
background-color: #ffcd00 !important;
padding: 10px !important;
width: 40px !important;
height: 40px !important;
border-radius: 20px;
right: 7px !important;
}
footer label.psgdpr_consent_message { /* checkbox privacy */
padding: 20px 0 0 0 !important;
}
.custom-checkbox .psgdpr_consent_message input {
opacity: 1 !important;
}
footer p {
margin: 0;
}
footer p a:hover {
text-decoration: underline;
}
footer .elementor-icon-box-content {
padding-bottom: 0;
}
#box-trustpilot .elementor-container {
margin: 0 !important;
}
footer ul.widget-pklinks.w-100 li a { /* liste link ps */
font-size: 16px;
color: var(--grigio-1) !important;
}
footer ul.widget-pklinks.w-100 li a:hover { /* liste link ps */
text-decoration: underline;
}
.custom-checkbox .psgdpr_consent_message input{
display: none !important;
}
/**************************************************************/
/* S06 - MINIATURA PRODOTTO ***********************************/
/* links */
article.product-miniature {
border: solid 2px var(--grigio-1);
border-radius: 20px;
overflow: hidden;
padding: 15px;
margin-bottom: 20px !important;
}
.product-miniature .product-flags { /* flags */
top: 0;
left: 0;
right: auto;
display: flex;
flex-direction: column;
}
.product-miniature .product-flags li { /* flags */
font-family: var(--font-1);
font-size: 14px;
font-weight: 500;
background-color: var(--giallo-1);
color: var(--grigio-1);
border-radius: 10px;
padding: 5px 8px;
width: fit-content !important;
}
.product-miniature .fmm_title_text_sticker {
/* top: 90% !important; */
}
.product-miniature .fmm_title_text_sticker span {
font-family: var(--font-1) !important;
font-size: 14px !important;
/* color: #fff !important;
background-color: var(--arancio-1) !important; */
border-radius: 10px !important;
padding: 5px 8px !important;
}
/* titolo */
.product-miniature .product-title {
min-height: 45px;
text-align: center;
}
/* prezzo */
.product-miniature .product-price-and-shipping {
justify-content: center;
}
.product-miniature span.a-partire-da,
.product-miniature span.regular-price { /* a partire da */
font-size: 12px;
margin-right: 5px;
font-style: normal;
color: var(--grigio-1);
}
.product-miniature .product-price-and-shipping .price {
background: none;
font-size: 24px;
font-family: var(--font-1);
font-weight: 500 !important;
color: var(--grigio-1);
}
/* carrello - preferiti */
div#product-controls {
display: flex;
justify-content: space-between;
}
/* carrello */
.product-miniature button.btn.add-to-cart {
display: none;
transition: none !important;
padding: 10px 5px;
color: #fff;
background-color: var(--arancio-1);
}
.product-miniature .btn.add-to-cart span { /* add to cart */
font-family: var(--font-1);
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
}
.product-miniature button.btn.add-to-cart::after {
display: none;
}
.product-miniature button.btn.add-to-cart:hover {
background-color: #fff !important;
}
.product-miniature button.btn.add-to-cart:hover span {
color: var(--arancio-1) !important;
}
/* preferiti */
.product-miniature .favorites-button {
transition: none !important;
border-radius: 30px !important;
padding: 10px;
}
.product-miniature .favorites-button:after {
display: none !important;
}
.product-miniature .favorites-button:hover {
background-color: var(--arancio-1) !important;
}
.product-miniature .favorites-button:hover svg.svgic {
fill: #fff !important;
}
/* pulsante visualizza */
.product-miniature .btn.smooth05 {
transition: none !important;
border-radius: 30px !important;
padding: 10px;
}
.product-miniature .btn.smooth05:after {
display: none !important;
}
.product-miniature .btn.smooth05:hover {
background-color: var(--arancio-1) !important;
}
.product-miniature .btn.smooth05:hover svg.svgic{
fill: #fff;
}
/* miniature pagine categoria */
.category-depth-level-3 #main-content #products.view_grid .product_list .grid-container,
.category-depth-level-2 #main-content #products.view_grid .product_list .grid-container { /* griglia prodotti nella pagina categoria ANCHE DEPTH 2*/
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
grid-row-gap: 20px;
}
.category-depth-level-3 #main-content #products.view_grid article.product-miniature,
.category-depth-level-2 #main-content #products.view_grid article.product-miniature { /* toglie lo spazio inutile sul fondo ANCHE DEPTH 2 */
padding-bottom: 0;
}
@media (min-width:769px) and (max-width:1199px) {
.category-depth-level-3 #main-content #products.view_grid .product_list .grid-container,
.category-depth-level-2 #main-content #products.view_grid .product_list .grid-container { /* ANCHE DEPTH 2 */
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
grid-row-gap: 20px;
}
.product-miniature .favorites-button {
display: none !important;
}
}
@media (min-width: 1578px) {
.category-depth-level-3 #main-content #products.view_grid .product_list .grid-container,
.category-depth-level-2 #main-content #products.view_grid .product_list .grid-container { /* ANCHE DEPTH 2 */
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
grid-row-gap: 20px;
}
.product-miniature .btn.add-to-cart span { /* visualizzazione 4 miniature per riga */
font-size: 14px;
}
}
/* correzioni colore link */
.product-miniature a,
.product-miniature a span { /* colore dei link
color: var(--grigio-1) !important; */
}
#product #main-content .product-miniature a,
#product #main-content .product-miniature a span { /* evita la sovrascrittura degli stili della scheda prodotto
color: var(--grigio-1) !important; */
}
/**************************************************************/
/* S07 - HOME *************************************************/
/* slider */
#sez-home-slider .elementor-widget-wrap { /* stonda il contenitore dello slider */
border-radius: 40px;
overflow: hidden;
}
#sez-home-slider.mobile .elementor-widget-wrap { /* stonda il contenitore dello slider */
border-radius: 0;
}
body #main-content #sez-home-slider .tp-leftarrow:before {
content: url("data:image/svg+xml;utf8,")!important;
transform: scale(2.0)
}
body #main-content #sez-home-slider .tp-rightarrow:before {
content: url("data:image/svg+xml;utf8,")!important;
transform: scale(2.0)
}
#sez-home-slider .hephaistos.tparrows { /* aggiusta le frecce di navigazione */
width: 55px !important;
height: 55px !important;
padding-top: 15px;
padding-left: 3px;
}
@media (min-width: 1600px) {
#sez-home-slider .elementor-column-wrap { /* larghezza slider su schermi grandi */
padding: 25px 30px 40px 30px;
}
}
/* riga box 01 - catalogo e special */
#sez-home-box01 #btn01 {
top: calc(77% - 18px);
left: calc(77% - 80px);
}
#sez-home-box01 #btn02 {
top: calc(50% - 35px);
left: calc(50% - 170px);
}
@media (min-width:769px) AND (max-width:1024px){
#sez-home-box01 #btn01 {
top: calc(77% - 8px);
left: calc(77% - 94px);
}
#sez-home-box01 #btn02 {
top: calc(50% - 31px);
left: calc(50% - 142px);
font-size: 14px;
}
}
@media (min-width:481px) AND (max-width:768px){
#sez-home-box01 #btn01 {
top: calc(77% - 10px);
left: calc(77% - 44px);
font-size: 11px;
}
#sez-home-box01 #btn02 {
top: calc(50% - 30px);
left: calc(50% - 127px);
font-size: 12px;
}
#sez-home-box01 .elementor-container {
width: 95%;
}
}
@media (max-width:480px) {
#sez-home-box01 #btn01 {
top: calc(77% - 10px);
left: calc(77% - 44px);
}
#sez-home-box01 #btn02 {
top: calc(50% - 25px);
left: calc(50% - 84px);
}
}
/* riga rassicurazioni 01 */
#sez-home-reassurances-01 .elementor-widget-image-box {
background-color: var(--grigio-3);
}
@media (max-width:480px) {
#sez-home-reassurances-01.mobile .elementor-widget-image-box { /* cambia il colore di background ai box */
background-color: #fff;
}
#sez-home-reassurances-01.mobile .elementor-image-box-wrapper { /* ordina icona e testo orizzontalmente */
display: flex;
flex-direction: row;
align-items: center;
}
#sez-home-reassurances-01.mobile figure.elementor-image-box-img { /* allinea verticalmente l'icona */
margin-bottom: 0 !important;
margin-right: 5px !important;
}
}
/* riga carousel prodotti */
#sez-home-prodotti .slick-slider .slick-arrow {
top: 45%;
}
/* righe box 02 */
.sez-home-box02 h2 {
color: #f37a1f !important;
}
@media (max-width:768px) {
.sez-home-box02.mobile h2 {
color: #ffffff !important;
}
.sez-home-box02.mobile .elementor-inner-section .elementor-container {
margin: 0;
width: 100%;
max-width: none;
}
}
@media (max-width:480px) {
.sez-home-box02.mobile h2 {
font-size: 19px !important;
}
}
/* riga rassicurazioni 02 */
#sez-home-reassurances-02 .elementor-widget-image-box {
background-color: var(--grigio-3);
}
@media (max-width:480px) {
#sez-home-reassurances-02.mobile .elementor-widget-image-box { /* cambia il colore di background ai box */
background-color: #fff;
}
#sez-home-reassurances-02.mobile .elementor-image-box-wrapper { /* ordina icona e testo orizzontalmente */
display: flex;
flex-direction: row;
align-items: center;
}
#sez-home-reassurances-02.mobile figure.elementor-image-box-img { /* allinea verticalmente l'icona */
margin-bottom: 0 !important;
margin-right: 5px !important;
}
}
/* riga box 03 */
#sez-home-box03 .elementor-inner-section .elementor-container { /* toglie gli spazi sx-dx alla sezione interna */
width: 100%;
}
#sez-home-box03 .col-txt { /* assegna la stessa altezza a tutti e due i box */
height: 380px;
}
@media (max-width:480px) {
#sez-home-box03 .col-txt {
height: auto;
}
}
/* riga box 04 */
#sez-home-box04 .box04 .elementor-column-wrap.elementor-element-populated { /* toglie il padding fra contenitore ed immagine */
padding: 0;
}
#sez-home-box04 .box04 .elementor-container.elementor-column-gap-default { /* toglie lo spazio fra contenitore ed immagine e stonda il contenitore */
width: 100%;
border-radius: 20px;
overflow: hidden;
}
@media (max-width:480px) {
#sez-home-box04 .box04 .elementor-container.elementor-column-gap-default {
border-radius: 0;
}
}
/* riga brand */
@media (max-width:480px) {
#sez-home-marchi .slick-track {
left: 20%;
}
}
/**************************************************************/
/* S08 - PAGINA CATEGORIA *************************************/
.category-desc-wrap h1 { /* nome della categoria */
text-transform: uppercase;
font-weight: 600;
color: var(--arancio-1) !important;
margin-bottom: 0;
}
/* categoria depth 2 */
/*#category.category-depth-level-2 #left-column { /* nasconde la colonna sinistra
display: none;
}*/
.row:has(#subcategories) > #left-column {
display: none;
}
/* #category.category-depth-level-2 #content-wrapper-left { /* allarga la colonna destra
width: 100%;
}*/
.row:has(#subcategories) > #content-wrapper-left {
width: 100%;
}
/* #category.category-depth-level-2 #content-wrapper-left #products { /* nasconde il listing vuoto dei prodotti
display: none;
}*/
#category.category-depth-level-2 #content-wrapper-left .block-category img { /* copertina di categoria */
border-radius: 20px;
overflow: hidden;
display: none !important; /************** nasconde l'immagine di categoria anche in vis. desktop **************/
}
@media (max-width:480px) {
#category.category-depth-level-2 #content-wrapper-left .block-category picture { /* nasconde la foto in visualizzazione smarthone */
display: none !important;
}
}
#category.category-depth-level-2 #content-wrapper-left .subcategory-heading { /* titolo "sottocategorie" */
display: none;
}
#category.category-depth-level-2 .category-desc-wrap h1 { /* nome della categoria */
text-align: center;
}
@media (max-width:480px) {
#category.category-depth-level-2 .category-desc-wrap h1 {
text-align: left;
text-transform: none;
font-size: 35px;
}
#category.category-depth-level-2 #content-wrapper-left .block-category picture { /* cambia le proprietà del contenitore immagine */
display: flex;
height: 200px;
overflow: hidden;
margin-bottom: 30px;
}
#category.category-depth-level-2 #content-wrapper-left .block-category img { /* impedisce il ridimensionamento dell'immagine */
min-width: 100%;
min-height: 100%;
object-fit: none;
}
.category-desc-wrap h1 {
text-align: left;
text-transform: none;
font-size: 35px;
}
}
#category.category-depth-level-2 #content-wrapper-left ul { /* gap fra le miniature e centraggio */
gap: 1.7%;
}
#category.category-depth-level-2 #content-wrapper-left ul li { /* miniatura subcategory */
width: 18.6%;
}
@media (max-width:1024px) {
#category.category-depth-level-2 #content-wrapper-left ul li {
width: 23.7%;
}
}
@media (max-width:480px) {
#category.category-depth-level-2 #content-wrapper-left ul li {
width: 47%;
}
}
#category.category-depth-level-2 #content-wrapper-left ul li img { /* immagine miniatura subcategory */
border: solid 2px var(--grigio-1) !important;
border-radius: 20px;
overflow: hidden;
}
#category.category-depth-level-2 #content-wrapper-left ul li:hover img {
border: solid 2px var(--arancio-1) !important;
}
#category.category-depth-level-2 #content-wrapper-left ul li a.subcategory-name { /* nome subcategory */
white-space: normal !important;
font-size: 20px;
line-height: 1.1em;
font-weight: 500;
color: var(--arancio-1);
height: 80px;
margin: 20px 20px;
}
#category.category-depth-level-2 #content-wrapper-left ul li:hover a.subcategory-name { /* nome subcategory */
color: var(--arancio-1);
}
@media (max-width:768px) {
#category.category-depth-level-2 #content-wrapper-left ul li a.subcategory-name {
font-size: 16px;
margin: 20px 0;
}
}
/* categoria depth 3 e depth 2 con prodotti */
#category.category-depth-level-3 #content-wrapper-left .block-category picture { /* nasconde la copertina in visualizzazione smarthone */
display: none !important;
}
#category.category-depth-level-3 .perpage-selector,
#category.category-depth-level-3 .products-sort-order .select-title,
#category.category-depth-level-2 .perpage-selector,
#category.category-depth-level-2 .products-sort-order .select-title { /* controlli ordinamento e perpage ANCHE DEPTH 2*/
border: solid 2px var(--giallo-1) !important;
border-radius: 10px;
}
.products-sort-order .dropdown-menu { /* dropdown controlli ordinamento e perpage */
background-color: var(--grigio-3) !important;
color: var(--grigio-1);
margin-top: 5px !important;
border-radius: 10px;
}
#category.category-depth-level-3 .products-sort-order a.select-list { /* dropdown ordinamento */
font-size: 14px;
}
#category.category-depth-level-3 .bt_compare {
color: var(--arancio-1);
border: solid 2px var(--arancio-1);
border-radius: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
#category.category-depth-level-3 .bt_compare:hover {
background-color: var(--arancio-1);
color: #fff;
}
#category.category-depth-level-3 .bt_compare:focus {
outline: none !important;
}
#category.category-depth-level-3 .product-list-container.grid-container { /* distanza fra le miniature prodotto */
grid-column-gap: 25px !important;
}
@media (max-width:1440px) {
#category.category-depth-level-3 .product-list-container.grid-container {
grid-column-gap: 15px !important;
}
#category.category-depth-level-3 .product-miniature section {
padding: 10px !important;
}
#category.category-depth-level-3 .product-miniature .add-to-cart span {
/* font-size: 13px !important; */
}
}
/* paginazione */
#category.category-depth-level-3 nav.pagination li,
#category.category-depth-level-2 nav.pagination li { /* ANCHE DEPTH 2 */
width: auto !important;
}
#category.category-depth-level-3 nav.pagination li a,
#category.category-depth-level-2 nav.pagination li a { /* ANCHE DEPTH 2 */
border: solid 2px var(--arancio-1);
border-radius: 10px;
}
#category.category-depth-level-3 nav.pagination li.current a,
#category.category-depth-level-2 nav.pagination li.current a { /* ANCHE DEPTH 2 */
color: #fff;
background-color: var(--arancio-1);
}
#category.category-depth-level-3 nav.pagination li .spacer,
#category.category-depth-level-2 nav.pagination li .spacer { /* ANCHE DEPTH 2 */
border: none !important;
}
/* sidebar toggler per filtri mobile */
@media (max-width:800px) {
.category-desc-wrap { /* sposta verticalmente il nome prodotto per non sovrapporlo al toggler dei filtri */
margin-top: 0;
}
#category .pksidebar .sidebar-toggler {
width: 80px;
height: 35px;
top: 210px;
left: -68px;
transform: rotate(270deg);
background-color: var(--arancio-1);
opacity: 1;
border: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
color: #fff;
}
#category .pksidebar .sidebar-toggler svg.svgic {
display: none;
}
#category .pksidebar .sidebar-toggler.pk-sidebar-open {
top: 33px !important;
width: 40px;
right: 0 !important;
left: auto !important;
}
#category .pksidebar .sidebar-toggler.pk-sidebar-open span {
display: none;
}
#category .pksidebar .sidebar-toggler.pk-sidebar-open svg.svgic {
display: block;
}
span#filtri-label {
padding-right: 5px;
}
#category .pksidebar .sidebar-toggler.pk-sidebar-open {
top: 25px;
}
#category .pksidebar span.PM_ASBlockTitle {
background-color: var(--arancio-1);
color: #fff;
padding: 7px 20px;
border-radius: 10px;
}
}
/**************************************************************/
/* S09 - SCHEDA PRODOTTO **************************************/
/* contenitore delle due colonne */
.product-description p {
padding-bottom: 20px;
}
#product .product-container {
margin-bottom: 70px;
}
#product #main-content a,
#product #main-content a span { /* colore dei link di testo */
color: var(--arancio-1) !important;
}
/* colonna sinistra */
/* product image swiper */
#product #pis_product_main_swiper { /* bordo immagine */
border: solid 1px var(--grigio-3);
}
.swiper-wrapper.pswp-gallery { /* centra il video verticalmente */
align-items: center;
}
#product .pis-product-cover .swiper-button-next:after,
#product .pis-product-cover .swiper-button-prev:after { /* frecce di navigazione */
color: var(--arancio-1);
}
#product .swiper-button-next, .swiper-button-prev { /* nasconde le doppie frecce di navigazione */
background-image: none;
}
#product .pis-product-images { /* contenitore thumbnails */
margin: 0;
}
#product .pis-product-images .swiper-slide { /* thumbnails */
width: 80px !important;
height: 80px;
border: solid 1px var(--arancio-1);
display: flex;
justify-content: center;
}
#product .swiper-pagination-bullet { /* paginazione su mobile */
width: 10px;
height: 10px;
background: var(--arancio-1);
}
@media (max-width:768px) {
#product .swiper-button-next,
#product .swiper-button-prev {
display: none;
}
}
/* flags prodotto */
#product li.product-flag.discount,
#product li.product-flag.pack { /* discount - pack*/
background-color: var(--giallo-1);
border-radius: 10px;
font-size: 18px;
letter-spacing: 0;
padding: 10px;
}
@media (max-width:768px) {
#product li.product-flag.discount,
#product li.product-flag.pack { /* discount - pack*/
border-radius: 8px;
font-size: 16px;
padding: 5px 7px;
}
}
/* social sharing */
#product .social-sharing span {
font-family: var(--font-1);
font-size: 16px;
margin-right: 5px;
}
#product .social-sharing li.dib {
background-color: var(--arancio-1);
border: none;
color: #fff;
margin-right: 0 !important;
}
/* colonna destra*/
#product #main-content a.product-brand { /* brand */
font-family: var(--font-1) !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(--grigio-1) !important;
letter-spacing: 0.05em !important;
margin-bottom: 0 !important;
}
#product h1 { /* nome */
font-size: 28px;
font-weight: 500;
color: var(--arancio-1) !important;
text-transform: none;
margin-bottom: 30px;
}
#product .product-price { /* prezzo */
font-family: var(--font-1) !important;
font-size: 32px !important;
font-weight: 500 !important;
font-style: normal !important;
margin-bottom: 15px;
}
#product .product-price .current-price { /* wrapper prezzo-sconto */
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: center;
gap: 20px;
}
#product .current-price .discount-percentage,
#product .current-price .discount-amount { /* prezzo-sconto */
display: flex;
align-self: center;
transform: none;
background: var(--arancio-1);
padding: 5px 15px;
border-radius: 10px;
}
@media (max-width:768px) {
#product .current-price .discount-percentage,
#product .current-price .discount-amount { /* prezzo-sconto */
margin-left: 0;
}
}
#product #main-content a.btn.btn-primary.gformbuilderpro_openform {
font-family: var(--font-1);
white-space: normal;
text-transform: uppercase;
font-size: 12px;
font-weight: 500 !important;
line-height: 18px;
letter-spacing: 1px;
border-radius: 12px;
color: #fff !important;
background-color: var(--arancio-1);
padding: 10px 8px;
margin-top: 15px;
}
#product #main-content a.btn.btn-primary.gformbuilderpro_openform:hover {
color: var(--arancio-1) !important;
background-color: #fff !important;
}
#product #main-content a.btn.btn-primary.gformbuilderpro_openform::after {
display: none !important;
}
#product .product-reference-top { /* riferimento */
font-family: var(--font-1);
font-size: 18px;
color: var(--grigio-1);
}
#product .product-reference-top span { /* riferimento */
text-transform: uppercase;
}
#product .product-variants > .product-variants-item select { /* select varianti */
border: 2px solid var(--arancio-1);
border-radius: 50px;
height: 2.5rem !important;
width: 50%;
padding: 0 20px !important;
}
#product .control-label { /* label quantità */
font-family: var(--font-1);
font-size: 16px;
font-weight: 500;
margin-left: 10px;
margin-bottom: 5px;
}
#product .product-quantity #quantity_wanted { /* div quantità */
border-color: var(--arancio-1);
border-width: 2px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
font-size: 16px;
font-weight: 600;
padding: 6px;
}
#product .product-information .product-quantity { /* margine inferiore dell'intero pulsante */
margin-bottom: 30px;
}
@media (min-width:768px) and (max-width:1023px) {
#product .product-information .product-quantity { /* allinea quantità e pulsante verticalmente su tablet */
flex-direction: column;
gap: 20px;
}
#product .product-info-section .btn-primary.add-to-cart {
margin-left: 0 !important;
}
}
#product .product-quantity .input-group-btn-vertical .btn { /* pulsanti quantità */
padding: 0;
margin: 0;
position: relative;
border: 2px solid var(--arancio-1);
border-left: none;
flex-grow: 1;
width: 30px;
padding-top: 5px;
padding-left: 2px;
}
.product-quantity .input-group-btn-vertical .btn i { /* posizione frecce */
top: -2px;
left: -3px;
}
#product button.btn.btn-touchspin.js-touchspin { /* pulsanti quantità */
border-radius: 0;
}
#product button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up { /* pulsante quantità + */
border-bottom-width: 1px;
border-radius: 0;
border-top-right-radius: 20px;
}
#product button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-down { /* pulsante quantità - */
border-top-width: 1px;
border-radius: 0;
border-bottom-right-radius: 20px;
}
/* pulsante add to cart */
#product .product-info-section .btn-primary.add-to-cart { /* pulsante add to cart */
display: flex;
align-items: center;
font-family: var(--font-1);
white-space: normal;
text-transform: uppercase;
font-size: 12px;
font-weight: 500 !important;
line-height: 18px;
letter-spacing: 1px;
border-radius: 12px;
color: #fff;
background-color: var(--arancio-1);
padding: 10px 8px;
margin-left: 15px;
}
#product .product-info-section .btn-primary.add-to-cart:hover { /* pulsante add to cart hover */
color: #e75300 !important;
border-color: var(--arancio-1) !important;
background-color: #fff !important;
}
#product .product-info-section .btn-primary.add-to-cart svg.svgic {
margin-right: 7px;
width: 20px;
height: 20px;
}
@media (max-width:768px) {
#product .product-info-section .btn-primary.add-to-cart svg.svgic {
display: none !important;
}
}
/* flag availability */
#product #product-availability svg.svgic { /* colore segno di spunta */
width: 30px;
color: #00bd00;
}
#product .productButtons { /* sez preferiti */
margin-top: 10px;
margin-left: 5px;
}
#product .favorites-button { /* sez preferiti */
gap: 12px;
}
/* blocco centrale a una colonna */
/* rassicurazioni */
#product .blockreassurance_product { /* blocco rassicurazioni */
max-width: 1100px;
margin: 0 auto;;
display: flex;
flex-direction: row;
gap: 20px;
}
@media (max-width:1024px) {
#product .blockreassurance_product {
flex-wrap: wrap;
}
#product .blockreassurance_product div {
width: 100%;
}
}
#product .blockreassurance_product div { /* contenitori interni */
flex-grow: 1;
flex-direction: row;
text-align: center;
border: solid 2px var(--arancio-1);
border-radius: 20px;
background-color: #fff !important;
}
.blockreassurance_product > div {
padding: 10px 10px;
}
#product .blockreassurance_product .item-product { /* contenitori delle icone */
width: 50px;
height: 50px;
margin-right: 20px !important;
}
#product .blockreassurance_product .item-product img {
width: 50px;
height: 50px;
}
#product .blockreassurance_product .item-product img.svg.invisible { /* icone */
visibility: visible !important;
}
#product .blockreassurance_product span.block-title {
font-size: 16px;
}
#product .blockreassurance_product p { /* paragrafi */
font-size: 16px;
margin: 0;
}
/* tabs */
#product .tabs-container {
background-color: #fff;
padding: 0;
}
#product .nav-tabs .nav-link {
padding: 0.7em 1em;
}
#product .nav-tabs .nav-link.active {
background-color: var(--grigio-3);
border: none !important;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#product .nav-tabs .nav-link .h5 {
font-family: Rubik;
font-weight: 500;
}
#product .nav-tabs .nav-link.active .h5 {
color: var(--arancio-1);
}
#product #tab-content {
background-color: var(--grigio-3) !important;
padding: 0 30px 50px 30px;
margin-top: -2px;
border-radius: 15px;
}
.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name { /* data sheet */
font-size: 16px;
word-break: normal;
text-transform: none !important;
}
/* descrizione prodotto */
#product .tab-content .product-description h1 {
font-size: 30px !important;
font-weight: 500 !important;
}
#product .tab-content .product-description h2 {
font-size: 27px !important;
font-weight: 500 !important;
}
#product .tab-content .product-description h3 {
font-size: 24px !important;
font-weight: 500 !important;
}
#product .tab-content .product-description h4 {
font-size: 21px !important;
font-weight: 500 !important;
}
#product .tab-content .product-description h5 {
font-size: 18px !important;
font-weight: 500 !important;
}
#product .tab-content .product-description h6 {
font-size: 15px !important;
font-weight: 500 !important;
}
#product .tab-content .product-description a {
color: var(--arancio-1) !important;
}
@media (max-width:768px) {
#product .nav-tabs .nav-item {
width: 100%;
}
#product .nav-tabs .nav-link {
background-color: #fff !important;
color: #444;
border: solid 1px var(--grigio-2) !important;
border-bottom: none !important;
border-top-left-radius: 15px !important;
border-top-right-radius: 15px !important;
margin-bottom: 5px;
}
#product .nav-tabs .nav-link.active {
background-color: var(--arancio-1) !important;
border: solid 1px var(--arancio-1) !important;
border-bottom: none !important;
}
#product #main-content .nav-tabs a.nav-link span.h5 {
color: #888 !important;
}
#product #main-content .nav-tabs a.nav-link.active span.h5 {
color: #fff !important;
}
#product #tab-content {
padding: 0 0 50px 0;
border: solid 1px var(--grigio-1);
border-top: none;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
background-color: #fff !important;
}
}
/* footer della scheda prodotto */
#product .product-footer .products-carousel h2.module-title,
#product .product-footer .products-carousel h4.module-title {
font-family: var(--font-1) !important;
font-size: 35px !important;
color: var(--arancio-1) !important;
}
#product .product-footer .products-carousel h2.module-title span,
#product .product-footer .products-carousel h4.module-title span {
border: none !important
}
/**************************************************************/
/* S10 - SIDE CART ********************************************/
/**************************************************************/
/* S11 - SIDE SEARCH ******************************************/
/**************************************************************/
/* S12 - CART *************************************************/
/* pagina carrello */
#cart .page-header h1 { /* titolo della pagina */
text-transform: none;
font-size: 40px;
font-weight: 500;
}
#cart .cart-item h5 { /* titolo proprietà prodotto */
font-family: var(--font-1);
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
#cart .product-line-info .label {
font-size: 14px;
font-weight: 600;
}
#cart .product-line-info .value {
font-size: 14px;
font-weight: 400;
}
.product-line-grid-right .bootstrap-touchspin > .form-control { /* input quantità prodotto */
border-color: var(--grigio-1);
font-family: var(--font-1);
}
#cart button.btn.btn-touchspin { /* pulsanti quantità prodotto */
background-color: #fff !important;
border-color: var(--grigio-1) !important;
border-radius: 0;
}
@media (min-width: 1280px) {
#cart #main > .cart-grid .cart-grid-right { /* larghezza della barra a destra in vis. desktop */
max-width: 500px;
}
#cart #main>.cart-grid .cart-grid-body { /* allontana la riga sinistra dalla destra */
margin-right: 30px;
}
}
#cart .product-line-grid-right .product-price { /* prezzo del prodotto */
font-family: var(--font-1);
font-size: 16px;
font-style: normal;
}
#cart .product-line-grid-right .product-price strong {
font-weight: 600;
}
#cart #promo-code { /* campo voucher */
width: 300px;
margin: 0 auto;
}
#cart #promo-code input.promo-input { /* campo voucher */
border: solid 1px var(--grigio-1);
padding-left: 15px;
font-family: var(--font-1);
}
#cart #promo-code .btn.btn-primary { /* pulsante voucher */
border: solid 1px #000;
border-radius: 0;
border-left: none;
padding: 1em 10px;
outline: none;
}
#cart #promo-code .btn.btn-primary:hover { /* pulsante voucher hover */
background-color: var(--arancio-1);
color: #fff;
}
#cart .checkout a.button.btn.btn-big, /* pulsante checkout */
#cart .checkout button.btn.btn-primary, /* pulsante checkout carrello vuoto*/
#cart a.label.btn { /* pulsante "continua lo shopping" carrello vuoto */
width: 300px;
padding: 15px 25px;
border: solid 2px var(--arancio-1);
background-color: var(--arancio-1) !important;
font-family: var(--font-1);
color: #fff !important;
text-transform: none;
font-size: 16px;
font-weight: 600;
letter-spacing: 0;
}
#cart .checkout a.button.btn.btn-big:hover, /* pulsante checkout hover*/
#cart .checkout button.btn.btn-primary:hover, /* pulsante checkout carrello vuoto hover*/
#cart a.label.btn:hover { /* pulsante "continua lo shopping" carrello vuoto hover */
background-color: var(--arancio-1) !important;
color: #fff !important;
}
.cart-grid-right .blockreassurance_product { /* blocco rassicurazioni */
width: 300px;
margin: 0 0 0 62px;
}
#cart .blockreassurance_product > div { /* blocco rassicurazioni */
border: solid 1px #ccc;
border-radius: 10px;
}
@media (max-width:768px) {
.cart-grid-right .blockreassurance_product {
margin: 0 auto;
}
}
/* cart mobile */
@media(max-width: 480px) {
#cart .card.cart-container { /* toglie il margin right al contenitore del carrello */
margin-right: 0;
}
#cart .product-line-grid.flex-container { /* consente agli items del prodotto di stare su più righe */
flex-wrap: wrap;
}
#cart .product-line-grid-left { /* item immagine */
margin-right: 0;
margin-bottom: 10px;
border: none;
}
#cart .product-line-grid-left img {
width: 110px;
}
#cart .product-line-grid-body { /* item descrizione e prezzo singolo */
width: 150px;
padding-right: 0;
}
#cart .product-line-grid-body>.product-line-info > a {
font-size: 17px;
line-height: 1em;
margin-bottom: 3px;
}
#cart .product-line-grid-body h5 {
display: none;
}
#cart .product-line-info.product-price.h5.flex-container {
margin-bottom: 10px;
}
#cart .product-line-grid-right { /* item prezzo totale, quantità e rimuovi */
width: 100%;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
#cart .product-line-grid-right .cart-line-product-actions { /* item rimuovi */
margin-bottom: 10px;
border: solid 1px var(--grigio-3);
padding: 0 12px;
}
#cart .cart-summary { /* sommario carrello (colonna destra) */
margin-left: 0;
}
#cart #promo-code {
margin: 20px auto;
}
#cart .card-block { /* contenitore del pulsante CQUISTA */
padding: 20px 0;
}
#cart #pattern .btn-big { /* pulsante acquista */
font-size: 14px;
letter-spacing: 1px;
}
#cart .card.cart-summary button.btn.btn-primary { /* pulsante voucher */
padding: 1em 8px;
}
}
/**************************************************************/
/* S13 - CHECKOUT *********************************************/
#checkout .btn:active:focus,
#checkout .btn-primary:active:focus {
background-color: var(--arancio-1);
border-color: var(--arancio-1);
}
#checkout .row.delivery-option {
margin-bottom: 20px;
padding-bottom: 15px;
}
#checkout textarea#delivery_message {
margin-bottom: 30px;
}
#checkout .btn.disabled,
#checkout .btn.disabled:hover {
background: #acaaa6;
color: #ccc;
border-color: #ccc;
margin-bottom: 15px;
outline: none;
}
#checkout .cart-detailed-totals-wrap { /* pannello riassuntivo a destra */
border-radius: 20px;
border: solid 1px #ccc;
}
@media (max-width: 768px) {
#checkout .cart-detailed-totals-wrap { /* pannello riassuntivo a destra */
margin-bottom: 20px;
}
}
#checkout #promo-code .btn.btn-primary {
border: solid 1px #ababab;
border-radius: 0;
border-left: none;
padding: 10px 10px;
outline: none;
}
#checkout .blockreassurance_product > div { /* blocco rassicurazioni */
border: solid 1px #ccc;
border-radius: 10px;
}
@media (max-width:768px) {
#checkout .blockreassurance_product {
margin: 0 auto;
}
}
/**************************************************************/
/* S14 - PAGINE CMS *******************************************/
#cms h1 {
color: var(--arancio-1) !important;
}
#cms h2 {
font-weight: 500;
}
/**************************************************************/
/* S15 - PAGINA RICAMBI ***************************************/
@media (min-width: 768px) {
#cms.cms-id-14 #gformbuilderpro_form_4 form {
max-width: 70%;
}
}
#cms.cms-id-14 #gformbuilderpro_form_4 h1 {
font-size: 20px;
font-weight: 500;
}
#cms.cms-id-14 #gformbuilderpro_form_4 label {
display: block;
padding-bottom: 5px;
padding-left: 16px;
}
#cms.cms-id-14 #gformbuilderpro_form_4 input[type="text"] {
border: solid 2px var(--giallo-1);
border-radius: 30px;
padding: 10px 15px;
font-family: Rubik;
}
#cms.cms-id-14 #gformbuilderpro_form_4 select { /* select */
max-width: 250px;
appearance: none; /* nasconde lo stile di default, inclusa la freccia */
background: url('/img/cms/alysum/arrow-down.svg') no-repeat right 20px center;
background-size: 16px;
border: solid 2px var(--giallo-1);
border-radius:30px;
padding: 10px 20px;
}
#cms.cms-id-14 #gformbuilderpro_form_4 select option {
background-color: var(--grigio-3) !important;
font-family: Rubik;
font-size:14px;
color: var(--grigio-1);
}
#cms.cms-id-14 #gformbuilderpro_form_4 p.help-block {
padding-left: 16px;
color: var(--arancio-1);
font-size: 14px;
}
#cms.cms-id-14 #gformbuilderpro_form_4 textarea {
border: solid 2px var(--giallo-1) !important;
border-radius: 30px !important;
font-family: Rubik;
}
@media (max-width:480px) {
#cms.cms-id-14 .elementor-container.elementor-column-gap-default {
width: 100% !important; /* allarga il contenitore */
}
}
#cms.cms-id-14 #gformbuilderpro_form_4 .bootstrap-filestyle.input-group { /* file upload */
display: flex;
flex-direction: row;
align-items: center;
}
#cms.cms-id-14 #gformbuilderpro_form_4 .fileupload_box input[type="text"] { /* file upload input */
border-right: none !important;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#cms.cms-id-14 #gformbuilderpro_form_4 .input-group .input-group-btn > .btn { /* pulsante file upload */
font-family: var(--font-1);
font-weight: 500;
color: var(--arancio-1);
border: solid 2px var(--giallo-1);
padding: 15px 14px 14px 14px;
border-radius: 0;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
#cms.cms-id-14 #gformbuilderpro_form_4 .input-group .input-group-btn > .btn:focus { /* pulsante file upload */
background: none;
}
#cms.cms-id-14 #gformbuilderpro_form_4 .input-group .input-group-btn > .btn:hover { /* pulsante file upload */
background-color: var(--arancio-1);
border-color: var(--arancio-1);
color: #fff;
}
#cms.cms-id-14 #gformbuilderpro_form_4 button#submitForm { /* pulsante submit */
border: 2px solid var(--arancio-1);
border-radius: 30px;
color: var(--arancio-1);
font-family: var(--font-1);
font-weight: 500;
letter-spacing: 0;
}
#cms.cms-id-14 #gformbuilderpro_form_4 button#submitForm:hover { /* pulsante submit */
background-color: var(--arancio-1);
color: #fff;
}
/**************************************************************/
/* S16 - PAGINA RICERCA ***************************************/
#search #main-content #products.view_grid .product_list .grid-container {
grid-column-gap: 20px;
}
#search #main-content #products.view_grid .product_list .grid-container {
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
#search .perpage-selector,
#search .products-sort-order .select-title { /* controlli ordinamento e perpage */
border: solid 2px var(--giallo-1) !important;
border-radius: 10px;
}
#search .products-sort-order .dropdown-menu { /* dropdown controlli ordinamento e perpage */
background-color: var(--grigio-3) !important;
color: var(--grigio-1);
margin-top: 5px !important;
border-radius: 10px;
}
#search .products-sort-order a.select-list { /* dropdown ordinamento */
font-size: 14px;
}
/**************************************************************/
/* S17 - MODULO PAYPLUG **********************************/
.payplugPaymentOption label {
width: 100%;
}
.payplugPaymentOption label img {
height: 30px !important;
}
/**************************************************************/
/* B1 - MODULO TESTO PRODOTTO**********************************/
.bwlab-testiprodotto-container {
border-radius: 20px;
background-color: #ffffff;
display: flex;
flex-direction: column;
border: 2px solid var(--arancio-1);
max-width: 1100px;
margin: 20px auto 0 auto;
}
.bwlab-testiprodotto-warning-header {
display: flex;
align-items: center;
justify-content: start;
background-color: var(--arancio-1);
padding: 15px 10px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
margin-bottom: 15px;
}
.bwlab-testiprodotto-warning-icon {
font-size: 1.5em;
color: #ffffff;
margin-right: 5px;
}
.bwlab-testiprodotto-warning-text {
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
white-space: nowrap;
}
.bwlab-testiprodotto-warning-paragraph {
margin-bottom: 10px;
color: var(--grigio-1);
padding: 0 20px 10px 20px;
}
.bwlab-testiprodotto-warning-bold{
font-weight: bold;
color: #000000;
}