/***** Genenel *****/
.unvisible {
  display: none;
}

.elementor-widget-pos_menu .elementor-editor-pos_menu-settings,
.elementor-widget-posLogo .elementor-editor-posLogo-settings,
.elementor-widget-pos_contact .elementor-editor-pos_contact-settings,
.elementor-widget-pos_language .elementor-editor-element-settings,
.elementor-widget-pos_currency .elementor-editor-element-settings,
.elementor-widget-posCart .elementor-editor-element-settings,
.elementor-widget-posCompare .elementor-editor-element-settings,
.elementor-widget-posWishlist .elementor-editor-element-settings,
.elementor-widget-pos_settings .elementor-editor-element-settings,
.elementor-widget-posSearch .elementor-editor-element-settings,
.elementor-widget-posAccount .elementor-editor-element-settings {
  top: -20px !important;
}

.elementor-widget-pos_language .elementor-editor-element-settings .elementor-editor-element-duplicate,
.elementor-widget-pos_currency .elementor-editor-element-settings .elementor-editor-element-duplicate,
.elementor-widget-posCart .elementor-editor-element-settings .elementor-editor-element-duplicate,
.elementor-widget-posCompare .elementor-editor-element-settings .elementor-editor-element-duplicate,
.elementor-widget-posWishlist .elementor-editor-element-settings .elementor-editor-element-duplicate,
.elementor-widget-posSearch .elementor-editor-element-settings .elementor-editor-element-duplicate,
.elementor-widget-posAccount .elementor-editor-element-settings .elementor-editor-element-duplicate {
  display: none !important;
}


/***** Hotspot widget *****/

.pos-image-hotspot {
  display: inline-block;
  position: relative;
}

