/* ============================================================
   HEADER
   ============================================================ */
.whb-header {
    margin-bottom: 0!important;
}
.whb-top-bar .wd-tools-element .wd-tools-icon:before {
    font-size: 19px!important;
}
.whb-top-bar .whb-col-center {
    justify-content: center!important;
}
.whb-top-bar .whb-col-right .lang {
    color: var(--bs-gray-800);;
    text-transform: uppercase;
    font-weight: 600;
}
.whb-header-bottom-inner .whb-col-right .wd-header-my-account .wd-tools-text {
    text-transform: var(--wd-header-el-transform);
    white-space: nowrap;
    font-weight: var(--wd-header-el-font-weight);
    font-style: var(--wd-header-el-font-style);
    font-size: var(--wd-header-el-font-size);
    font-family: var(--wd-header-el-font);
}
.wd-header-cart.wd-design-3 .wd-cart-subtotal .amount {
    color: var(--bs-white)!important;
}
.whb-main-header .whb-color-light .wd-header-my-account .wd-tools-icon:before {
    position: relative;
    top: -1px;
}
.whb-main-header .whb-color-light .wd-tools-element:is(.wd-design-2,.wd-design-5) .wd-tools-count {
    background-color: rgba(255, 255, 255, 1);
    color: var(--wd-primary-color);
}
@media (max-width: 1024px) {
    .whb-top-bar .wd-header-text {
        flex: none;
        padding-right: 5px;
        padding-left: 0;
    }
}
.whb-main-header .whb-color-light .wd-tools-element:is(.wd-design-2,.wd-design-5) .wd-tools-count {
    left: 15px;
}

/* ============================================================
   STRIP BAR
   ============================================================ */
header .wd-marquee-item .wd-strip-bar i::before {
    position: relative;
    font-size: 26px;
    top: 4px;
    left: 20px;
    margin-right: 10px;
}

/* -- Useful Links Menu ---------------------------------------- */
#menu-useful-links .menu-item a:before {
    font-family: "compformed-icons";
    font-weight: normal;
    font-size: 1rem;
    position: relative;
    margin-right: 5px;    
}
#menu-useful-links.wd-nav>li>a {
    min-height: 55px;
}
#menu-useful-links .useful-track-order a:before {
    content: "\f108";
    font-size: 2rem;   
}
#menu-useful-links .useful-faq a:before {
    content: "\f119"; 
    font-size: 1.6rem; 
    top: 2px; 
}
#menu-useful-links .useful-blog a:before {
    content: "\f138";
    font-size: 1.5rem; 
}

/* ============================================================
   PAGE TITLE
   ============================================================ */


/* ============================================================
   MENU
   ============================================================ */
  

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 991px) {
    #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand {
        margin: 15px -8px 0!important;
    }
}
@media (max-width: 1024px) {
    .sticky-toolbar-on .scrollToTop {
        bottom: 80px!important;
    }
}
.wd-toolbar .wd-tools-element .wd-tools-icon:before {
    font-family: "compformed-icons"!important;
    font-size: 1.8rem;
}
.wd-toolbar .wd-header-mobile-nav .wd-tools-icon:before {
    content: "\f10f";
}
.wd-toolbar .wd-header-wishlist .wd-tools-icon:before {
    content: "\f114";
}
.wd-toolbar .wd-header-compare .wd-tools-icon:before {
    content: "\f11d";
}
.wd-toolbar .wd-header-cart .wd-tools-icon.wd-icon-alt:before {
    content: "\f131";
}
.wd-toolbar .wd-header-my-account .wd-tools-icon:before {
    content: "\f128";
}
.wd-nav-mobile .wd-with-icon>a:before {
    font-family: "compformed-icons"!important;
    font-size: 1.5rem!important;
    position: relative;
    top: -1px;
}
.wd-nav-mobile .menu-item-wishlist>a:before {
    content: "\f114"!important;
}
.wd-nav-mobile .menu-item-compare>a:before {
    content: "\f11d"!important;
}
.wd-nav-mobile .menu-item-account>a:before {
    content: "\f128"!important;
}
.wd-toolbar .wd-tools-element:is(.wd-design-2,.wd-design-5) .wd-tools-count {
    top: -2px!important;
    inset-inline-end: -3px!important;
}
.wd-nav-mob-tab .mobile-tab-title .nav-link-text::before {
    font-family: "Font Awesome 7 Pro"!important;
    position: absolute;
    color: #949494!important;
    font-weight: 300!important;
    margin-left: -15px;
}
.wd-nav-mob-tab .mobile-pages-title .nav-link-text::before {
    content: "\e1d2"!important;
    margin-left: -17px;
}
.wd-nav-mob-tab .mobile-categories-title .nav-link-text::before {
    content: "\e196"!important;
}
.wd-nav-mob-tab .wd-active .nav-link-text::before {
    color: #333333!important;
}
.wd-nav[class*="wd-style-underline"]>li:is(:hover,.current-menu-item,.wd-active,.active)>a .nav-link-text:after {
    width: 100%;
}
.wd-nav-mob-tab:not(.wd-swap) li:first-child .nav-link-text:after, .wd-nav-mob-tab.wd-swap li:last-child .nav-link-text:after {
    right: 0;
    left: auto;
}
.wd-nav-mob-tab.wd-style-underline .nav-link-text:after {
    top: auto;
    bottom: -1px;
}
.wd-nav[class*="wd-style-underline"] .nav-link-text:after {
    background-color: var(--bs-secondary);
}

