@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.bovoli.net/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.6.0") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 14px;
	--wd-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(5,44,82);
	--wd-alternative-color: rgba(0,0,0,0);
	--wd-link-color: rgba(0,0,0,0);
	--wd-link-color-hover: rgba(0,0,0,0);
	--btn-default-bgcolor: rgba(255,255,255,0);
	--btn-default-bgcolor-hover: rgb(251,188,52);
	--btn-accented-bgcolor: rgb(0,123,196);
	--btn-accented-bgcolor-hover: rgb(251,188,52);
	--btn-accented-color-hover: rgb(0,123,196);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(7,38,77);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(7,38,77);
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(0,123,196);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 640px;
}
.page-title-default {
	background-color: rgb(246,246,246);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: transparent;
	background-image: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-weight: 700;
}
html .wd-nav-mobile > li > a:hover, html .wd-nav-mobile > li.current-menu-item > a, html .wd-nav-mobile .wd-sub-menu li a:hover, html .wd-nav-mobile .wd-sub-menu li.current-menu-item > a {
	color: rgb(0,123,196);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(0,229,255);
	--wd-arrow-color-hover: rgb(7,38,77);
	--wd-arrow-bg: rgb(7,38,77);
	--wd-arrow-bg-hover: rgb(0,229,255);
}
.wd-nav-scroll {
	--wd-nscroll-bg: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #333;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* ============================================================
   1. TRASFORMAZIONE CATEGORIE MOBILE IN PULSANTI BLU
   ============================================================ */
@media (max-width: 1024px) {
    /* Spazio Header */
    .main-page-wrapper { padding-top: 250px !important; }

    /* Forza la visibilità del contenitore categorie */
    .wd-nav-category, .wd-header-category-nav {
        display: block !important;
        visibility: visible !important;
        background-color: transparent !important;
    }

    /* TRASFORMA OGNI VOCE IN UN PULSANTE BLU */
    .wd-nav-category li a {
        background-color: #0A2E5C !important; /* Blu */
        color: #ffffff !important;           /* Testo Bianco */
        margin: 8px 15px !important;         /* Spazio tra i pulsanti */
        padding: 12px 20px !important;
        border-radius: 50px !important;      /* Forma a pillola */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-size: 13px !important;
        border: none !important;
        transition: all 0.3s ease !important;
    }

    /* HOVER GIALLO PER I PULSANTI CATEGORIA */
    .wd-nav-category li a:hover {
        background-color: #00f2ff !important; /* Azzurro */
        color: #0A2E5C !important;           /* Testo Blu scuro */
    }

    /* Rimuove eventuali linee divisorie brutte di WoodMart */
    .wd-nav-category li {
        border: none !important;
    }
}

/* ============================================================
   2. ALLINEAMENTO SOLDATINO (GRIGLIA PRODOTTI)
   ============================================================ */
.product-grid-item .product-element-bottom {
    display: flex !important;
    flex-direction: column !important;
    min-height: 155px !important; /* Allinea i tasti carrello */
    justify-content: flex-end !important;
}

.product-grid-item .product-title {
    min-height: 42px !important;
    max-height: 42px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px !important;
}

/* ============================================================
   3. PULSANTI CARRELLO (BLU CON HOVER GIALLO)
   ============================================================ */
.product-grid-item .wd-add-btn-replace .button, 
.product-grid-item .view-details-btn,
.product-grid-item .button.product_type_variable {
    background-color: #0A2E5C !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    height: 40px !important;
    margin: 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border: none !important;
}

/* Hover Giallo Carrello */
.product-grid-item .wd-add-btn-replace .button:hover {
    background-color: #FBBC34 !important;
    color: #0A2E5C !important;
}

/* Elimina l'icona bianca carrello */
.product-grid-item .wd-add-btn-replace .button::before,
.product-grid-item .wd-add-btn-replace .button::after {
    display: none !important;
    content: none !important;
}

/* ============================================================
   4. TESTO NERO
   ============================================================ */
.wd-short-description, .wd-short-description *,
.product-grid-item .price, .product-grid-item .price * {
    color: #000000 !important;
}
/* ============================================================
   MOBILE: PILLOLE A SINISTRA + RIPRISTINO ICONA HAMBURGER
   ============================================================ */

@media (max-width: 1024px) {
    /* 1. TRASPARENZA CASSETTO (CONFERMATA) */
    .wd-side-hidden.wd-left, 
    .wd-side-hidden,
    .mobile-nav,
    .wd-side-hidden-inner {
        background-color: transparent !important;
        background: none !important;
        --wd-main-bgcolor: transparent !important;
        box-shadow: none !important;
    }

    /* 2. ALLINEAMENTO PILLOLE A SINISTRA */
    .wd-nav-mobile {
        background: transparent !important;
        padding-left: 5px !important; 
        padding-right: 10px !important;
    }

    .wd-nav-mobile li {
        background: transparent !important;
        justify-content: flex-start !important;
        display: flex !important;
        margin-bottom: 12px !important;
    }

    .wd-nav-mobile li a {
        background-color: #0A2E5C !important;
        color: #ffffff !important;
        border-radius: 50px !important;
        padding: 10px 20px !important;
        width: fit-content !important; 
        min-width: 140px !important;
        display: flex !important;
        justify-content: center !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
    }

    /* 3. HOVER GIALLO PILLOLE */
    .wd-nav-mobile li a:active,
    .wd-nav-mobile li a:hover {
        background-color: #F2C94C !important;
        color: #0A2E5C !important;
    }

    /* 4. RIPRISTINO ICONA CHIUSURA / HAMBURGER (TONDO BLU) */
    .wd-heading .close-side-widget,
    .wd-close-side-btn,
    .wd-tools-element.wd-header-mobile-nav > a {
        background-color: #0A2E5C !important; /* Tondo Blu */
        color: #ffffff !important;           /* Hamburger/X Bianca */
        border-radius: 50% !important;        /* Forma Tonda */
        width: 45px !important;
        height: 45px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
    }

    /* Effetto giallo al tocco anche per l'hamburger */
    .wd-close-side-btn:active,
    .wd-header-mobile-nav > a:active {
        background-color: #F2C94C !important;
        color: #0A2E5C !important;
    }

    /* 5. PULIZIA EXTRA */
    .wd-nav-mobile li:after {
        display: none !important;
    }
}
/* --- AGGIUNTA N.1: RIDUZIONE ALTEZZA PULSANTI TENDINA --- */
@media (max-width: 1024px) {
    .wd-nav-mobile li a, 
    .wd-nav-category li a {
        padding-top: 5px !important;    /* Ridotto spazio sopra */
        padding-bottom: 5px !important; /* Ridotto spazio sotto */
        min-height: 35px !important;    /* Altezza totale più contenuta */
        margin-top: -10px !important;     /* Meno spazio tra un pulsante e l'altro */
        margin-bottom: 4px !important;
    }
}
/* --- AGGIUNTA N.2: SPAZIO TRA CATEGORIE E TENDINA --- */
@media (max-width: 1024px) {
    .wd-nav-mobile, 
    .mobile-nav {
        margin-top: 20px !important; /* Aumenta questo numero se vuoi ancora più spazio */
    }
}
/* --- AGGIUNTA N.3: FORMA TAB CATEGORIE/MENU --- */
@media (max-width: 1024px) {
    /* Il contenitore dei due Tab */
    .wd-nav-mob-tab {
        gap: 10px !important;
        padding: 10px !important;
        background-color: transparent !important;
    }

    /* La forma dei Tab (Stile Scheda) */
    .wd-nav-mob-tab li a {
        background-color: var(--colore-blu) !important;
        color: #ffffff !important;
        border-radius: 15px 15px 0 0 !important; /* Arrotondati solo sopra */
        padding: 12px 20px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-size: 12px !important;
        border-bottom: 3px solid transparent !important;
        transition: all 0.3s ease !important;
        opacity: 0.8; /* Leggermente trasparenti se non attivi */
    }

    /* Tab Attivo o sotto il mouse (Hover Giallo) */
    .wd-nav-mob-tab li.wd-active a,
    .wd-nav-mob-tab li a:hover {
        background-color: var(--colore-giallo) !important;
        color: var(--colore-blu) !important;
        border-bottom: 3px solid var(--colore-blu) !important; /* Linea di enfasi */
        opacity: 1 !important;
        transform: translateY(-2px); /* Si alza leggermente quando lo tocchi */
    }
}
/* --- AGGIUNTA N.4: FIX TAB AFFIANCATI BLU E GIALLO --- */
@media (max-width: 1024px) {
    /* Forza i Tab a stare sulla stessa riga */
    .wd-nav-mob-tab {
        display: flex !important;
        flex-direction: row !important; /* Li mette uno di fianco all'altro */
        justify-content: center !important;
        gap: 5px !important;
        background-color: transparent !important;
        padding: 0 !important;
        margin-bottom: 20px !important;
    }

    .wd-nav-mob-tab li {
        flex: 1 !important; /* Divide lo spazio equamente tra i due */
        list-style: none !important;
    }

    /* Forza il colore Blu sui Tab */
    .wd-nav-mob-tab li a {
        background-color: #0A2E5C !important; /* Il tuo Blu */
        color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px 10px !important;
        border-radius: 15px 15px 0 0 !important; /* Forma a scheda */
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-size: 11px !important;
    }

    /* Forza l'Hover Giallo sui Tab */
    .wd-nav-mob-tab li.wd-active a,
    .wd-nav-mob-tab li a:hover,
    .wd-nav-mob-tab li a:active {
        background-color: #FBBC34 !important; /* Il tuo Giallo */
        color: #0A2E5C !important;
        border-bottom: 2px solid #0A2E5C !important;
    }
    
    /* Rimuove eventuali icone o decorazioni che disturbano */
    .wd-nav-mob-tab li a::before, .wd-nav-mob-tab li a::after {
        display: none !important;
    }
}
/* --- AGGIUNTA N.5: RIDUZIONE ALTEZZA TAB --- */
@media (max-width: 1024px) {
    .wd-nav-mob-tab li a {
        padding-top: 6px !important;    /* Molto più basso */
        padding-bottom: 6px !important; /* Molto più basso */
        min-height: 30px !important;    /* Altezza contenuta */
        line-height: 1 !important;
        font-size: 10px !important;      /* Testo leggermente più piccolo per stare in linea */
    }

    .wd-nav-mob-tab {
        margin-bottom: 15px !important; /* Ridotto anche lo spazio sotto i tab */
    }
}
/* --- AGGIUNTA N.6: FORZA RIDUZIONE ALTEZZA TAB (COMANDO AGGRESSIVO) --- */
@media (max-width: 1024px) {
    /* Agiamo sul contenitore dei link */
    .wd-nav-mob-tab li {
        height: 35px !important; /* Forza l'altezza di tutto il blocco */
    }

    /* Agiamo sul link interno */
    .wd-nav-mob-tab li a {
        height: 100% !important;
        min-height: 1px !important; /* Annulla min-height del tema */
        padding: 0 !important;      /* Rimuove ogni spazio interno */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
    }

    /* Regoliamo la dimensione del testo per non farlo toccare i bordi */
    .wd-nav-mob-tab li a span {
        font-size: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}
/* --- AGGIUNTA N.7: INGRANDIMENTO FONT TAB --- */
@media (max-width: 1024px) {
    .wd-nav-mob-tab li a, 
    .wd-nav-mob-tab li a span {
        font-size: 15px !important;    /* Aumenta questo numero per ingrandire ancora */
        font-weight: 800 !important;   /* Lo rende più marcato */
        letter-spacing: 0.5px !important;
        text-transform: uppercase !important;
    }
}
/* --- AGGIUNTA N.8: TAB A PILLOLA MODERNA (STILE APP) --- */
@media (max-width: 1024px) {
    /* Contenitore: lo rendiamo pulito e spazioso */
    .wd-nav-mob-tab {
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important; /* Più spazio tra le due pillole */
        padding: 15px 10px !important;
        background-color: transparent !important;
    }

    /* La Pillola Tab (Base Blu) */
    .wd-nav-mob-tab li a {
        background-color: #0A2E5C !important;
        color: #ffffff !important;
        border-radius: 50px !important; /* Pillola perfetta come le altre */
        height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 2px solid #0A2E5C !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    }

    /* Tab NON ATTIVO (Lo rendiamo più leggero, solo bordo) */
    .wd-nav-mob-tab li:not(.wd-active) a {
        background-color: transparent !important;
        color: #0A2E5C !important;
        opacity: 0.7;
    }

    /* Tab ATTIVO o HOVER (Giallo Pieno - Salta all'occhio) */
    .wd-nav-mob-tab li.wd-active a,
    .wd-nav-mob-tab li a:hover {
        background-color: #FBBC34 !important; /* Giallo */
        border-color: #FBBC34 !important;
        color: #0A2E5C !important;            /* Testo Blu per contrasto */
        opacity: 1 !important;
        transform: scale(1.05) !important;     /* Si ingrandisce un filo */
        box-shadow: 0 6px 12px rgba(251, 188, 52, 0.3) !important;
    }
}
/* --- AGGIUNTA N.9: PULIZIA RIGHE E REFINEMENT TAB --- */
@media (max-width: 1024px) {
    /* Rimuove la riga sotto le scritte (border e text-decoration) */
    .wd-nav-mob-tab li a, 
    .wd-nav-mob-tab li a span {
        text-decoration: none !important;
        border-bottom: none !important;
        box-shadow: none !important; /* Rimuove eventuali ombre lineari */
    }

    /* Effetto "Schiacciato" quando clicchi (feedback tattile) */
    .wd-nav-mob-tab li.wd-active a {
        background-color: #FBBC34 !important;
        color: #0A2E5C !important;
        border: none !important;
        /* Un'ombra leggera che fa sembrare la pillola "accesa" */
        box-shadow: 0 4px 12px rgba(251, 188, 52, 0.4) !important;
    }

    /* Rimuove eventuali separatori tra i Tab */
    .wd-nav-mob-tab li::after {
        display: none !important;
    }
}
/* --- AGGIUNTA N.10: KILLER DEFINITIVO RIGHE TAB --- */
@media (max-width: 1024px) {
    /* Colpisce tutto quello che può creare una linea o una decorazione */
    .wd-nav-mob-tab li a, 
    .wd-nav-mob-tab li a span,
    .wd-nav-mob-tab li,
    .wd-nav-mob-tab {
        text-decoration: none !important;
        border-bottom: 0 !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Ripristiniamo solo il bordo della pillola che volevamo */
    .wd-nav-mob-tab li a {
        border: 2px solid #0A2E5C !important;
    }

    /* E il bordo giallo quando è attivo */
    .wd-nav-mob-tab li.wd-active a {
        border: 2px solid #FBBC34 !important;
        background-color: #FBBC34 !important;
    }
    
    /* Rimuove la linea di separazione tipica di Woodmart tra i tab */
    .wd-nav-mob-tab:after, 
    .wd-nav-mob-tab:before {
        display: none !important;
    }
}
/* --- AGGIUNTA N.11: COPERTURA TOTALE RIGHE FANTASMA --- */
@media (max-width: 1024px) {
    /* Colpisce la linea di separazione globale dei menu di WoodMart */
    .wd-nav-mob-tab, 
    .wd-nav-mob-tab li a,
    .mobile-nav .wd-nav-mob-tab {
        background-image: none !important; /* Spesso usano gradienti per le linee */
        border-bottom: none !important;
        box-shadow: none !important;
    }

    /* Rimuove la linea grigia sottile che divide i tab dal menu sotto */
    .wd-nav-mob-tab {
        border-bottom: 0px solid transparent !important;
        outline: none !important;
    }
    
    /* Se la riga è un elemento grafico separatore */
    .wd-nav-mob-tab:after {
        display: none !important;
        content: none !important;
    }
}
/* --- AGGIUNTA N.12: CANCELLAZIONE RADICALE RIGA SEPARATRICE --- */
@media (max-width: 1024px) {
    /* 1. Uccide le linee generate via codice sopra e sotto i Tab */
    .wd-nav-mob-tab::before, 
    .wd-nav-mob-tab::after,
    .wd-nav-mob-tab li::before,
    .wd-nav-mob-tab li::after {
        content: none !important;
        display: none !important;
        height: 0 !important;
    }

    /* 2. Uccide la linea superiore della lista menu che "tocca" i Tab */
    .mobile-nav .wd-nav-mobile, 
    .mobile-nav .wd-nav-category {
        border-top: none !important;
        margin-top: 0 !important;
    }

    /* 3. Se la riga è nel contenitore generale */
    .wd-side-hidden-inner .wd-nav-mob-tab {
        border: none !important;
    }
}
/* --- AGGIUNTA N.13: ULTIMO TENTATIVO CHIRURGICO RIGA --- */
@media (max-width: 1024px) {
    /* Colpiamo il selettore specifico che WoodMart usa per le linee divisorie dei tab */
    .wd-nav-mob-tab li.wd-active a:after {
        display: none !important;
    }

    /* Colpiamo il bordo inferiore del contenitore globale dei tab */
    .wd-nav-mob-tab {
        border-bottom: none !important;
        box-shadow: none !important;
    }

    /* Rimuoviamo l'eventuale linea di separazione della navigazione mobile */
    .mobile-nav {
        --wd-main-bgcolor: transparent !important;
    }
    
    /* Forza la trasparenza su ogni possibile bordo rimasto */
    .wd-nav-mob-tab * {
        border-color: transparent !important;
        box-shadow: none !important;
    }
    
    /* Ripristiniamo solo il bordo delle tue pillole blu/gialle */
    .wd-nav-mob-tab li a {
        border: 2px solid #0A2E5C !important;
    }
}
/* --- AGGIUNTA N.14: RIMOZIONE INDICATORE ANIMATO (LA RIGHINA) --- */
@media (max-width: 1024px) {
    /* Uccide la riga blu animata che scorre sotto i tab */
    .wd-nav-mob-tab .wd-nav-line {
        display: none !important;
    }

    /* Per sicurezza, colpiamo anche la versione alternativa del selettore */
    .wd-nav-mob-tab li a:after {
        content: none !important;
        display: none !important;
    }
}
/* --- AGGIUNTA N.15: EFFETTO FLUO E KILLER RIGHINA --- */
@media (max-width: 1024px) {
    /* 1. Uccidiamo l'elemento che genera la righina (selettore specifico Woodmart) */
    .wd-nav-mob-tab .wd-nav-line,
    .wd-nav-mob-tab li a:after {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
    }

    /* 2. Effetto Fluo sul Tab Attivo (Giallo) */
    .wd-nav-mob-tab li.wd-active a {
        background-color: #FBBC34 !important;
        color: #0A2E5C !important;
        border: 2px solid #FBBC34 !important;
        box-shadow: 0 0 15px rgba(251, 188, 52, 0.8), 0 0 5px rgba(251, 188, 52, 0.5) !important;
        transform: scale(1.05);
    }

    /* 3. Effetto Fluo sul Tab Non Attivo (Blu) */
    .wd-nav-mob-tab li:not(.wd-active) a {
        border: 2px solid #0A2E5C !important;
        box-shadow: inset 0 0 8px rgba(10, 46, 92, 0.3) !important;
    }

    /* 4. Rimuoviamo il bordo del contenitore che potrebbe ospitare la righina */
    .wd-nav-mob-tab {
        border: none !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}
/* --- AGGIUNTA N.16: SCACCO MATTO ALLA RIGHINA --- */
@media (max-width: 1024px) {
    /* 1. Rendiamo invisibile TUTTO ciò che sta dentro il contenitore dei tab... */
    .wd-nav-mob-tab {
        position: relative !important;
        background: none !important;
        border: none !important;
    }

    /* ...tranne i pulsanti (li) che devono rimanere visibili */
    .wd-nav-mob-tab > * {
        visibility: hidden !important;
    }

    .wd-nav-mob-tab li {
        visibility: visible !important;
    }

    /* 2. Colpiamo l'elemento "spia" che crea la linea in Woodmart */
    .wd-nav-mob-tab .nav-link-text:after,
    .wd-nav-mob-tab .nav-link-text:before,
    .wd-nav-mob-tab li a:after,
    .wd-nav-mob-tab li a:before {
        content: none !important;
        display: none !important;
    }

    /* 3. Se la righina fosse un'ombra del testo */
    .wd-nav-mob-tab li a span {
        text-decoration: none !important;
        box-shadow: none !important;
    }
}
/* --- AGGIUNTA N.17: CANCELLAZIONE RIGHINA GRIGINA RESIDUA --- */
@media (max-width: 1024px) {
    /* 1. Toglie il bordo al contenitore che racchiude i Tab */
    .wd-nav-mob-tab {
        border-bottom: none !important;
        border-top: none !important;
        box-shadow: none !important;
    }

    /* 2. Toglie la linea di separazione che Woodmart mette tra la testata e il menu */
    .mobile-nav .wd-nav-mob-tab {
        border-bottom: none !important;
    }

    /* 3. Aumentiamo un filo lo spazio sotto così, se c'è una riga nel blocco successivo, la distanziamo */
    .wd-nav-mob-tab {
        margin-bottom: 20px !important;
    }

    /* 4. Colpiamo un altro possibile colpevole: il bordo della lista sottostante */
    .mobile-nav .wd-nav-mobile {
        border-top: none !important;
    }
}
/* --- AGGIUNTA N.18: ELIMINAZIONE SPAZIO BIANCO LOGO-BANNER --- */

/* 1. Riduce lo spazio sotto la testata principale */
.whb-header {
    margin-bottom: 0 !important;
}

/* 2. Riduce lo spazio vuoto (padding) nella zona del contenuto principale */
.main-page-wrapper {
    padding-top: 0 !important;
}

/* 3. Colpisce specificamente la riga dello slider se ha margini eccessivi */
.vc_row.vc_row-fluid {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 4. Rimuove la righina di confine grigia che separa header e contenuti */
.whb-sticked .whb-main-header, 
.whb-general-header {
    border-bottom: none !important;
}
/* --- AGGIUNTA N.20: BANNER POSIZIONATO E RIGHINA ELIMINATA --- */

/* 1. Uccide definitivamente ogni bordo sotto il logo */
.whb-header, 
.whb-general-header, 
.whb-sticked .whb-main-header {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* 2. Abbassa il banner senza far riapparire la riga */
.main-page-wrapper {
    padding-top: 0 !important;
    margin-top: 20px !important; /* Questo abbassa il banner per non tagliare "NOLEGGIO" */
}

/* 3. Rimuove eventuali linee residue dal contenitore dello slider */
.vc_row.vc_row-fluid {
    border-top: none !important;
    outline: none !important;
}
/* --- AGGIUNTA N.21: CANCELLAZIONE TOTALE LINEA GRIGIA --- */
@media (min-width: 0px) {
    /* Uccide il bordo di TUTTI i contenitori dell'header */
    .whb-header, 
    .whb-main-header, 
    .whb-general-header, 
    .whb-header-bottom, 
    .whb-header-top,
    .whb-sticky-header,
    .whb-scroll-sticky {
        border-bottom: none !important;
        border-top: none !important;
        box-shadow: none !important;
    }

    /* Uccide il bordo superiore del wrapper della pagina */
    .main-page-wrapper, 
    .website-wrapper {
        border-top: none !important;
        outline: none !important;
    }

    /* Se la riga fosse un divisore interno di WPBakery/Elementor */
    .vc_row-full-width + .vc_row, 
    .vc_column-inner {
        border-top: none !important;
    }
}
/* --- AGGIUNTA N.22: ALLINEAMENTO CHIRURGICO E ICONA --- */

/* 1. Crea uno spazio fisso per il titolo e il prezzo (allinea i tasti) */
.product-grid-item .wd-entities-title,
.product-grid-item .wd-product-title {
    min-height: 45px !important; /* Spazio per 2 righe di testo */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 2. Forza il contenitore del pulsante a stare sempre in fondo */
.product-grid-item .wd-add-btn {
    position: relative !important;
    padding-top: 15px !important;
}

/* 3. Effetto Hover Giallo e Icona Carrello */
.wd-add-btn a:hover {
    background-color: #FBBC34 !important;
    color: #0A2E5C !important;
    border-color: #FBBC34 !important;
}

/* Mostra l'icona carrello Woodmart all'hover */
.wd-add-btn a:hover:before {
    content: "\f126" !important;
    font-family: "woodmart-font" !important;
    margin-right: 10px;
    font-size: 16px;
}

/* Arrotondamento a pillola */
.wd-add-btn a {
    border-radius: 50px !important;
    text-transform: uppercase;
    font-weight: 700;
}
/* --- AGGIUNTA N.23: ALLINEAMENTO SEZIONE OCCASIONI E WIDGET --- */

/* 1. Allineamento per i prodotti nei caroselli/slider (spesso usati nelle Occasioni) */
.owl-item .product-grid-item, 
.wd-carousel-item .product-grid-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* 2. Forza il titolo a occupare lo stesso spazio anche qui */
.product-grid-item .product-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 3. Spinge il blocco prezzo e pulsante verso il basso */
.product-grid-item .wd-product-footer,
.product-grid-item .wd-add-btn {
    margin-top: auto !important;
}

/* 4. Altezza minima specifica per i titoli nelle Occasioni (se diversi) */
.product-grid-item .wd-entities-title {
    min-height: 50px !important;
    margin-bottom: 10px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* --- AGGIUNTA N.24: FORZATURA ALLINEAMENTO OCCASIONI --- */

/* 1. Colpiamo il wrapper interno che Woodmart usa nei caroselli */
.product-grid-item .product-element-top {
    margin-bottom: 15px !important;
}

/* 2. Creiamo una "gabbia" ad altezza fissa per Titolo + Prezzo */
/* Questo è il segreto: se la gabbia è uguale per tutti, i tasti si allineano per forza */
.product-grid-item .wd-product-header,
.product-grid-item .wd-product-content {
    min-height: 110px !important; /* Spazio totale per Titolo e Prezzo */
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* 3. Allineiamo i pulsanti in fondo al blocco delle occasioni */
.product-grid-item .wd-add-btn-replace {
    margin-top: 10px !important;
}

/* 4. Togliamo eventuali margini che spostano i tasti a casaccio */
.wd-add-btn > a {
    width: 100% !important;
    justify-content: center !important;
}
/* --- AGGIUNTA N.58: HOVER PULITO - SOLO ICONA, TESTO TOTALMENTE SPARITO --- */

/* 1. UCCIDI TUTTO IL VECCHIO (Frecce e icone Woodmart) */
.wd-add-btn a::before, .wd-add-btn a::after,
.wd-add-btn-replace a::before, .wd-add-btn-replace a::after,
.product-grid-item .button::before, .product-grid-item .button::after,
.wd-add-cart-icon, .wd-action-btn svg, .wd-add-btn svg {
    display: none !important;
    content: none !important;
}

/* 2. STATO NORMALE: PULSANTE BLU */
.wd-add-btn a, .wd-add-btn-replace a, .product-grid-item .button {
    background-color: #0A2E5C !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    height: 44px !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease-in-out !important;
}

/* 3. HOVER: IL TESTO DEVE SPARIRE (Opacità zero) */
.wd-add-btn a:hover span, 
.wd-add-btn-replace a:hover span, 
.product-grid-item .button:hover span {
    opacity: 0 !important; /* Il testo diventa totalmente invisibile */
    visibility: hidden !important;
}

/* 4. HOVER: IL PULSANTE DIVENTA GIALLO E APPARE IL CARRELLO AL CENTRO */
.wd-add-btn a:hover, 
.wd-add-btn-replace a:hover, 
.product-grid-item .button:hover {
    background-color: #FBBC34 !important;
    /* Inseriamo il carrello come sfondo del pulsante stesso */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%230A2E5C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 26px !important; /* Dimensione del carrello */
}

/* 5. RESET FINALE (Per sicurezza contro la freccia) */
.wd-add-btn a:hover::before, .wd-add-btn a:hover::after {
    display: none !important;
}
/* ============================================================
   AGGIUNTA N.61 (FIX CENTRATURA): RICHIEDI INFO AL CENTRO
   ============================================================ */

/* 1. PULSANTE BASE (BLU) */
.product-grid-item .view-details-btn,
.product-grid-item .product_type_simple:not(.add_to_cart_button),
.product-grid-item .product_type_variable:not(.add_to_cart_button) {
    background-color: #0A2E5C !important;
    border-radius: 50px !important;
    height: 44px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    padding: 0 !important; /* Rimuove padding che sballano la centratura */
}

/* 2. SPAN E TESTO CON CENTRATURA FORZATA */
.product-grid-item .view-details-btn span,
.product-grid-item .product_type_simple:not(.add_to_cart_button) span,
.product-grid-item .product_type_variable:not(.add_to_cart_button) span {
    font-size: 0 !important;
    display: flex !important; /* Usiamo flex anche qui per centrare il contenuto */
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    line-height: 0 !important; /* Elimina l'altezza riga che spinge in basso */
}

.product-grid-item .view-details-btn span::before,
.product-grid-item .product_type_simple:not(.add_to_cart_button) span::before,
.product-grid-item .product_type_variable:not(.add_to_cart_button) span::before {
    content: "RICHIEDI INFO" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    display: block !important;
    line-height: 1 !important; /* Forza il testo su una riga secca */
}

/* 3. HOVER: DIVENTA VERDE E IL TESTO SPARISCE */
.product-grid-item .view-details-btn:hover,
.product-grid-item .product_type_simple:not(.add_to_cart_button):hover,
.product-grid-item .product_type_variable:not(.add_to_cart_button):hover {
    background-color: #25D366 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.335-1.662c1.72.937 3.659 1.432 5.632 1.432h.006c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 26px !important;
}

.product-grid-item .view-details-btn:hover span,
.product-grid-item .product_type_simple:not(.add_to_cart_button):hover span,
.product-grid-item .product_type_variable:not(.add_to_cart_button):hover span {
    opacity: 0 !important;
}
/* ============================================================
   AGGIUNTA N.62 (CHIRURGICA): ELIMINAZIONE QLWAPP
   ============================================================ */

.qlwapp, 
.qlwapp_container, 
.qlwapp_button,
#qlwapp {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* ============================================================
   AGGIUNTA N.63: NASCONDI BADGE RECAPTCHA
   ============================================================ */
.grecaptcha-badge { 
    visibility: hidden !important; 
}
/* ============================================================
   ASSETTO DEFINITIVO PULSANTI BOVOLI (RESTART COMPLETO)
   ============================================================ */

/* 1. SEZIONE VISIBILITÀ: Forza il pulsante a esistere ovunque */
.wd-add-btn, 
.product-grid-item .wd-add-btn, 
.wd-hover-base .wd-add-btn,
.wd-hover-button .wd-add-btn {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 2. LO SCHELETRO: Blu Bovoli e forma a Pillola */
.wd-add-btn a, 
.add_to_cart_button {
    background-color: #002d5a !important; /* BLU BOVOLI */
    color: #eaff00 !important;            /* GIALLO BOVOLI */
    border-radius: 50px !important;       /* FORMA PILLOLA */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 5px 15px !important;
    text-decoration: none !important;
    overflow: visible !important;
}

/* 3. IL CONTENUTO: Icona e Testo Gialli sul Blu */
/* Questo risolve il problema del "Blu Vuoto" */
.wd-add-btn a:before, 
.add_to_cart_button:before,
.wd-add-btn-text,
.add_to_cart_button span {
    color: #eaff00 !important;   /* GIALLO BOVOLI */
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    transform: none !important;  /* Blocca animazioni che nascondono il testo */
    font-size: 13px !important;  /* Dimensione sicura per mobile */
}

/* 4. L'ICONA CARRELLO: Specifica Gialla */
.wd-add-btn a:before, 
.add_to_cart_button:before {
    content: "\f123" !important;
    font-family: "woodmart-font" !important;
    margin-right: 8px !important;
}

/* 5. HOVER: Inversione Colori (Diventa Giallo con scritte Blu) */
.wd-add-btn a:hover, 
.add_to_cart_button:hover {
    background-color: #eaff00 !important; /* GIALLO */
}

.wd-add-btn a:hover:before, 
.wd-add-btn a:hover .wd-add-btn-text,
.add_to_cart_button:hover span {
    color: #002d5a !important;            /* BLU */
}

/* 6. PROTEZIONE MOBILE: Impedisce a Woodmart di nascondere tutto */
@media (max-width: 768px) {
    .wd-add-btn-replace .wd-add-btn-text {
        display: inline-block !important;
        opacity: 1 !important;
        transform: none !important;
    }
}
/* ============================================================
   FIX SOVRAPPOSIZIONE E TESTO PICCOLO BOVOLI
   ============================================================ */

/* 1. PULSANTE: Base Blu e rimpicciolimento generale */
.wd-add-btn a, 
.add_to_cart_button {
    background-color: #002d5a !important;
    border-radius: 50px !important;
    display: flex !important;
    flex-direction: row !important; /* Forza icona e testo affiancati */
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;         /* Più basso per essere più elegante */
    padding: 0 10px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* 2. ICONA: Molto piccola e Gialla */
.wd-add-btn a:before, 
.add_to_cart_button:before {
    content: "\f123" !important;
    font-family: "woodmart-font" !important;
    color: #eaff00 !important;
    font-size: 14px !important;      /* Icona rimpicciolita */
    margin-right: 5px !important;    /* Spazio tra icona e testo */
    position: static !important;     /* Blocca la sovrapposizione */
    transform: none !important;
    opacity: 1 !important;
}

/* 3. TESTO: Più piccolo per stare su una riga sola */
.wd-add-btn-text, 
.add_to_cart_button span {
    color: #eaff00 !important;
    font-size: 10px !important;      /* TESTO PIÙ PICCOLO */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;  /* Impedisce di andare a capo */
    position: static !important;     /* Blocca la sovrapposizione */
    transform: none !important;
    opacity: 1 !important;
    margin: 0 !important;            /* Azzerra margini che creano sbalzi */
}

/* 4. ELIMINA DEFINITIVAMENTE IL SECONDO LIVELLO (IL TESTO DOPPIO) */
.wd-add-btn-replace a:after, 
.wd-add-btn-replace .wd-add-btn-icon,
.wd-add-btn-replace:hover a:before {
    display: none !important;        /* Spegne l'animazione di sdoppiamento */
}

/* 5. HOVER: Cambio colore pulito */
.wd-add-btn a:hover {
    background-color: #eaff00 !important;
}
.wd-add-btn a:hover:before, 
.wd-add-btn a:hover .wd-add-btn-text {
    color: #002d5a !important;
}
/* ============================================================
   CENTRATURA MILLIMETRICA DESKTOP (FIX ALLINEAMENTO)
   ============================================================ */

@media (min-width: 1025px) {
    .wd-add-btn a, 
    .add_to_cart_button {
        padding: 0 25px !important;    
        display: flex !important;
        align-items: center !important;    /* Centra verticalmente */
        justify-content: center !important;  /* Centra orizzontalmente */
        height: 42px !important;            /* Altezza fissa per precisione */
        line-height: 1 !important;          /* Toglie spazi sopra/sotto il testo */
    }

    .wd-add-btn-text, 
    .add_to_cart_button span {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        height: auto !important;
        position: static !important;
    }

    /* Allinea l'icona sulla stessa linea del testo */
    .wd-add-btn a:before, 
    .add_to_cart_button:before {
        margin-right: 8px !important;
        margin-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }
}
/* FORZA CENTRATURA UNIVERSALE */
.wd-add-btn a, .add_to_cart_button {
    display: flex !important;
    align-items: center !important;    /* Centra verticale */
    justify-content: center !important;  /* Centra orizzontale */
    line-height: 1 !important;           /* Toglie lo spazio sotto il testo */
}

.wd-add-btn-text, .add_to_cart_button span {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}
/* TOCCO FINALE: ALLINEAMENTO MILLIMETRICO */
.wd-add-btn a, 
.add_to_cart_button {
    display: flex !important;
    align-items: center !important;    /* Centra perfettamente l'altezza */
    justify-content: center !important; /* Centra perfettamente la larghezza */
}

.wd-add-btn a:before, 
.add_to_cart_button:before {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: 1px !important;        /* Micro-regolazione per l'icona */
}

.wd-add-btn-text, 
.add_to_cart_button span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;         /* Toglie lo spazio vuoto sotto le lettere */
}
/* ============================================================
   TASTO NOLEGGIO: VERSIONE ULTRA-COMPATIBILE
   ============================================================ */

/* 1. STATO NORMALE */
.whb-col-right .wd-header-text input[value="NOLEGGIO"] {
    background-color: #002d5a !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding: 10px 25px !important;
    min-width: 180px !important;
    border: none !important;
    cursor: pointer !important;
}

/* 2. STATO HOVER: IL BOTTONE DIVENTA VERDE E NASCONDE IL TESTO */
.whb-col-right .wd-header-text a:hover input[value="NOLEGGIO"] {
    background-color: #25D366 !important;
    color: transparent !important;
}

/* 3. SCRITTA "CHIEDI INFO" - POSIZIONAMENTO FISSO */
.whb-col-right .wd-header-text a:hover:after {
    content: "CHIEDI INFO" !important;
    position: absolute !important;
    left: 60% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    z-index: 99 !important;
}

/* 4. ICONA WHATSAPP EXTRA LARGE */
.whb-col-right .wd-header-text a:hover:before {
    content: "" !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-5.5-2.8-23.4-8.6-44.5-27.4-16.4-14.6-27.5-32.8-30.7-38.4-3.2-5.6-.3-8.6 2.5-11.4 2.5-2.5 5.5-6.5 8.3-9.7 2.8-3.3 3.7-5.6 5.5-9.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 13.2 5.8 23.5 9.2 31.5 11.8 13.3 4.2 25.4 3.6 35 2.2 10.7-1.5 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 100 !important;
}
/* ============================================================
   CONFIGURAZIONE FINALE: ICONA E TESTO XL CENTRATI
   ============================================================ */

/* 1. IL CONTENITORE: Centra tutto e blocca la dimensione */
.whb-col-right a[href*="whatsapp"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    min-width: 190px !important; /* Larghezza fissa per non farlo scattare */
    height: 45px !important;    /* Altezza fissa */
    text-decoration: none !important;
}

/* 2. ICONA WHATSAPP: PORTATA A 32PX (EXTRA LARGE) */
.whb-col-right a[href*="whatsapp"]:hover:before {
    content: "" !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-5.5-2.8-23.4-8.6-44.5-27.4-16.4-14.6-27.5-32.8-30.7-38.4-3.2-5.6-.3-8.6 2.5-11.4 2.5-2.5 5.5-6.5 8.3-9.7 2.8-3.3 3.7-5.6 5.5-9.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 13.2 5.8 23.5 9.2 31.5 11.8 13.3 4.2 25.4 3.6 35 2.2 10.7-1.5 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 32px !important; 
    height: 32px !important;
    display: inline-block !important;
    margin-right: 12px !important;
    z-index: 10 !important;
}

/* 3. TESTO "CHIEDI INFO": Più grande e in grassetto */
.whb-col-right a[href*="whatsapp"]:hover:after {
    content: "CHIEDI INFO" !important;
    color: #ffffff !important;
    font-size: 15px !important; /* Più grande */
    font-weight: 800 !important; /* Più spesso */
    text-transform: uppercase !important;
    white-space: nowrap !important;
    z-index: 10 !important;
    display: inline-block !important;
}

/* 4. IL BOTTONE SOTTO: Diventa solo lo sfondo verde */
.whb-col-right a[href*="whatsapp"]:hover input {
    background-color: #25D366 !important;
    color: transparent !important; /* Nasconde "NOLEGGIO" */
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 50px !important;
    z-index: 1 !important;
    padding: 0 !important;
}
/* ============================================================
   PILLOLA BOVOLI: DESIGN PULITO (ZERO ALONI / ZERO FLUO)
   ============================================================ */

/* 1. RESET TOTALE: Elimina ogni ombra o alone dal tema */
.product-category:hover .category-content,
.product-category:hover .category-image-wrap,
.product-category:hover .category-image-wrap:after,
.product-category:hover .category-image-wrap:before,
.product-category:hover a,
.product-category .wd-entities-title {
    box-shadow: none !important; /* UCCIDE TUTTI I FLUO E LE OMBRE */
    background-image: none !important;
}

/* 2. IMMAGINE: Pulita e staccata */
.product-category .category-image {
    border-radius: 20px !important;
    margin-bottom: 25px !important;
    transition: transform 0.3s ease !important;
}

/* 3. IL TASTO (PILLOLA): Grande, solido e senza ombre */
.product-category .wd-entities-title {
    display: table !important;
    width: auto !important;
    min-width: 220px !important; /* Pulsante bello grande */
    margin: 0 auto !important;
    padding: 14px 35px !important;
    
    background-color: #002d5a !important; /* Blu Bovoli */
    color: #ffffff !important;
    border-radius: 100px !important; /* Pillola perfetta */
    
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    
    border: 2px solid transparent !important; /* Bordo inizialmente invisibile */
    transition: all 0.2s ease-in-out !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 4. HOVER PULITO: Solo cambio colori, NIENTE FLUO */
.product-category:hover .wd-entities-title {
    background-color: #002d5a !important; /* Resta Blu */
    color: #ffcc00 !important;            /* Scritta diventa Gialla */
    border-color: #ffcc00 !important;     /* Appare il Bordo Giallo */
    
    box-shadow: none !important;          /* Garantisce zero aloni gialli */
    transform: translateY(-3px) !important; /* Piccolo movimento fluido */
}

/* 5. ELIMINA LAYER EXTRA DEL TEMA */
.category-content .more-products, 
.category-content .category-products-count,
.wd-cat-counter,
.wd-entities-title:after,
.wd-entities-title:before {
    display: none !important;
    content: none !important;
}
/* ============================================================
   MOBILE FIX: PILLOLE PICCOLE E TONDE (SOLO SMARTPHONE)
   ============================================================ */

@media (max-width: 767px) {
    /* 1. Forza la pillola anche su mobile */
    .product-category.category-grid-item .wd-entities-title {
        display: table !important;       /* Impedisce al tasto di allargarsi */
        width: auto !important;
        min-width: 150px !important;    /* Lo facciamo più piccolo del desktop */
        max-width: 90% !important;
        padding: 8px 20px !important;    /* Più sottile */
        margin: 15px auto 0 auto !important; /* Lo centra e lo stacca dalla foto */
        
        font-size: 12px !important;      /* Testo più leggibile su mobile */
        border-radius: 100px !important; /* Forza la curvatura totale */
    }

    /* 2. Assicura che l'immagine non venga coperta */
    .product-category.category-grid-item .category-image {
        margin-bottom: 10px !important;
        border-radius: 15px !important;
    }

    /* 3. Elimina ombre o aloni residui su mobile */
    .product-category.category-grid-item:hover .wd-entities-title {
        box-shadow: none !important; 
        transform: translateY(-2px) !important;
    }
}
/* ============================================================
   DESKTOP: DOPPIO TELECOMANDO DI PRECISIONE (DA 769px IN SU)
   ============================================================ */
@media (min-width: 769px) {
    .site-content { transform: none !important; }
    .main-page-wrapper { padding-top: 50px !important; }

    /* --- TELECOMANDO 1: SFOGLIA CATEGORIE --- */
    /* Diminuisci il valore (es. -5px) per ALZARLO, aumentalo per ABBASSARLO */
    .whb-header-bottom .whb-col-left {
        position: relative !important;
        top: 20px !important; 
    }

    /* --- TELECOMANDO 2: MENU (HOME, CHI SIAMO... NOLEGGIO) --- */
    /* Aumenta il valore per ABBASSARLO, diminuisci per ALZARLO */
    .whb-header-bottom .whb-col-right, 
    .whb-header-bottom .whb-col-center {
        position: relative !important;
        top: 25px !important; 
    }

    /* RESET STRUTTURALE (Per evitare che si schiacci tutto) */
    .whb-header-bottom .whb-flex-row {
        align-items: flex-start !important;
        height: 80px !important;
    }
}

/* NUOVA VERSIONE: AGGIUSTA IL MONITOR SENZA ROMPERE IL RESTO */
@media (max-width: 768px) {
    .single-product .site-content {
        transform: translateY(0px) !important; /* Rimetto a zero per non tagliare */
        margin-bottom: 0px !important;
    }
    .single-product .main-page-wrapper { 
        padding-top: 50px !important; /* Questo spinge giù il monitor */
    }
}
/* ============================================================
   RIMOZIONE DEFINITIVA QUADRETTI (KADENCE SLIDER)
   ============================================================ */

/* Elimina le frecce Prev e Next di Kadence */
.kad-slider-prev, 
.kad-slider-next,
button.kad-slider-prev,
button.kad-slider-next {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Elimina i pallini (dots) della paginazione di Kadence */
.kad-slider-pagination, 
.kad-slider-dot,
ul.kad-slider-pagination {
    display: none !important;
}

/* Rimuove eventuali contenitori residui di navigazione */
.kad-slider-navigate {
    display: none !important;
}
/* ============================================================
   RIPRISTINO BANNER MOBILE (PROPORZIONI CORRETTE)
   ============================================================ */
@media (max-width: 768px) {
    /* 1. Sblocchiamo il taglio sotto: permettiamo al banner di respirare */
    .wd-slider-wrapper, 
    .woodmart-slider-main-container,
    .kad-slider-container {
        overflow: visible !important; 
        height: auto !important; /* Toglie l'altezza fissa che schiacciava */
    }

    /* 2. Sistemiamo l'immagine: deve mantenere le proporzioni (niente scritte allargate) */
    .wd-slider-wrapper img,
    .kad-slider-container img {
        object-fit: contain !important; /* Mantiene le proporzioni originali */
        height: auto !important;
        width: 100% !important;
    }

    /* 3. Spostiamo leggermente il contenuto sotto se tocca il banner */
    .main-page-wrapper {
        padding-top: 10px !important;
    }
}
/* --- KILLER DEFINITIVO BARRA DESKTOP --- */
@media (min-width: 1025px) {
    /* Reset totale di tutti i contenitori dell'header */
    .whb-header, 
    .whb-main-header, 
    .whb-header-bottom, 
    .whb-general-header,
    .whb-sticked .whb-main-header,
    .whb-sticky-header {
        background-color: transparent !important; /* Toglie il blu */
        border: none !important;
        box-shadow: none !important;
        min-height: 0 !important; /* Toglie l'altezza eccessiva */
    }

    /* Se la barra blu è il menu categorie che è "esploso" */
    .wd-header-category-nav, .wd-nav-category {
        background-color: transparent !important;
        border: none !important;
    }

    /* Uccide la riga blu dei tab che non deve stare su PC */
    .wd-nav-line, .wd-nav-mob-tab {
        display: none !important;
    }

    /* Sistema il wrapper della pagina perché non ci siano buchi bianchi o sovrapposizioni */
    .main-page-wrapper {
        margin-top: 0 !important;
        padding-top: 20px !important; /* Regola questo per distanziare il banner dal logo */
    }
}
/* ============================================================
   ABBASSAMENTO BANNER SU DESKTOP
   ============================================================ */
@media (min-width: 1025px) {
    .main-page-wrapper {
        /* Aumenta questo numero (es. 60px o 80px) se vuoi abbassarlo ancora di più */
        padding-top: 50px !important; 
        margin-top: 0 !important;
    }

    /* Assicura che l'header non sia "fixed" in modo da coprire i contenuti */
    .whb-main-header {
        position: relative !important;
        z-index: 100;
    }
}
/* ============================================================
   FIX DESKTOP: ABBASSA BANNER E PROTEZIONE LAYOUT
   ============================================================ */
@media (min-width: 1025px) {
    /* 1. Abbassa il banner (aumentato a 120px per liberare i tasti) */
    .main-page-wrapper {
        padding-top: 120px !important;
        margin-top: 0 !important;
    }

    /* 2. Protezione icone: nasconde l'header mobile che sballava il desktop */
    .whb-mobile-header, 
    .wd-header-mobile-nav, 
    .wd-nav-mob-tab,
    .whb-hidden-desktop {
        display: none !important;
    }

    /* 3. Forza l'header a non sovrapporsi ai contenuti */
    .whb-header {
        position: relative !important;
        background-color: white !important; /* O il colore del tuo sfondo */
    }
}

/* ============================================================
   FIX MOBILE: PULIZIA E ICONE (PER EVITARE I VECCHI ERRORI)
   ============================================================ */
@media (max-width: 1024px) {
    /* Assicura che l'hamburger e il carrello siano visibili */
    .whb-column.whb-mobile-right, 
    .wd-tools-element, 
    .wd-header-mobile-nav {
        display: flex !important;
    }

    /* Uccide solo la righina blu senza rompere i tasti */
    .wd-nav-line { 
        display: none !important; 
    }
}
/* ============================================================
   FIX FINALE: ABBASSA TUTTO IL BLOCCO BANNER (TESTI INCLUSI)
   ============================================================ */
@media (min-width: 1025px) {
    
    /* Sposta l'intera "scatola" del sito verso il basso */
    .main-page-wrapper {
        margin-top: 140px !important; /* Questo sposta tutto, testi del banner compresi */
        padding-top: 0 !important;
    }

    /* Evita che elementi dello slider scivolino sopra l'header */
    .whb-main-header {
        position: relative !important;
        z-index: 9999 !important;
        background-color: #ffffff !important; /* Copre eventuali scritte che salgono troppo */
    }

    /* Forza il banner a stare nei ranghi */
    .wd-slider-wrapper, .rev_slider_wrapper {
        top: 0 !important;
    }
}

/* BLOCCO DI SICUREZZA PER IL LOGO */
@media (min-width: 1025px) {
    .whb-general-header {
        background-color: #ffffff !important;
        position: relative !important;
        z-index: 10000 !important;
    }
}
/* ============================================================
   IL TELECOMANDO (INCOLLA IN FONDO A TUTTO)
   ============================================================ */

/* 1. REGOLA QUI I NUMERI */
@media (min-width: 1025px) {
    .main-page-wrapper {
        /* PROVA A CAMBIARE QUESTO 180 IN 200 O 150 */
        margin-top: 70px !important; 
        padding-top: 0 !important;
        position: relative !important;
    }
}

@media (max-width: 1024px) {
    .main-page-wrapper {
        /* REGOLA QUI PER IL MOBILE */
        margin-top: 30px !important;
        padding-top: 0 !important;
    }
}

/* 2. BLOCCO DI SICUREZZA (NON TOCCARE) */
/* Serve a evitare che le scritte scappino dal banner mentre lo sposti */
.wd-slider-wrapper, .rev_slider_wrapper, .vc_row {
    top: 0 !important;
}
@media (max-width: 1024px) {
    /* 1. IL CONTENITORE: CERCHIO BLU NEON (COPIATO DALL'HAMBURGER) */
    .wd-header-mobile-nav > a,
    .wd-header-search > a,
    .wd-header-my-account > a,
    .wd-header-wishlist > a,
    .wd-header-cart > a,
    .wd-header-cats-btn > a {
        background-color: #001a3d !important; /* Blu scuro */
        border: 2px solid #00f2ff !important; /* Bordo Neon */
        box-shadow: 0 0 15px #00f2ff !important; /* Glow fisso */
        
        width: 42px !important;
        height: 42px !important;
        border-radius: 50% !important;
        
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 5px !important;
        transition: all 0.3s ease !important;
        overflow: hidden !important; /* Evita che pezzi di giallo escano fuori */
    }

    /* 2. RIPRISTINO DISEGNINI: FORZA IL BIANCO SOLO SULLE ICONE VERE */
    /* Questo evita che il cerchio intero diventi bianco */
    .wd-header-mobile-nav > a :is(i, span, svg, before, after),
    .wd-header-search > a :is(i, span, svg, before, after),
    .wd-header-my-account > a :is(i, span, svg, before, after),
    .wd-header-wishlist > a :is(i, span, svg, before, after),
    .wd-header-cart > a :is(i, span, svg, before, after) {
        color: #ffffff !important;
        fill: #ffffff !important; /* Per le icone SVG */
        background-color: transparent !important;
    }

    /* Lineette Hamburger specifiche */
    .wd-burger, .wd-burger:before, .wd-burger:after, .wd-burger span {
        background-color: #ffffff !important;
    }

    /* 3. EFFETTO HOVER (SFIORAMENTO) */
    .wd-header-mobile-nav > a:hover,
    .wd-header-search > a:hover,
    .wd-header-my-account > a:hover,
    .wd-header-wishlist > a:hover,
    .wd-header-cart > a:hover {
        transform: scale(1.1) !important;
        box-shadow: 0 0 25px #00f2ff !important;
    }

    /* 4. PULIZIA EXTRA */
    .wd-cart-number, .wd-wishlist-count { display: none !important; }
    .wd-header-wishlist { display: inline-flex !important; }
    /* Rimuove eventuali sfondi gialli residui */
    .wd-tools-element, .wd-header-cats-btn { background: transparent !important; }
}
/* ELIMINA LE SCRITTE SOTTO LE ICONE NELLO STICKY HEADER E MOBILE */
.wd-toolbar-label, 
.woodmart-toolbar-label,
.wd-tools-element > a > span:not(.wd-tools-icon) {
    display: none !important;
}

/* CENTRA LE ICONE NEL TONDO SE AVESSERO PERSO IL CENTRO */
.wd-tools-element > a {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
/* FORZATURA ESTREMA CERCHIO E GLOW SULLA HOME */
div.wd-toolbar-item.wd-toolbar-home-btn > a, 
.wd-toolbar-item.wd-toolbar-home-btn > a {
    background-color: #0A2E5C !important; /* BLU */
    border-radius: 50% !important;        /* CERCHIO */
    width: 48px !important;               /* MISURA */
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    /* IL GLOW - Forzato su ogni lato */
    box-shadow: 0 0 15px 2px rgba(0, 255, 255, 0.8) !important;
    -webkit-box-shadow: 0 0 15px 2px rgba(0, 255, 255, 0.8) !important;
    
    /* Impedisce a WoodMart di tagliare l'effetto */
    overflow: visible !important;
    position: relative !important;
    z-index: 999 !important;
}

/* FORZA L'ICONA BIANCA */
.wd-toolbar-item.wd-toolbar-home-btn > a i, 
.wd-toolbar-item.wd-toolbar-home-btn > a .wd-tools-icon:before {
    color: white !important;
    font-size: 20px !important;
    display: block !important;
}

/* SPAZIATURA TRA LE ICONE (DISTANZE) */
.wd-toolbar-item {
    margin: 0 12px !important; /* Regola questo numero per la distanza */
    overflow: visible !important;
}
/* --- SPOSTAMENTO LOGO DESKTOP --- */
@media (min-width: 1025px) {
    .whb-column.whb-col-center {
        justify-content: flex-start !important;
    }
    .site-logo {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}
.site-logo {
    margin-left: -60px !important; /* Valore negativo per portarlo più a sinistra */
}
/* COLPO DI GRAZIA POSIZIONALE PER IL PRIMO TASTO (HOME) */
.wd-toolbar > .wd-toolbar-item:first-child > a {
    background-color: #0A2E5C !important;
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.8) !important;
    overflow: visible !important;
}
/* RIDUZIONE LUNGHEZZA BARRA DI RICERCA */
@media (min-width: 1025px) {
    /* Colpiamo il contenitore della ricerca nell'header */
    .whb-column .wd-search-form {
        max-width: 300px !important; /* Regola questo numero: più basso è, più è corta */
        margin-left: 0 !important;   /* La tiene attaccata a sinistra verso il logo */
        margin-right: auto !important;
    }

    /* Se la barra ha un wrapper esterno, stringiamo anche quello */
    .search-button-wrapper, .wd-search-full-screen {
        max-width: 300px !important;
    }
}
.whb-column .wd-search-form {
    margin-left: auto !important; /* Spinge verso destra */
    margin-right: 0 !important;
}
/* --- TELECOMANDO BARRA RICERCA: LUNGHEZZA E POSIZIONE --- */
@media (min-width: 1025px) {
    .whb-column .wd-search-form {
        max-width: 350px !important;  /* Qui regoli la lunghezza */
        margin-left: 50px !important;  /* Qui regoli la distanza da sinistra */
        margin-right: auto !important; 
    }
}

/* --- TELECOMANDO LOGO DESKTOP: POSIZIONE --- */
@media (min-width: 1025px) {
    .site-logo {
        margin-left: 0 !important;
        padding-left: 2px !important; /* Spazio dal bordo sinistro */
    }
}

/* --- FORZATURA TOTALE TASTO HOME (STICKY TOOLBAR) --- */
.wd-toolbar .wd-toolbar-item.wd-toolbar-home-btn > a,
.wd-toolbar-item.wd-toolbar-home-btn > a {
    background-color: #0A2E5C !important;
    box-shadow: 0 0 15px 2px rgba(0, 255, 255, 0.8) !important;
    border-radius: 50% !important;
    overflow: visible !important;
}

/* --- COLORE ICONA CASA (BIANCO) --- */
.wd-toolbar-item.wd-toolbar-home-btn > a i,
.wd-toolbar-item.wd-toolbar-home-btn > a::before {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* ALLINEAMENTO PERFETTO: MENU SU BARRA CERCA */
@media (min-width: 1025px) {

    /* 1. Sblocchiamo la larghezza della colonna centrale */
    .whb-column.whb-col-center.wd-nav-main-column {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 100% !important;
        max-width: 950px !important; /* REGOLA QUESTO: deve essere uguale alla larghezza della tua barra cerca */
        z-index: 10;
    }

    /* 2. Distribuiamo i tasti: Home tutto a sx, Noleggio tutto a dx */
    .wd-nav-main {
        display: flex !important;
        justify-content: space-between !important; /* Spinge Home e Noleggio ai due estremi */
        width: 100% !important;
    }

    /* 3. Sistemiamo lo stile dei tasti per non farli sovrapporre */
    .wd-nav-main > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        white-space: nowrap !important;
    }
}
@media (min-width: 1025px) {
    .whb-column.whb-col-center.wd-nav-main-column {
        /* ... altri comandi ... */
        left: 52% !important; /* <--- 1. AUMENTA QUESTO PER SPOSTARE TUTTO A DESTRA */
    }

    .wd-nav-main {
        /* ... altri comandi ... */
        padding-left: 48px !important; /* <--- 2. USA QUESTO PER SPOSTARE SOLO HOME A DESTRA */
    }
}

/* --- ALLINEAMENTO FINALE: MENU + NOLEGGIO --- */
@media (min-width: 1025px) {

    /* 1. UNIFORMIAMO LE DISTANZE (Menu e Noleggio avranno lo stesso respiro) */
    .wd-nav-main > li > a, 
    .whb-column .wd-html-block a {
        padding-left: 12px !important;
        padding-right: 12px !important;
        white-space: nowrap !important;
        display: flex !important;
        align-items: center;
    }

    /* 2. ALLINEAMENTO HOME (Spostiamo il Menu principale a sinistra sotto l'inizio barra) */
    .whb-column.whb-col-center.wd-nav-main-column {
        justify-content: flex-start !important;
        margin-left: -120px !important; /* Regola questo per centrare HOME */
    }

/* --- SPOSTAMENTO FORZATO NOLEGGIO --- */
@media (min-width: 1025px) {

    /* 1. Miriamo direttamente al contenuto della colonna destra in basso */
    .whb-header-bottom .whb-col-right .whb-flex-flex-row {
        justify-content: flex-start !important; /* Forza l'inizio a sinistra */
    }

    /* 2. IL VERO SPOSTAMENTO: usiamo il comando 'relative' che è infallibile */
    .whb-header-bottom .whb-col-right .wd-el-html-block,
    .whb-header-bottom .whb-col-right .wd-el-text-block,
    .whb-header-bottom .whb-col-right .wd-html-block,
    .whb-header-bottom .whb-col-right > div {
        position: relative !important;
        
        /* --- REGOLA QUESTO NUMERO --- */
        /* Più aumenti (es. -300px), più Noleggio corre verso il LOGO */
        /* Più diminuisci (es. -50px), più Noleggio torna verso DESTRA */
        left: -48px !important; 
        
        display: block !important;
        z-index: 999 !important;
    }

    /* 3. Evitiamo che la colonna lo nasconda mentre si muove */
    .whb-header-bottom .whb-col-right {
        overflow: visible !important;
    }
}
/* FORZATURA TOTALE: ACCENDE IL TESTO MENU SEMPRE */
.wd-nav-mob-tab li a {
    opacity: 1 !important;
    visibility: visible !important;
    color: #ffffff !important; /* Forza il bianco subito */
    text-transform: uppercase;
    font-weight: 700 !important;
}

/* TOGLIE L'EFFETTO "SPENTO" QUANDO NON È SELEZIONATO */
.wd-nav-mob-tab li:not(.wd-active) a {
    color: rgba(255, 255, 255, 0.9) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* EFFETTO "ACCESO" (GIALLO) QUANDO LO TOCCHI O È ATTIVO */
.wd-nav-mob-tab li.wd-active a {
    background-color: #ffcc00 !important;
    color: #000000 !important;
}

/* ============================================================
   REMOTI: PROTOCOLLO DISTRUZIONE GIALLO (STYLE 1)
   ============================================================ */

/* 1. ELIMINA IL RETTANGOLO GIALLO (L'ELEMENTO AFTER) */
.wd-header-cats.wd-style-1 .menu-opener:after, 
.wd-header-cats.wd-style-1 .menu-opener:before,
.wd-header-cats.wd-style-1:hover .menu-opener:after,
.wd-header-cats.wd-opened .menu-opener:after {
    display: none !important;
    content: none !important;
    background: none !important;
    opacity: 0 !important;
}

/* 2. FORZA TRASPARENZA E LOOK AZZURRO NEON */
.whb-header-bottom .wd-header-cats .menu-opener,
.whb-header-bottom .wd-header-cats:hover .menu-opener,
.whb-header-bottom .wd-header-cats.wd-opened .menu-opener {
    background-color: transparent !important;
    background: none !important;
    border: 2px solid #00f2ff !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    filter: drop-shadow(0 0 8px #00f2ff) !important;
}

/* 3. FORZA ICONA E TESTO BIANCO */
.wd-header-cats.wd-style-1 .menu-opener .menu-open-label,
.wd-header-cats.wd-style-1 .menu-opener .menu-opener-icon {
    color: #ffffff !important;
}

/* 4. CHIUDI IL MENU SE È BLOCCATO APERTO */
.wd-dropdown-cats.wd-opened,
.wd-header-cats.wd-opened .wd-dropdown-cats {
    display: none !important;
}

/* Riaprilo solo al passaggio del mouse */
.wd-header-cats:hover .wd-dropdown-cats {
    display: block !important;
}
.icone-social-bovoli a:hover::after {
    content: none !important;
    display: none !important;
}

/* --- TIRO UNIVERSALE DI POSIZIONE --- */
@media screen and (min-width: 1025px) {

    /* 1. AGGANCIAMO LA RIGA IN QUALSIASI MODO SIA SCRITTA */
    /* Colpiamo la riga che contiene i prodotti in evidenza */
    div.vc_row.forza-risalita-totale, 
    div#blocco-evidenza,
    .home .wd-products-element.forza-risalita-totale {
        margin-top: -160px !important; /* Spinta massima */
        position: relative !important;
        top: -20px !important;
        z-index: 1000 !important;
    }

    /* 2. CANCELLIAMO LO SPAZIO "FANTASMA" DEL TITOLO */
    /* WoodMart mette dei margini dinamici qui, noi li azzeriamo */
    .home div.title-wrapper:has(*:contains("EVIDENZA")) {
        margin-bottom: -50px !important; /* 'Aspira' i prodotti verso l'alto */
        padding-bottom: 0 !important;
    }

    /* 3. BLOCHIAMO LO SPOSTAMENTO A DESTRA */
    /* Se si sposta a destra è perché la riga non è centrata nel contenitore */
    .home .forza-risalita-totale {
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        max-width: 1200px !important; /* O la larghezza del tuo sito */
    }

    /* 4. PROTEZIONE PER 'OCCASIONI' */
    .home .title-wrapper:has(*:contains("OCCASIONI")) {
        margin-top: 100px !important; /* Lo tiene lontano dalla risalita */
    }
}
	
@media (min-width: 1025px) {
	/* ============================================================
   BOVOLI - RIPRISTINO BASE STABILE (24 FEB)
   ============================================================ */

@media (min-width: 1025px) {

    /* [1] IL BLU CHE NON SPARISCE */
    /* Colora ogni strato della barra bassa per evitare buchi bianchi */
    html body .whb-header-bottom, 
    html body .whb-header-bottom .whb-row, 
    html body .whb-filler,
    html body .whb-general-header { 
        background-color: #0A2E5C !important; 
        border: none !important;
    }
    
    html body .whb-header-bottom { padding-bottom: 80px !important; }
    html body .main-page-wrapper { margin-top: -35px !important; position: relative !important; z-index: 1 !important; }

    /* [2] IL TELECOMANDO POSIZIONI (RECUPERATO) */
    html body .whb-header-bottom .whb-col-left { transform: translateY(15px) !important; margin-left: -180px !important; }
    html body .whb-header-bottom .whb-col-center { transform: translateY(15px) !important; }
    html body .whb-header-bottom .whb-col-right { transform: translateY(15px) !important; margin-right: -180px !important; }

    /* [3] BARRA RICERCA - NEON PULITO */
    html body .wd-search-form { border: none !important; box-shadow: none !important; background: transparent !important; }
    html body .whb-col-center .wd-search-form {
        width: 800px !important; 
        border: 2px solid #00f2ff !important;
        box-shadow: 0 0 15px #00f2ff !important;
        border-radius: 50px !important;
        background-color: #0A2E5C !important;
    }

    /* [4] ACCENSIONE PILLOLE (SFOGLIA, NOLEGGIO E MENU) */
    /* Istruzione per mettere il neon ai tasti senza rompere il blu */
    html body .wd-header-cats > a, 
    html body .wd-nav-main > li > a,
    html body .whb-col-left .wd-header-el > a {
        background-color: #0A2E5C !important;
        border: 2px solid #00f2ff !important;
        box-shadow: 0 0 12px #00f2ff !important;
        border-radius: 50px !important;
        color: #ffffff !important;
        height: 42px !important;
        padding: 0 25px !important;
        display: inline-flex !important;
        align-items: center !important;
        text-transform: uppercase !important;
        margin-right: 15px !important;
    }

    /* [5] I TRE TONDI (ACCOUNT, WISHLIST, CARRELLO) */
    html body .whb-col-right .wd-header-icons .wd-header-el > a {
        background-color: #0A2E5C !important;
        border: 2px solid #00f2ff !important;
        box-shadow: 0 0 12px #00f2ff !important;
        border-radius: 50% !important;
        width: 46px !important;
        height: 46px !important;
        margin-left: 20px !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    /* [6] SOCIAL QUADRATI */
    html body .whb-top-bar .wd-social-icons a {
        border: 2px solid #00f2ff !important;
        box-shadow: 0 0 10px #00f2ff !important;
        border-radius: 8px !important;
        width: 35px !important;
        height: 35px !important;
    }
}

/* TITOLI NERI */
html body .product_title, html body .wd-entities-title { color: #212121 !important; }

/* ============================================================
   IL GRIMALDELLO DEFINITIVO: ACCENSIONE FORZATA
   ============================================================ */

/* Forza il neon su OGNI link che si trova nella barra in basso */
html body .whb-header-bottom a {
    background-color: #0A2E5C !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 0 0 12px #00f2ff !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

/* Fix per non far diventare "pillole" le icone (Account, Carrello) */
html body .whb-header-bottom .wd-header-icons a {
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    padding: 0 !important;
    justify-content: center !important;
}

/* Fix per togliere la barra bianca doppia della ricerca */
html body .whb-header-bottom .wd-search-form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* ============================================================
   BOVOLI - ATTACCO MIRATO: SFOGLIA + TONDI ICONE
   ============================================================ */

/* [1] SFOGLIA CATEGORIE (Mira al titolo del widget categorie) */
html body .whb-header-bottom .wd-header-cats > a,
html body .whb-header-bottom .wd-header-cats .menu-opener {
    background-color: #0A2E5C !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 0 0 15px #00f2ff !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    height: 42px !important;
    padding: 0 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-transform: uppercase !important;
}

/* [2] RIPRISTINO TONDI (Forza la forma sulle icone di destra) */
/* Colpiamo direttamente l'elemento che contiene l'icona */
html body .whb-col-right .wd-header-icons .wd-header-el > a,
html body .whb-col-right .wd-header-icons .wd-header-el > a i {
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    background-color: #0A2E5C !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 0 0 12px #00f2ff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
}

/* [3] KILLER BARRA BIANCA (DOPPIA RICERCA) */
/* Se la barra bianca persiste, è colpa del contenitore 'search-results' o 'inner' */
html body .whb-col-center .wd-search-form,
html body .whb-col-center .wd-search-form input {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Spaziatura tra i tondi */
html body .whb-col-right .wd-header-icons .wd-header-el {
    margin-left: 20px !important;
}
/* ============================================================
   BOVOLI - KILLER BARRA DOPPIA (RESET TOTALE RICERCA)
   ============================================================ */

/* 1. Rendiamo invisibile TUTTO quello che WoodMart mette di base */
html body .whb-col-center .wd-search-form,
html body .whb-col-center .wd-search-form :is(fieldset, .wd-search-wrapper, input) {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 2. Applichiamo il Neon solo al contenitore esterno per evitare l'effetto doppio */
html body .whb-col-center .wd-search-form {
    border: 2px solid #00f2ff !important;
    box-shadow: 0 0 15px #00f2ff !important;
    border-radius: 50px !important;
    background-color: #0A2E5C !important; /* Forza il blu interno */
    padding: 2px !important;
}
/* FORZA IL TONDO SULLE ICONE A DESTRA */
html body .whb-col-right .wd-header-icons > div > a {
    background-color: #0A2E5C !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 0 0 12px #00f2ff !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: 15px !important;
}
/* ============================================================
   BOVOLI - ACCENSIONE ICONE (VERSIONE SICURA)
   ============================================================ */

/* [1] TRASFORMA IL TONDO ESISTENTE IN NEON */
/* Colpiamo direttamente il contenitore dell'icona */
.whb-col-right .wd-tools-icon {
    background-color: #0A2E5C !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 0 0 15px #00f2ff !important;
    border-radius: 50% !important; /* Forza il cerchio */
}

/* [2] FAR VEDERE IL DISEGNO BIANCO */
.whb-col-right .wd-tools-icon :is(i, svg, span, .wd-tools-count):before {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* [3] PULIZIA RICERCA (SOLO SFONDO) */
/* Toglie il bianco da dentro la barra neon senza toccare i bordi */
.wd-search-form input[type="text"] {
    background-color: transparent !important;
}

/* ============================================================
   BOVOLI - TELECOMANDO GRANDEZZA RICERCA
   ============================================================ */

/* Agiamo sul modulo ricerca per allungarlo */
.whb-col-center .wd-search-form {
    width: 100% !important;        /* Dice alla barra di occupare tutto lo spazio centrale */
    max-width: 800px !important;    /* CAMBIA QUESTO NUMERO per allungarla o stringerla */
    min-width: 300px !important;    /* Evita che diventi troppo piccola su schermi medi */
    margin: 0 auto !important;      /* La tiene perfettamente al centro */
}

/* Se vuoi che la colonna centrale dell'header sia più larga */
.whb-header-bottom .whb-col-center {
    flex: 1 1 50% !important;      /* Aumenta la "fetta" di spazio dedicata alla ricerca */
}

/* ============================================================
   BOVOLI - TELECOMANDO LOGO
   ============================================================ */

/* Sposta il logo a destra o sinistra */
.whb-col-left .site-logo {
    margin-left: -110px !important;  /* Aumenta (es. 30px) per spingerlo verso il centro */
    margin-right: 20px !important; /* Aumenta per allontanarlo dal tasto "Sfoglia" */
    transition: all 0.3s ease !important;
}

/* Regola la grandezza del logo (se serve) */
.whb-col-left .site-logo img {
    max-height: 100px !important;   /* Cambia questo per farlo più grande o piccolo */
    width: auto !important;
}

/* ============================================================
   BOVOLI - TELECOMANDO DISTANZA VOCI MENU
   ============================================================ */

/* [1] REGOLA LO SPAZIO TRA LE VOCI (HOME, SHOP, ECC.) */
html body .wd-nav-main > li > a {
    padding-left: 5px !important;  /* Aumenta questo per allontanarle */
    padding-right: 5px !important; /* Aumenta questo per allontanarle */
}

/* [2] SE NON DOVESSE ANCORA MUOVERSI: COLPIAMO LO SPAN INTERNO */
/* A volte WoodMart mette lo spazio qui dentro */
html body .wd-nav-main > li > a .nav-link-text {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* [3] DISTANZA TRA TUTTO IL BLOCCO MENU E GLI ALTRI ELEMENTI */
html body .wd-header-main-nav {
    margin-left: -30px !important;  /* Distanza da quello che c'è a sinistra */
    margin-right: 20px !important; /* Distanza da quello che c'è a destra */
}

/* 1. BASE DELLA PILLOLA */
.btn-noleggio-fixed {
    position: relative !important;
    width: 230px !important; /* Leggermente più larga per l'icona */
    height: 48px !important;
    background-color: #002d5a !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 0 0 15px #00f2ff !important;
    border-radius: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
}

/* 2. TESTO NOLEGGIO (STATO INIZIALE) */
.txt-noleggio {
    position: absolute !important;
    color: white !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* 3. CONTENUTO WHATSAPP (NASCOSTO SOTTO) */
.ws-content {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: all 0.3s ease !important;
}

.ws-content i, .ws-content span {
    color: white !important;
    font-weight: 700 !important;
}

/* 4. EFFETTO HOVER (IL MOMENTO DEL VERDE) */
.btn-noleggio-fixed:hover {
    background-color: #25D366 !important; /* VERDE FORZATO */
    border-color: #25D366 !important;
    box-shadow: 0 0 20px #25D366 !important;
}

/* Noleggio sparisce verso l'alto */
.btn-noleggio-fixed:hover .txt-noleggio {
    opacity: 0 !important;
    transform: translateY(-30px) !important;
}

/* WhatsApp sale al centro */
.btn-noleggio-fixed:hover .ws-content {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
/* ============================================================
   BOVOLI - TELECOMANDO POSIZIONE (VERSIONE 1.1)
   ============================================================ */

.btn-noleggio-fixed {
    /* --- MANOPOLA DELLO SPOSTAMENTO --- */
    /* Metti numeri POSITIVI (es. 20px) per andare a DESTRA */
    /* Metti numeri NEGATIVI (es. -50px) per andare a SINISTRA */
    
    left: -275px !important; 
    
    /* --------------------------------- */
    
    position: relative !important; /* Non toccare questo */
}

/* ============================================================
   BOVOLI - TENDINA VERTICALE (TENTATIVO 19: SUPER-SELECT)
   ============================================================ */

/* 1. SPOSTIAMO TUTTA LA TENDINA PIÙ IN BASSO */
/* Questo agisce sul contenitore che si apre sotto il tasto giallo */
.wd-dropdown-vertical.wd-design-default,
.wd-dropdown-menu.wd-design-vertical {
    top: 60px !important; /* Aumenta questo numero (es. 70px) per abbassarla ancora */
    margin-top: 10px !important;
}

/* 2. PAREGGIO LUNGHEZZA (Larghezza uguale al tasto Sfoglia Categorie) */
/* Colpiamo la lista e i singoli link */
.wd-nav-vertical, 
.wd-nav-vertical > li,
.wd-nav-vertical > li > a {
    width: 100% !important;
    min-width: 275px !important; /* Regola questo finché non bacia i bordi del tasto giallo */
    box-sizing: border-box !important;
}

/* 3. SPAZIATURA TRA I PULSANTI (Li rende più bassi e staccati) */
.wd-nav-vertical > li {
    margin-bottom: 6px !important; /* Crea lo spazio vuoto tra un neon e l'altro */
    padding: 0 !important;
}

/* 4. LO STILE NEON (Per essere sicuri che siano tutti uguali) */
.wd-nav-vertical > li > a {
    background-color: #0A2E5C !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 0 0 10px #00f2ff !important;
    border-radius: 50px !important;
    height: 45px !important; /* Altezza del singolo pulsante */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}
/* ============================================================
   PROTOCOLLO 144: MENU ELEGANTE + PULIZIA TOTALE TENDINA
   ============================================================ */

/* 1. MENU PRINCIPALE (HOME, SHOP, ETC.): HOVER ELEGANTE */
.whb-header .wd-nav-main > li > a:hover {
    background-color: transparent !important;
    color: #00f2ff !important; /* Testo Ciano Brillante */
    text-shadow: 0 0 5px rgba(0, 242, 255, 0.4) !important;
}

/* Righina sotto il menu all'hover (Ciano invece di Giallo) */
.whb-header .wd-nav-main > li > a:after {
    background-color: #00f2ff !important;
    height: 2px !important;
}

/* 2. SFOGLIA CATEGORIE (IL PULSANTE PRINCIPALE) */
.whb-header .wd-header-categories-nav .wd-categories-opener {
    background-color: #0A2E5C !important;
    border: 2px solid #00f2ff !important;
    color: #ffffff !important;
}

/* Hover Pulsante: Ciano Neon */
.whb-header .wd-header-categories-nav .wd-categories-opener:hover,
.whb-header .wd-header-categories-nav .wd-categories-opener.wd-opened {
    background-color: #00f2ff !important;
    color: #0A2E5C !important;
    background-image: none !important;
}

/* 3. DENTRO LA TENDINA "SFOGLIA CATEGORIE" (STOP GIALLO!) */
/* Le singole voci della lista quando ci passi sopra */
html body .wd-dropdown-cats .wd-nav-vertical > li > a:hover {
    background-color: #0A2E5C !important; /* Sfondo Blu Profondo */
    color: #00f2ff !important;            /* Testo Ciano */
}

/* Uccidi la linea gialla a sinistra o sotto le categorie nel menu */
html body .wd-dropdown-cats .wd-nav-vertical > li > a:after,
html body .wd-dropdown-cats .wd-nav-vertical > li > a:before {
    background-color: #00f2ff !important;
}

/* Icone delle categorie (se ci sono) - mai gialle */
.wd-dropdown-cats .wd-nav-vertical > li > a:hover .wd-nav-img,
.wd-dropdown-cats .wd-nav-vertical > li > a:hover i {
    filter: brightness(0) saturate(100%) invert(86%) sepia(85%) btn-cyan !important;
}

/* 4. ICONE HEADER (CERCA, ACCOUNT, CARRELLO) */
.whb-header .wd-tools-element > a:hover {
    color: #00f2ff !important;
    background: none !important;
}

/* Badge carrello (il numerino) - Facciamolo Ciano invece che Giallo */
.whb-header .wd-cart-number {
    background-color: #00f2ff !important;
    color: #0A2E5C !important;
}

/* 5. CANCELLAZIONE RADICALE DI OGNI RIFLESSO GIALLO RESIDUO */
[class*="wd-"]:hover {
    --wd-primary-color: #00f2ff !important;
}
/* ============================================================
   PROTOCOLLO 161: OVERDRIVE NEON - BAGLIORE AL MASSIMO
   ============================================================ */

/* 1. ICONE, MENU (HOME, SHOP), NOLEGGIO E SFOGLIA CATEGORIE */
/* Applichiamo il triplo bagliore atomico a tutti i pulsanti colpiti */
.whb-header .wd-tools-element > a:hover,
.whb-header .wd-nav-main > li > a:hover,
.whb-header .wd-header-categories-nav .wd-categories-opener:hover,
.whb-header .html-block a:hover,
.whb-header [class*="noleggio"] a:hover {
    color: #ffffff !important;
    background-color: transparent !important;
    
    /* TRIPLO FILTRO: Stretto e intenso + Medio + Largo e soffuso */
    filter: 
        drop-shadow(0 0 5px #00f2ff) 
        drop-shadow(0 0 15px #00f2ff) 
        drop-shadow(0 0 30px rgba(0, 242, 255, 0.8)) !important;
    
    transform: scale(1.1) !important; /* Leggero scatto in avanti */
    transition: all 0.2s ease-in-out !important;
}

/* 2. CATEGORIE SOTTO (LISTA TENDINA) */
/* Devono brillare come insegne indipendenti */
.wd-dropdown-cats .wd-nav-vertical > li > a:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    /* Bagliore potenziato anche qui */
    filter: 
        drop-shadow(0 0 8px #00f2ff) 
        drop-shadow(0 0 20px rgba(0, 242, 255, 0.6)) !important;
    padding-left: 35px !important; /* Movimento più deciso al passaggio */
}

/* 3. BORDO SFOGLIA CATEGORIE */
/* Facciamo brillare anche la cornice del tasto */
.whb-header .wd-header-categories-nav .wd-categories-opener:hover {
    border: 2px solid #ffffff !important;
    box-shadow: 0 0 15px #00f2ff !important;
}

/* 4. LINEA LASER SOTTO I TESTI MENU */
.whb-header .wd-nav-main > li > a:after {
    background-color: #ffffff !important;
    box-shadow: 
        0 0 10px #00f2ff, 
        0 0 20px #00f2ff !important;
}

/* 5. BADGE CARRELLO (NUMERINO) - EFFETTO LAMPADINA */
.whb-header .wd-cart-number {
    background-color: #00f2ff !important;
    color: #0A2E5C !important;
    box-shadow: 0 0 20px #00f2ff, 0 0 10px #ffffff !important;
}


}

@media (max-width: 576px) {
	/* SISTEMA TITOLI E AGGIUNGE FRECCETTA MANUALE */
.footer-sidebar .widget-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    white-space: nowrap !important; /* Impedisce di andare a capo */
    padding: 15px 5px !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    font-size: 16px !important;
}

/* Aggiunge la freccina a destra del titolo */
.footer-sidebar .widget-title:after {
    content: "\f107"; /* Icona freccia */
    font-family: "woodmart-font";
    font-size: 18px;
    color: #fff;
}

/* Spazio tra i blocchi per non farli sembrare appiccicati */
.footer-column {
    margin-bottom: 10px !important;
}
}