.pos-image-hotspot .pos-image-hotspot-wrapper {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.pos-image-hotspot .pos-image-hotspot-wrapper:hover .pos-image-hotspot-content {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(-50%, -110%, 0);
  transform: translate3d(-50%, -110%, 0);
}

.pos-image-hotspot .pos-image-hotspot-content {
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 50%;
  width: 240px;
  max-width: 100vw;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  opacity: 0;
  z-index: 10;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
  -webkit-transform: translate3d(-50%, -100%, 0);
  transform: translate3d(-50%, -100%, 0);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.pos-image-hotspot .pos-image-hotspot-title {
  margin: 0 0 7px 0;
}

.pos-image-hotspot .pos-image-hotspot-description > :first-child {
  margin-top: 0;
}

.pos-image-hotspot .pos-image-hotspot-description > :last-child {
  margin-bottom: 0;
}

.elementor-widget-pos_image_hotspot.pos-view-framed .pos-icon {
  border-width: 2px;
}

.elementor-widget-pos_image_hotspot.pos-view-stacked .pos-icon,
.elementor-widget-pos_image_hotspot.pos-view-framed .pos-icon {
  border-radius: 50%;
}

.pos-image-hotspot .pos-icon i[class=''],
.pos-image-hotspot .pos-icon i:not([class]) {
  display: none;
}

/***** End Hotspot widget *****/


/***** Slideshow widget *****/

.slideshow-item {
  position: relative;
}

/***** End Slideshow widget *****/


.pewidth-inline {
  display: inline-block;
}


/* =========================================
   COSE DI CASA - MENU MOBILE PERSONALIZZATO
   ========================================= */

@media (max-width: 767px) {


    /* =========================================
       CATEGORIE
       ========================================= */

    #mobile_menu_wrapper .mobile-categories-title {
        display: block;
        padding: 14px 20px 8px;
        margin: 0;

        color: #555555;

        font-size: 13px;
        font-weight: 700;
        line-height: 20px;

        text-transform: uppercase;
        letter-spacing: 0.4px;
    }


    /* =========================================
       BLOCCO INFORMAZIONI
       ========================================= */

    #mobile_menu_wrapper .mobile-service-menu {
        display: block !important;

        width: 100% !important;

        margin: 8px 0 0;
        padding: 0;

        border-top: 1px solid #e5e5e5;
    }


    /* =========================================
       TITOLO INFORMAZIONI
       ========================================= */

    #mobile_menu_wrapper .mobile-service-title {
        display: block;

        width: 100%;

        padding: 14px 20px 8px;
        margin: 0;

        box-sizing: border-box;

        color: #555555;
        background: #ffffff;

        font-size: 13px;
        font-weight: 700;
        line-height: 20px;

        text-transform: uppercase;
        letter-spacing: 0.4px;
    }


    /* =========================================
       VOCI INFORMAZIONI
       ========================================= */

    #mobile_menu_wrapper .mobile-service-menu > a {
        display: flex !important;
        align-items: center;

        width: 100% !important;
        min-height: 48px;

        padding: 12px 20px;
        margin: 0;

        box-sizing: border-box;

        border-bottom: 1px solid #eeeeee;

        background: #ffffff;
        color: #253237;

        font-size: 14px;
        font-weight: 400;
        line-height: 22px;

        text-decoration: none;
    }


    #mobile_menu_wrapper .mobile-service-menu > a:hover,
    #mobile_menu_wrapper .mobile-service-menu > a:focus {
        color: #f28c00;
        background: #fafafa;

        text-decoration: none;
    }


    /* =========================================
       CONTENITORE PULSANTE WHATSAPP
       ========================================= */

    #mobile_menu_wrapper .mobile-whatsapp-container {
        width: 100%;

        padding: 16px 20px 20px;
        margin: 0;

        box-sizing: border-box;

        background: #ffffff;
    }


    /* =========================================
       PULSANTE WHATSAPP
       ========================================= */

    #mobile_menu_wrapper
    .mobile-whatsapp-container
    .mobile-whatsapp-link {

        display: flex !important;

        align-items: center;
        justify-content: center;

        gap: 10px;

        width: 100% !important;
        min-height: 52px;

        padding: 10px 16px;
        margin: 0;

        box-sizing: border-box;

        border: 0;
        border-radius: 6px;

        background: #25D366;
        color: #ffffff !important;

        font-size: 15px;
        font-weight: 600;
        line-height: 22px;

        text-decoration: none !important;
    }


    /* =========================================
       ICONA WHATSAPP
       ========================================= */

    #mobile_menu_wrapper .mobile-whatsapp-icon {
        display: block;

        flex: 0 0 auto;

        width: 32px;
        height: 32px;
        max-width: 32px;

        object-fit: contain;

        margin: 0;
    }


    /* =========================================
       TESTO WHATSAPP
       ========================================= */

    #mobile_menu_wrapper .mobile-whatsapp-link span {
        display: inline-block;

        width: auto;

        color: #ffffff;
    }


    #mobile_menu_wrapper
    .mobile-whatsapp-container
    .mobile-whatsapp-link:hover,

    #mobile_menu_wrapper
    .mobile-whatsapp-container
    .mobile-whatsapp-link:focus {

        background: #1ebe5d;

        color: #ffffff !important;
    }


    /* =========================================
       NASCONDI IL VECCHIO WIDGET WHATSAPP
       ========================================= */

    body:has(#mobile_menu_wrapper.box-menu) .ets_wa_whatsapp_block {
        display: none !important;
    }


    /* =========================================
       FRECCE CATEGORIE MENU MOBILE
       =========================================

       CHIUSA:
       >

       APERTA:
       v

       La zona della freccia ha altezza FISSA.
       Questo evita che la freccia scenda
       durante l'apertura del sottomenu.
       ========================================= */


    /* -----------------------------------------
       RIGA PRINCIPALE DELLA CATEGORIA
       ----------------------------------------- */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .menu-content > .menu-item {

        position: relative !important;
    }


    /* Lascia spazio a destra per la freccia */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .menu-content > .menu-item > a {

        padding-right: 55px !important;
    }


    /* -----------------------------------------
       NASCONDE LE VECCHIE ICONE + E -
       ----------------------------------------- */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .menu-content > .menu-item
    > .icon-drop-mobile
    > i.material-icons {

        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }


    /* -----------------------------------------
       CONTENITORE DELLA NUOVA FRECCIA
       -----------------------------------------

       IMPORTANTE:

       NON usiamo height:100%.

       L'altezza rimane 48px anche quando
       il sottomenu si apre.
       ----------------------------------------- */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .menu-content > .menu-item
    > .icon-drop-mobile {

        position: absolute !important;

        top: 0 !important;
        right: 0 !important;

        left: auto !important;
        bottom: auto !important;

        display: block !important;

        width: 55px !important;
        height: 48px !important;

        min-width: 55px !important;
        min-height: 48px !important;

        max-height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        cursor: pointer !important;

        z-index: 20 !important;

        transform: none !important;
    }


    /* -----------------------------------------
       FRECCIA CHIUSA
       DIREZIONE DESTRA
       ----------------------------------------- */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .menu-content > .menu-item
    > .icon-drop-mobile::after {

        content: "" !important;

        display: block !important;

        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        width: 8px !important;
        height: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;

        border-right:
        2px solid #253237 !important;

        border-bottom:
        2px solid #253237 !important;

        transform:
        translate(-65%, -50%)
        rotate(-45deg) !important;

        transform-origin:
        center center !important;

        transition:
        transform 0.2s ease !important;
    }


    /* -----------------------------------------
       FRECCIA APERTA
       DIREZIONE BASSO
       ----------------------------------------- */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .menu-content > .menu-item
    > .icon-drop-mobile.open_menu::after {

        transform:
        translate(-50%, -65%)
        rotate(45deg) !important;
    }


    /* =========================================
       FRECCE EVENTUALI NEI SOTTOMENU
       ========================================= */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .pos-menu-col,

    #mobile_menu_wrapper
    .pos-menu-vertical
    .submenu-item {

        position: relative;
    }


    /* Nasconde anche qui + e - */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .pos-menu-col
    > .icon-drop-mobile
    > i.material-icons,

    #mobile_menu_wrapper
    .pos-menu-vertical
    .submenu-item
    > .icon-drop-mobile
    > i.material-icons {

        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }


    /* Contenitore */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .pos-menu-col
    > .icon-drop-mobile,

    #mobile_menu_wrapper
    .pos-menu-vertical
    .submenu-item
    > .icon-drop-mobile {

        position: absolute !important;

        top: 0 !important;
        right: 0 !important;

        width: 48px !important;
        height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        cursor: pointer !important;

        z-index: 20 !important;
    }


    /* Freccia a destra */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .pos-menu-col
    > .icon-drop-mobile::after,

    #mobile_menu_wrapper
    .pos-menu-vertical
    .submenu-item
    > .icon-drop-mobile::after {

        content: "" !important;

        display: block !important;

        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        width: 7px !important;
        height: 7px !important;

        border-right:
        2px solid #253237 !important;

        border-bottom:
        2px solid #253237 !important;

        transform:
        translate(-65%, -50%)
        rotate(-45deg) !important;

        transform-origin:
        center center !important;

        transition:
        transform 0.2s ease !important;
    }


    /* Freccia verso il basso */

    #mobile_menu_wrapper
    .pos-menu-vertical
    .pos-menu-col
    > .icon-drop-mobile.open_menu::after,

    #mobile_menu_wrapper
    .pos-menu-vertical
    .submenu-item
    > .icon-drop-mobile.open_menu::after {

        transform:
        translate(-50%, -65%)
        rotate(45deg) !important;
    }

}