:root {  
            --hovercolor: #82004E; 
            --bg_dark: ; 
            --font-weight: 600;  
			
        }body{
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            color: #666666;
        }.pos_title h2,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
            font-family: "Open Sans", sans-serif;
            color: #253237;
            text-transform: capitalize;
			font-weight: 600;
        }.pos_title h2{
            font-size: 24px;
        }.pos-title{
            font-family: "Open Sans", sans-serif;
        }.pos-title-column h4{   
            font-size: 20px;
        }#header .sticky-inner.scroll-menu{  
            background-color: #ffffff;   
        }.js-product-miniature .product_desc .product_name{
            color: #253237;
            font-size: 14px;
            text-transform: none;
        }.js-product-miniature .product_desc .product_name:hover{
            color: #4fb68d;
        }.product-price-and-shipping .price{
            color:#555555;
            font-size: 15px;
        }.h1.namne_details, .product_name_h1{
            color: #253237;
            font-size: 24px;
            text-transform: none;
        }.product-prices .price, .product-prices .current-price span:first-child{
            color:#555555;
            font-size: 22px;
        }#product.showcase-body #header,.showcase-inner,#product.showcase-body .page-title-wrapper{
            background-color: ;
        }span.elementor-alert-title { text-align: center !important; } .elementor-3010000 .elementor-element.elementor-element-nvylyrp .pos-slideshow-wrapper .elementor-repeater-item-vbx0tj9 .subtitle { margin-top: -35px !important; margin-bottom: 32px !important; } .js-product-miniature.style_product1 div.cart button.ajax_add_to_cart_button, .js-product-miniature.style_product1 div.cart span.ajax_add_to_cart_button { background: #3fb1e2 !important; } #footer .bg_before:before { background-color: #0077B6 !important; } section.elementor-element.elementor-element-bcjdqyd.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section { background-color: #0077B6 !important; } #header .sticky-inner.scroll-menu { background-color: #fff !important; } .elementor-3010000 .elementor-element.elementor-element-nvylyrp .pos-slideshow-wrapper .elementor-repeater-item-vbx0tj9 .subtitle { color: #9a4fad; width: 65%; } @media (min-width: 768px) { .elementor-2010000 .elementor-element.elementor-element-tfxhagj { width: 30% !important; } .elementor-2010000 .elementor-element.elementor-element-omxpryt { width: 68.537% !important; } } /* Centratura del Widget e Larghezza Massima per Eleganza */ .elementor-element-rqzs3f3 { /* Limita la larghezza per renderla più elegante e centrabile */ max-width: 450px !important; /* Centra il blocco all'interno della colonna */ margin-left: auto !important; margin-right: auto !important; width: 100% !important; /* Assicura che la larghezza massima venga rispettata */ } /* Contenitore principale (Per l'Ombra e l'Arrotondamento) */ .elementor-element-rqzs3f3 .pos-search-wrapper { /* Ombra discreta per profondità */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; /* Arrotondamento per un look moderno */ border-radius: 30px !important; /* Assicura che l'input e il pulsante seguano l'arrotondamento */ overflow: hidden !important; } /* Form e Contenitore Input */ .elementor-element-rqzs3f3 .pos-search, .elementor-element-rqzs3f3 .pos-search__container { height: auto !important; /* Rimuove eventuali altezze fisse */ display: flex !important; /* Assicura che input e pulsante siano affiancati */ align-items: center !important; } /* Input di Ricerca (Campo di testo) */ .elementor-element-rqzs3f3 .pos-search__input { border: none !important; /* Rimuove il bordo predefinito */ padding: 12px 20px !important; /* Spaziatura interna elegante */ font-size: 16px !important; color: #333 !important; /* Colore del testo più scuro */ background-color: #ffffff !important; flex-grow: 1 !important; /* Permette all'input di occupare lo spazio rimanente */ box-shadow: none !important; /* Rimuove eventuali ombre predefinite */ } /* Pulsante di Invio (Cerca) */ .elementor-element-rqzs3f3 .pos-search__submit { /* Colore Primario elegante: Usa il tuo colore brand! */ background-color: #17a2b8 !important; /* Esempio: un Ciano elegante */ color: white !important; border: none !important; padding: 12px 20px !important; font-weight: 600 !important; /* Testo in grassetto */ cursor: pointer !important; /* Arrotonda solo a destra per seguire il contenitore */ border-radius: 0 30px 30px 0 !important; transition: background-color 0.3s ease !important; } /* Effetto Hover per il Pulsante */ .elementor-element-rqzs3f3 .pos-search__submit:hover { background-color: #138496 !important; /* Tonalità più scura all'hover */ transform: translateY(-1px); /* Leggero sollevamento (senza !important se non strettamente necessario) */ } /* Nasconde l'icona di cancellazione se non è stilizzata */ .elementor-element-rqzs3f3 .search-clear { display: none !important; } /* ======================================================= */ /* === 0. CENTRATURA ASSOLUTA E FORZATA DELLA SEZIONE === */ /* ======================================================= */ /* Rimuove il margine superiore sulla sezione principale di Elementor */ .elementor-element-xvgclqw { margin-top: 0 !important; padding-top: 0 !important; } /* FORZA LA CENTRATURA DELLA SEZIONE ELEMENTOR */ .elementor-element-xvgclqw .elementor-container { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding-left: 0 !important; padding-right: 0 !important; } .elementor-element-wepp9yq { display: flex !important; justify-content: center !important; width: 100% !important; } .elementor-element-3ssafu1 { display: flex !important; justify-content: center !important; width: 100% !important; } /* CENTRATURA ASSOLUTA DEL MENU - MARGINI IDENTICI */ #_desktop_megamenu { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; position: relative !important; } /* ======================================================= */ /* === 1. STILI DESKTOP (Menu Centrato Perfettamente) === */ /* ======================================================= */ /* Contenitore del Menu - CENTRATURA PERFETTA */ .pos-menu-horizontal { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; background: none !important; padding: 0 !important; margin: 0 auto !important; position: relative !important; left: 0 !important; right: 0 !important; } /* Lista delle Voci di Menu - Flex Centrato */ .pos-menu-horizontal ul.menu-content { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: nowrap !important; padding: 0 !important; margin: 0 !important; list-style-type: none !important; width: auto !important; } /* Stile delle singole Voci di Menu */ .pos-menu-horizontal ul.menu-content li.menu-item { background-color: transparent !important; list-style-type: none !important; border: none !important; margin: 0 !important; float: none !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 20px !important; } /* Azzera i padding laterali all'inizio e alla fine */ .pos-menu-horizontal ul.menu-content li.menu-item:first-child { padding-left: 0 !important; } .pos-menu-horizontal ul.menu-content li.menu-item:last-child { padding-right: 0 !important; } /* Stile dei Link - ELEGANTE E RAFFINATO */ .pos-menu-horizontal ul.menu-content li.menu-item a { color: #82004E !important; padding: 15px 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; text-align: center !important; text-decoration: none !important; font-weight: 600 !important; font-size: 15px !important; letter-spacing: 0.3px !important; margin: 0 !important; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important; white-space: nowrap !important; position: relative !important; } /* Effetto underline elegante al hover */ .pos-menu-horizontal ul.menu-content li.menu-item a::before { content: "" !important; position: absolute !important; bottom: 10px !important; left: 50% !important; transform: translateX(-50%) scaleX(0) !important; width: 80% !important; height: 2px !important; background: linear-gradient(90deg, #82004E, #b64686) !important; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important; border-radius: 2px !important; } .pos-menu-horizontal ul.menu-content li.menu-item:hover a::before { transform: translateX(-50%) scaleX(1) !important; } /* Freccia con Spaziatura e Animazione */ .pos-menu-horizontal ul.menu-content li.menu-item a i.icon-rt-arrow-down { margin-left: 4px !important; font-size: 11px !important; opacity: 0.7 !important; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* Animazione freccia al Hover */ .pos-menu-horizontal ul.menu-content li.menu-item:hover a i.icon-rt-arrow-down { transform: translateY(3px) !important; opacity: 1 !important; } /* Barre Verticali Grafiche - ELEGANTI */ .pos-menu-horizontal ul.menu-content li.menu-item:not(:last-child)::after { content: "" !important; display: block !important; position: absolute !important; top: 28% !important; right: 0 !important; width: 4px !important; height: 44% !important; border-radius: 2px !important; z-index: 10 !important; transform: translateX(50%) !important; opacity: 0.85 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } /* Stile Hover Elegante per le voci principali */ .pos-menu-horizontal ul.menu-content li.menu-item:hover a { color: #b64686 !important; transform: translateY(-2px) !important; } /* Assegnazione Colori Specifici ai Separatori - PALETTE RAFFINATA */ .pos-menu-horizontal ul.menu-content li.menu-item1:not(:last-child)::after { background: linear-gradient(180deg, #FF5733, #FF7F5C) !important; } .pos-menu-horizontal ul.menu-content li.menu-item6:not(:last-child)::after { background: linear-gradient(180deg, #33FF57, #5CFF7F) !important; } .pos-menu-horizontal ul.menu-content li.menu-item7:not(:last-child)::after { background: linear-gradient(180deg, #3357FF, #5C7FFF) !important; } .pos-menu-horizontal ul.menu-content li.menu-item8:not(:last-child)::after { background: linear-gradient(180deg, #FF33A1, #FF5CB6) !important; } .pos-menu-horizontal ul.menu-content li.menu-item9:not(:last-child)::after { background: linear-gradient(180deg, #33FFF6, #5CFFF9) !important; } .pos-menu-horizontal ul.menu-content li.menu-item10:not(:last-child)::after { background: linear-gradient(180deg, #FFC300, #FFD333) !important; } .pos-menu-horizontal ul.menu-content li.menu-item11:not(:last-child)::after { background: linear-gradient(180deg, #C70039, #E6335C) !important; } .pos-menu-horizontal ul.menu-content li.menu-item13:not(:last-child)::after { background: linear-gradient(180deg, #8E38FF, #A65CFF) !important; } .pos-menu-horizontal ul.menu-content li.menu-item14:not(:last-child)::after { background: linear-gradient(180deg, #FF6B9D, #FF8FB3) !important; } /* ======================================================= */ /* === SOTTOMENU ULTRA ELEGANTI E LUSSUOSI === */ /* ======================================================= */ /* Contenitore dropdown - DESIGN PREMIUM */ .pos-menu-horizontal .menu-dropdown { position: absolute !important; top: 100% !important; left: 50% !important; transform: translateX(-50%) translateY(10px) !important; background: linear-gradient(145deg, #ffffff, #fafafa) !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(130, 0, 78, 0.08) !important; border-radius: 12px !important; padding: 12px 0 !important; margin-top: 12px !important; min-width: 240px !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; z-index: 1000 !important; backdrop-filter: blur(10px) !important; overflow: hidden !important; } /* Mostra dropdown al hover - ANIMAZIONE FLUIDA */ .pos-menu-horizontal ul.menu-content li.menu-item:hover .menu-dropdown { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0) !important; } /* Lista interna del sottomenu */ .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner { list-style: none !important; padding: 0 !important; margin: 0 !important; } /* Singoli elementi del sottomenu */ .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li { margin: 0 4px !important; padding: 0 !important; position: relative !important; list-style: none !important; list-style-type: none !important; } /* Link del sottomenu - STILE LUSSUOSO */ .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li a { color: #2c2c2c !important; background-color: transparent !important; padding: 13px 24px !important; display: block !important; text-align: left !important; text-decoration: none !important; font-weight: 500 !important; font-size: 14px !important; letter-spacing: 0.2px !important; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; overflow: hidden !important; border-radius: 8px !important; margin: 2px 0 !important; } /* Span all'interno del link del sottomenu */ .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li a span { position: relative !important; z-index: 2 !important; color: inherit !important; display: inline-block !important; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* Effetto background sfumato al hover */ .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li a::before { content: "" !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important; background: linear-gradient(90deg, rgba(130, 0, 78, 0.08), rgba(182, 70, 134, 0.12)) !important; transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; z-index: 1 !important; } .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li a:hover::before { left: 0 !important; } /* Effetto hover elegante sui link del sottomenu */ .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li a:hover { color: #82004E !important; padding-left: 32px !important; transform: translateX(4px) !important; background-color: transparent !important; } .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li a:hover span { color: #82004E !important; } /* Icona freccia elegante al hover */ .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li a::after { content: "→" !important; position: absolute !important; left: 12px !important; top: 50% !important; transform: translateY(-50%) translateX(-20px) !important; color: #82004E !important; font-weight: 600 !important; font-size: 14px !important; opacity: 0 !important; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important; z-index: 3 !important; } .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li a:hover::after { opacity: 1 !important; transform: translateY(-50%) translateX(0) !important; } /* Bordo laterale animato */ .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li { border-left: 3px solid transparent !important; transition: border-color 0.35s ease !important; } .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li:hover { border-left-color: #82004E !important; } /* Separatore sottile tra le voci */ .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important; margin-bottom: 2px !important; padding-bottom: 2px !important; } /* ======================================================= */ /* === 2. STILI PER MOBILE E TABLET (MAX-WIDTH: 768px) === */ /* ======================================================= */ @media (max-width: 768px) { #_desktop_megamenu { display: block !important; width: 100% !important; } .pos-menu-horizontal { display: block !important; width: 100% !important; } .pos-menu-horizontal ul.menu-content { display: block !important; width: 100% !important; } .pos-menu-horizontal ul.menu-content li.menu-item { display: block !important; width: 100% !important; border-bottom: 1px solid #eeeeee !important; padding: 0 !important; } .pos-menu-horizontal ul.menu-content li.menu-item a { padding: 12px 15px !important; text-align: left !important; display: flex !important; justify-content: space-between !important; } .pos-menu-horizontal ul.menu-content li.menu-item:not(:last-child)::after { display: none !important; } .pos-menu-horizontal .menu-dropdown { position: static !important; transform: none !important; box-shadow: none !important; background: #f8f8f8 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; } .pos-menu-horizontal .menu-dropdown ul.pos-sub-inner li a { padding: 10px 15px 10px 30px !important; font-size: 13px !important; } }/* ======================================================= */
/* 1. FIX SOTTOMENU (APERTURA A DESTRA E POSIZIONAMENTO)   */
/* ======================================================= */

/* Reset posizionamento per far partire il sottomenu correttamente */
.pos-menu-horizontal .menu-dropdown {
    left: 0 !important; /* Allinea al bordo sinistro della voce padre */
    transform: translateY(10px) !important; /* Rimuove il translateX che spostava a sinistra */
    transition: all 0.3s ease-out !important;
}

/* Quando passi il mouse, scende semplicemente senza spostarsi lateralmente */
.pos-menu-horizontal ul.menu-content li.menu-item:hover .menu-dropdown {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ======================================================= */
/* 3. BARRA DI RICERCA (COMPATTA E UNITA)                  */
/* ======================================================= */

.elementor-element-dlfb3hj .pos-search__container {
    display: flex !important;
    border: 2px solid #a0a0a0 !important;
    border-radius: 50px !important; /* Forma a pillola molto elegante */
    overflow: hidden !important;
    background: #fff !important;
}

.elementor-element-dlfb3hj .search-input-container {
    flex-grow: 1 !important;
}

.elementor-element-dlfb3hj .pos-search__input {
    border: none !important;
    padding: 10px 20px !important;
    height: 45px !important;
    outline: none !important;
}

.elementor-element-dlfb3hj .pos-search__submit {
    background: #3fb1e2 !important;
    border: none !important;
    color: #fff !important;
    padding: 0 25px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    border-radius: 0 50px 50px 0 !important; /* Arrotonda solo il lato destro */
}

/* ======================================================= */
/* 4. MENU PRINCIPALE (BOLD)                               */
/* ======================================================= */

.pos-menu-horizontal ul.menu-content li.menu-item a {
    font-weight: 800 !important; /* Molto Bold */
    letter-spacing: 0.5px !important;
   font-size: 18px !important ;
}

/* Barra info dolcumi */
.elementor-alert-info {
    background: linear-gradient(135deg, #7ed6f3, #22a6b3);
    color: #fff; /* testo bianco */
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 15px 30px;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover leggero */
.elementor-alert-info:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.15);
}

/* Icona fissa davanti al testo */
.elementor-alert-title::before {
    content: '🍬'; /* caramella semplice e dolce */
    margin-right: 8px;
    display: inline-block;
    font-size: 20px;
}

/* Testo più piccolo su mobile */
@media (max-width: 768px) {
    .elementor-alert-info {
        font-size: 14px;
        padding: 12px 20px;
    }
    .elementor-alert-title::before {
        font-size: 18px;
    }
}