/* ============================================================
   MY ACCOUNT DROPDOWN MENU (HEADER)
   ============================================================ */
.wd-dropdown-my-account {
    margin-top: 10px !important;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.14), 0 2px 6px rgba(0,0,0,0.07) !important;
    border: none !important;
}
.wd-dropdown-my-account::after {
    height: 10px !important;
}
.wd-dropdown-menu.wd-design-default {
    --wd-dropdown-width: 250px;
}
.wd-dropdown-my-account.wd-design-default {
    padding: 0 !important;
}
.wd-dropdown-my-account .wd-sub-menu {
    overflow: hidden;
    border-radius: 16px;
    padding: 0;
    margin: 0;
}
.wd-dropdown-my-account .wd-sub-menu li {
    background: var(--bs-white) !important;
    margin: 0 !important;
    padding: 5px 20px !important;
    border-radius: 0 !important;
    border: none !important;
    transition: background .4s ease;
    position: relative;
}
.wd-dropdown-my-account .wd-sub-menu li + li {
    border-top: 1px solid rgba(0,0,0,0.05) !important;
}
.wd-dropdown-my-account .wd-sub-menu li:hover {
    background: rgba(var(--bs-primary-rgb), .06) !important;
}
.wd-dropdown-my-account .wd-sub-menu li > a span {
    padding-left: 0;
}
.wd-dropdown-my-account .wd-sub-menu li:hover > a span {
    transform: none;
}
.wd-dropdown-my-account .wd-sub-menu li > a {
    display: flex !important;
    align-items: center !important;
    position: static !important;
    color: var(--bs-gray-800);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 9px 40px 9px 5px !important;
    transition: color 0.4s ease;
}
.wd-dropdown-my-account .wd-sub-menu li > a:hover {
    color: var(--bs-primary) !important;
}
.wd-dropdown-my-account .wd-sub-menu li > a span::before {
    padding-left: 0;
    transition: color 0.4s ease;
}
.wd-dropdown-my-account .wd-sub-menu li > a:hover span::before {
    color: var(--bs-primary) !important;
}
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--dashboard > a span::before,
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--edit-account > a span::before,
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--edit-address > a span::before,
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--orders > a span::before,
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--track-order > a span::before,
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--payment-methods > a span::before,
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--customer-logout > a span::before {
    font-family: "Font Awesome 7 Pro";
    font-weight: 300;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    line-height: 1;
    text-align: center;
    content: "\f625";
    position: absolute;
    top: 50%;
    right: 20px;
    left: auto;
    width: 1.2rem;
    transform: translateY(-50%);
    color: var(--bs-gray-500);
    font-size: 0.9rem;
}
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--dashboard > a span::before {
    font-family: "Font Awesome 7 Sharp";
    font-weight: 300;
    content: "\e496";
}
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--edit-account > a span::before {
    content: "\f007";
}
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--edit-address > a span::before {
    content: "\f3c5";
}
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--orders > a span::before {
    content: "\f290";
}
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--track-order > a span::before {
    content: "\f48b";
}
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--payment-methods > a span::before {
    content: "\f09d";
}
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--customer-logout > a span::before {
    content: "\f2f5";
}

/* ============================================================
   FOOTER
   ============================================================ */

/* Colonne toggle: occupano lo spazio disponibile (solo sopra 480px) */
@media (min-width: 480px) {
    footer .e-con:has(> .elementor-widget-wd_toggle) {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
    }
}
/* Toggle 100% larghezza sotto 480px */
@media (max-width: 479px) {
    footer .e-con:has(> .elementor-widget-wd_toggle) {
        width: 100% !important;
        max-width: 100% !important;
    }
}
footer .elementor-widget-wd_toggle,
footer .elementor-widget-wd_toggle .elementor-widget-container,
footer .elementor-widget-wd_toggle .wd-el-toggle {
    width: 100%;
}

footer .wd-sub-menu li > a { 
    font-weight: 500!important;
}
footer .wd-list {
    margin-left: 4px;
}
footer .list-content i {
    position: absolute;
    font-size: 24px;
    left: 0;
    margin-right: 20px;
}
footer .list-content div span {
    margin-left: 40px;
}
footer .list-content .location i {
    top: -3px;
    left: 5px;
}
footer .list-content .tel i {
    left: 2px;
    top: -3px;
}
footer .list-content .email i {
    left: 2px;
    top: -3px;
}
footer .list-content .pec i {
    left: 2px;
    top: -3px;
}
footer .list-content .p-iva i {
    left: 4px;
    top: -2px;
}
footer .social-icons i {
    padding-right: 5px;
}
footer .mc4wp-form-fields label {
    padding-left: 6px;
    padding-top: 10px;
}
footer .wd-copyrights {
    background: var(--wd-secondary-color);
    padding-block: 10px;
}
.scrollToTop {
    right: 15px!important;
    bottom: 50px!important;
}
.single-product .scrollToTop {
    right: 15px!important;
    bottom: 70px!important;
}
footer .newsletter .disclaimer svg.wd-icon.e-fas-chevron-down {
    position: relative;
    top: 3px;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
footer .wd-state-closed-lg .wd-el-toggle-icon:before,
footer .wd-state-closed-md .wd-el-toggle-icon:before,
footer .wd-state-closed-sm .wd-el-toggle-icon:before {
    font-family: "compformed-icons"!important;
    content: "\f139"!important;
    font-size: 1.5rem !important;
    position: relative;
    margin-left: 15px;
    top: 2px;
}
footer .wd-state-closed-lg.wd-active-lg .wd-el-toggle-icon:before,
footer .wd-state-closed-md.wd-active-md .wd-el-toggle-icon:before,
footer .wd-state-closed-sm.wd-active-sm .wd-el-toggle-icon:before {
    content: "\f13a"!important;
    font-size: 1.5rem !important;
    position: relative;
    margin-left: 15px;
    top: 2px;
}
footer .wd-el-toggle.wd-active-lg.wd-icon-rotate .wd-el-toggle-icon,
footer .wd-el-toggle.wd-active-md-sm.wd-icon-rotate .wd-el-toggle-icon {
    transform: rotate(0deg)!important;
}

/* Footer toggle - pilled style (all breakpoints) */
footer .wd-el-toggle .wd-el-toggle-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 7px 16px;
    transition: background-color 0.25s ease;
    box-sizing: border-box;
}
footer .wd-el-toggle .wd-el-toggle-icon {
    margin-left: auto;
    flex-shrink: 0;
}
footer .wd-el-toggle .wd-el-toggle-title {
    flex: 1;
}

/* Footer toggle - card/pill wrapper per stato aperto (desktop statico + mobile aperto) */
footer .wd-el-toggle.wd-active-sm {
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 20px;
}
@media (min-width: 768px) {
    footer .wd-el-toggle.wd-active-lg {
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 20px;
    }
}
footer .wd-el-toggle.wd-active-lg .wd-el-toggle-head,
footer .wd-el-toggle.wd-active-sm .wd-el-toggle-head {
    border: none;
    border-radius: 20px 20px 0 0;
    background-color: rgba(255, 255, 255, 0.08);
}
footer .wd-el-toggle.wd-active-sm .wd-el-toggle-head:hover,
footer .wd-el-toggle.wd-active-sm .wd-el-toggle-head:focus {
    background-color: rgba(255, 255, 255, 0.15);
}
footer .wd-el-toggle.wd-active-lg .wd-el-toggle-content,
footer .wd-el-toggle.wd-active-sm .wd-el-toggle-content {
    padding: 5px 16px 12px;
}

/* Footer toggle - pill chiuso (solo mobile) */
@media (max-width: 767px) {
    footer .wd-el-toggle:not(.wd-active-sm) .wd-el-toggle-head {
        background-color: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 50px;
    }
    footer .wd-el-toggle:not(.wd-active-sm) .wd-el-toggle-head:hover,
    footer .wd-el-toggle:not(.wd-active-sm) .wd-el-toggle-head:focus {
        background-color: rgba(255, 255, 255, 0.15);
    }
}

/* ============================================================
   WPML
   ============================================================ */
.whb-top-bar .wd-header-text.lang-icon {
    padding-right: 5px;
}
.whb-top-bar .wd-header-text.lang-switcher {
    padding-left: 0;
}
.header-lang-icon {
    font-size: 20px;
    color: var(--wd-primary-color);
}
.wpml-ls-legacy-list-horizontal a {
    margin-left: 5px;
    padding: 5px 6px 6px;
    font-size: 12px;
    font-weight: 500;
    color: var(--wd-primary-color);
    letter-spacing: 1px;
}
[class*="wpml-ls-legacy-list"] li.wpml-ls-current-language a {
    background-color: var(--wd-primary-color);
    color: var(--bgcolor-white);
}

/* ============================================================
   G TRANSLATE
   ============================================================ */
a.glink span {
    text-transform: uppercase;
    color: var(--bs-gray-800);;
    font-size: 12px;
    transition: all .5s
}
a.glink:hover span {
    color: rgba(51,51,51,.6);
}
a.glink img {
    border-radius: 2px;
}
a.glink:hover img {
    opacity: .8!important;
}
.it.active a span,
.es.active a span {
    background: var(--wd-primary-color);
    color: var(--bs-white);
    font-weight: 600;
    padding: 5px 8px;
}

