.elementor-821 .elementor-element.elementor-element-724b3822{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:-96px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;--z-index:1000;}.elementor-821 .elementor-element.elementor-element-724b3822:not(.elementor-motion-effects-element-type-background), .elementor-821 .elementor-element.elementor-element-724b3822 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-821 .elementor-element.elementor-element-5942ea45{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-821 .elementor-element.elementor-element-16161a0a{--display:flex;--min-height:40px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-821 .elementor-element.elementor-element-7dc3b8ba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-821 .elementor-element.elementor-element-7dc3b8ba img{width:154px;border-radius:0px 0px 0px 0px;}.elementor-821 .elementor-element.elementor-element-435234b7{width:var( --container-widget-width, 154px );max-width:154px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:154px;--container-widget-flex-grow:0;top:0px;text-align:start;}body:not(.rtl) .elementor-821 .elementor-element.elementor-element-435234b7{left:0px;}body.rtl .elementor-821 .elementor-element.elementor-element-435234b7{right:0px;}.elementor-821 .elementor-element.elementor-element-435234b7 img{width:154px;border-radius:0px 0px 0px 0px;}.elementor-821 .elementor-element.elementor-element-1c68e080{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-821 .elementor-element.elementor-element-desknav .elementor-nav-menu .elementor-item{font-family:"Arial", Helvetica, sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;text-decoration:none;line-height:1.5em;letter-spacing:0.12em;}.elementor-821 .elementor-element.elementor-element-desknav .elementor-nav-menu--main .elementor-item{color:#0B0B0A;fill:#0B0B0A;padding-left:0px;padding-right:0px;padding-top:12px;padding-bottom:12px;}.elementor-821 .elementor-element.elementor-element-desknav .elementor-nav-menu--main .elementor-item:hover, .elementor-821 .elementor-element.elementor-element-desknav .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-821 .elementor-element.elementor-element-desknav .elementor-nav-menu--main .elementor-item.highlighted, .elementor-821 .elementor-element.elementor-element-desknav .elementor-nav-menu--main .elementor-item:focus{color:#0B0B0A;fill:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-desknav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-desknav{--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-821 .elementor-element.elementor-element-desknav .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-821 .elementor-element.elementor-element-504100ac{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-821 .elementor-element.elementor-element-bndit01{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-821 .elementor-element.elementor-element-bndit01 img{width:21px;height:14px;object-fit:cover;object-position:center center;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.15);}.elementor-821 .elementor-element.elementor-element-bndgb01{width:auto;max-width:auto;margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-821 .elementor-element.elementor-element-bndgb01 img{width:21px;height:14px;object-fit:cover;object-position:center center;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.15);}.elementor-821 .elementor-element.elementor-element-5b2f5ec5{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-821 .elementor-element.elementor-element-5b2f5ec5 .elementor-icon-wrapper{text-align:center;}.elementor-821 .elementor-element.elementor-element-5b2f5ec5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-5b2f5ec5.elementor-view-framed .elementor-icon, .elementor-821 .elementor-element.elementor-element-5b2f5ec5.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-5b2f5ec5.elementor-view-framed .elementor-icon, .elementor-821 .elementor-element.elementor-element-5b2f5ec5.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-5b2f5ec5.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-5b2f5ec5.elementor-view-framed .elementor-icon:hover, .elementor-821 .elementor-element.elementor-element-5b2f5ec5.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-5b2f5ec5.elementor-view-framed .elementor-icon:hover, .elementor-821 .elementor-element.elementor-element-5b2f5ec5.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-5b2f5ec5 .elementor-icon{font-size:19px;}.elementor-821 .elementor-element.elementor-element-5b2f5ec5 .elementor-icon svg{height:19px;}.elementor-821 .elementor-element.elementor-element-572d7343{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-821 .elementor-element.elementor-element-572d7343 .elementor-icon-wrapper{text-align:center;}.elementor-821 .elementor-element.elementor-element-572d7343.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-572d7343.elementor-view-framed .elementor-icon, .elementor-821 .elementor-element.elementor-element-572d7343.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-572d7343.elementor-view-framed .elementor-icon, .elementor-821 .elementor-element.elementor-element-572d7343.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-572d7343.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-572d7343.elementor-view-framed .elementor-icon:hover, .elementor-821 .elementor-element.elementor-element-572d7343.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-572d7343.elementor-view-framed .elementor-icon:hover, .elementor-821 .elementor-element.elementor-element-572d7343.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-572d7343 .elementor-icon{font-size:19px;}.elementor-821 .elementor-element.elementor-element-572d7343 .elementor-icon svg{height:19px;}.elementor-821 .elementor-element.elementor-element-578fd72f{width:auto;max-width:auto;padding:0px 0px 0px 10px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#0B0B0A;--toggle-button-background-color:rgba(0,0,0,0);--toggle-button-border-color:rgba(0,0,0,0);--toggle-button-icon-hover-color:#0B0B0A;--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--toggle-icon-size:19px;--toggle-icon-padding:0px 0px 0px 0px;--items-indicator-text-color:#FFFFFF;--items-indicator-background-color:#0B0B0A;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-821 .elementor-element.elementor-element-578fd72f .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-821 .elementor-element.elementor-element-mobbar0{--display:flex;--min-height:64px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:-80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;--z-index:1000;}.elementor-821 .elementor-element.elementor-element-mobbar0:not(.elementor-motion-effects-element-type-background), .elementor-821 .elementor-element.elementor-element-mobbar0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-821 .elementor-element.elementor-element-mobL{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-821 .elementor-element.elementor-element-mobnav{width:auto;max-width:auto;--nav-menu-icon-size:22px;}.elementor-821 .elementor-element.elementor-element-mobnav .elementor-menu-toggle{margin-right:auto;}.elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-menu-toggle{color:#0B0B0A;fill:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a:hover, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a:focus, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a.highlighted, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-menu-toggle:hover, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-menu-toggle:focus{color:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a:hover, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a:focus, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a.highlighted{background-color:#F1F0EC;}.elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a.elementor-item-active{color:#0B0B0A;background-color:#FFFFFF;}.elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown .elementor-item, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Arial", Helvetica, sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.4px;}.elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:24px;padding-bottom:24px;}.elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#E6E4DE;border-bottom-width:1px;}.elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-821 .elementor-element.elementor-element-mobnav .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:18px !important;}.elementor-821 .elementor-element.elementor-element-mobnav div.elementor-menu-toggle{color:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-mobnav div.elementor-menu-toggle svg{fill:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-mobnav div.elementor-menu-toggle:hover, .elementor-821 .elementor-element.elementor-element-mobnav div.elementor-menu-toggle:focus{color:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-mobnav div.elementor-menu-toggle:hover svg, .elementor-821 .elementor-element.elementor-element-mobnav div.elementor-menu-toggle:focus svg{fill:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-mobC{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-821 .elementor-element.elementor-element-mobLogoBox{--display:flex;--min-height:40px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-821 .elementor-element.elementor-element-moblogoW{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-821 .elementor-element.elementor-element-moblogoW img{width:132px;border-radius:0px 0px 0px 0px;}.elementor-821 .elementor-element.elementor-element-moblogoD{width:var( --container-widget-width, 132px );max-width:132px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:132px;--container-widget-flex-grow:0;top:0px;text-align:center;}body:not(.rtl) .elementor-821 .elementor-element.elementor-element-moblogoD{left:0px;}body.rtl .elementor-821 .elementor-element.elementor-element-moblogoD{right:0px;}.elementor-821 .elementor-element.elementor-element-moblogoD img{width:132px;border-radius:0px 0px 0px 0px;}.elementor-821 .elementor-element.elementor-element-mobR{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-821 .elementor-element.elementor-element-moblente{width:auto;max-width:auto;padding:0px 0px 0px 0px;}.elementor-821 .elementor-element.elementor-element-moblente .elementor-icon-wrapper{text-align:center;}.elementor-821 .elementor-element.elementor-element-moblente.elementor-view-stacked .elementor-icon{background-color:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-moblente.elementor-view-framed .elementor-icon, .elementor-821 .elementor-element.elementor-element-moblente.elementor-view-default .elementor-icon{color:#0B0B0A;border-color:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-moblente.elementor-view-framed .elementor-icon, .elementor-821 .elementor-element.elementor-element-moblente.elementor-view-default .elementor-icon svg{fill:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-moblente.elementor-view-stacked .elementor-icon:hover{background-color:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-moblente.elementor-view-framed .elementor-icon:hover, .elementor-821 .elementor-element.elementor-element-moblente.elementor-view-default .elementor-icon:hover{color:#0B0B0A;border-color:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-moblente.elementor-view-framed .elementor-icon:hover, .elementor-821 .elementor-element.elementor-element-moblente.elementor-view-default .elementor-icon:hover svg{fill:#0B0B0A;}.elementor-821 .elementor-element.elementor-element-moblente .elementor-icon{font-size:19px;}.elementor-821 .elementor-element.elementor-element-moblente .elementor-icon svg{height:19px;}.elementor-821 .elementor-element.elementor-element-mobcart{width:auto;max-width:auto;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#0B0B0A;--toggle-button-background-color:rgba(0,0,0,0);--toggle-button-border-color:rgba(0,0,0,0);--toggle-button-icon-hover-color:#0B0B0A;--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--toggle-icon-size:19px;--toggle-icon-padding:0px 0px 0px 0px;--items-indicator-text-color:#FFFFFF;--items-indicator-background-color:#0B0B0A;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-821 .elementor-element.elementor-element-mobcart .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1280px){.elementor-821 .elementor-element.elementor-element-724b3822{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-821 .elementor-element.elementor-element-1c68e080{--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-821 .elementor-element.elementor-element-desknav .elementor-nav-menu .elementor-item{font-size:11px;letter-spacing:0.08em;}.elementor-821 .elementor-element.elementor-element-desknav{--e-nav-menu-horizontal-menu-item-margin:calc( 14px / 2 );}.elementor-821 .elementor-element.elementor-element-desknav .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:14px;}}@media(min-width:761px){.elementor-821 .elementor-element.elementor-element-724b3822{--width:100%;}.elementor-821 .elementor-element.elementor-element-5942ea45{--width:186px;}.elementor-821 .elementor-element.elementor-element-16161a0a{--width:160px;}.elementor-821 .elementor-element.elementor-element-1c68e080{--width:100%;}.elementor-821 .elementor-element.elementor-element-504100ac{--width:186px;}.elementor-821 .elementor-element.elementor-element-mobbar0{--width:100%;}.elementor-821 .elementor-element.elementor-element-mobL{--width:84px;}.elementor-821 .elementor-element.elementor-element-mobC{--width:100%;}.elementor-821 .elementor-element.elementor-element-mobLogoBox{--width:132px;}.elementor-821 .elementor-element.elementor-element-mobR{--width:84px;}}/* Start custom CSS *//* ============================================================ HEADER PELIZZOLI — stati trasparente / solido Default = SOLIDO: vale su PDP, shop, archivi e ogni pagina senza hero. Le pagine CON hero fanno opt-in nel blocco finale elencando il proprio body id (page-id-NNN). Oggi: 804 home in lavorazione, 12 home attuale, 824 L'Officina, 828 Restauro, 899 Personalizza il tuo telaio, 826 Contatti, 907 FAQ. Selettori allineati a quelli generati da Elementor per il container #724b3822, che hanno specificita' (0,4,0). ============================================================ */ .elementor-821 .elementor-element.elementor-element-724b3822.pel-header, .elementor-821 .elementor-element.pel-header .elementor-button, .elementor-821 .elementor-element.pel-header .elementor-icon, .elementor-821 .elementor-element.pel-header .elementor-icon svg, .elementor-821 .elementor-element.pel-header .elementor-widget-image { transition: min-height .28s ease, background-color .28s ease, color .28s ease, border-color .28s ease, box-shadow .28s ease; } /* --- STATO SOLIDO (default ovunque) --- */ .elementor-821 .elementor-element.elementor-element-724b3822.pel-header { min-height: 72px; background-color: rgba(255,255,255,.98); border-bottom: 1px solid #D7D5CF; box-shadow: 0 8px 30px rgba(0,0,0,.043); } .elementor-821 .elementor-element.pel-header .elementor-widget-button .elementor-button, .elementor-821 .elementor-element.pel-header .elementor-widget-button .elementor-button:hover { color: #0B0B0A; } .elementor-821 .elementor-element.pel-header .elementor-widget-icon .elementor-icon { color: #0B0B0A; } .elementor-821 .elementor-element.pel-header .elementor-widget-icon .elementor-icon svg, .elementor-821 .elementor-element.pel-header .elementor-widget-icon .elementor-icon:hover svg { fill: #0B0B0A; } .elementor-821 .elementor-element.pel-header .elementor-element-7dc3b8ba { opacity: 0; } .elementor-821 .elementor-element.pel-header .elementor-element-435234b7 { opacity: 1; } /* --- STATO TRASPARENTE — solo pagine con hero, prima dello scroll --- */ body.page-id-804 .elementor-821 .elementor-element.elementor-element-724b3822.pel-header:not(.elementor-sticky--effects), body.page-id-12 .elementor-821 .elementor-element.elementor-element-724b3822.pel-header:not(.elementor-sticky--effects), body.page-id-824 .elementor-821 .elementor-element.elementor-element-724b3822.pel-header:not(.elementor-sticky--effects), body.page-id-828 .elementor-821 .elementor-element.elementor-element-724b3822.pel-header:not(.elementor-sticky--effects), body.page-id-899 .elementor-821 .elementor-element.elementor-element-724b3822.pel-header:not(.elementor-sticky--effects), body.page-id-826 .elementor-821 .elementor-element.elementor-element-724b3822.pel-header:not(.elementor-sticky--effects), body.page-id-907 .elementor-821 .elementor-element.elementor-element-724b3822.pel-header:not(.elementor-sticky--effects) { min-height: 96px; background-color: transparent; border-bottom: 1px solid rgba(255,255,255,.22); box-shadow: none; } body.page-id-804 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-button .elementor-button, body.page-id-12 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-button .elementor-button, body.page-id-824 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-button .elementor-button, body.page-id-828 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-button .elementor-button, body.page-id-899 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-button .elementor-button, body.page-id-826 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-button .elementor-button, body.page-id-907 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-button .elementor-button { color: #FFFFFF; } body.page-id-804 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-12 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-824 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-828 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-899 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-826 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-907 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon { color: #FFFFFF; } body.page-id-804 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-12 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-824 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-828 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-899 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-826 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-907 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-804 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon:hover svg, body.page-id-12 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon:hover svg, body.page-id-824 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon:hover svg, body.page-id-828 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon:hover svg, body.page-id-899 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon:hover svg, body.page-id-826 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon:hover svg, body.page-id-907 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon:hover svg { fill: #FFFFFF; } body.page-id-804 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-7dc3b8ba, body.page-id-12 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-7dc3b8ba, body.page-id-824 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-7dc3b8ba, body.page-id-828 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-7dc3b8ba, body.page-id-899 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-7dc3b8ba, body.page-id-826 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-7dc3b8ba, body.page-id-907 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-7dc3b8ba { opacity: 1; } body.page-id-804 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-435234b7, body.page-id-12 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-435234b7, body.page-id-824 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-435234b7, body.page-id-828 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-435234b7, body.page-id-899 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-435234b7, body.page-id-826 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-435234b7, body.page-id-907 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-element-435234b7 { opacity: 0; } /* --- Compensazione dell'header fixed ----------------------- L'header e' in position:fixed, quindi sulle pagine senza hero coprirebbe l'inizio del contenuto (titolo e breadcrumb). Le pagine CON hero non ne hanno bisogno: la hero passa sotto la barra per scelta progettuale. ---------------------------------------------------------- */ body:not(.page-id-804):not(.page-id-12):not(.page-id-824):not(.page-id-828):not(.page-id-899):not(.page-id-826):not(.page-id-907) main.site-main { padding-top: 96px; } /* --- Logo e icone alla loro larghezza piena ---------------- Il contenitore centrale del menu ha larghezza 100% e comprimerebbe i due blocchi laterali: logo e icone non devono farsi comprimere. Serve il CSS perche' il controllo nativo "Restringimento flessibile" non emette la regola quando vale 0 (Elementor scarta i valori vuoti). ---------------------------------------------------------- */ .elementor-821 .elementor-element.pel-header > .elementor-element-5942ea45, .elementor-821 .elementor-element.pel-header > .elementor-element-504100ac { --flex-shrink: 0; flex-shrink: 0; } /* ============================================================ BARRA MOBILE (<= 1000px) Classe propria: le regole del desktop sono tarate su 96/72px e non devono toccarla. Loghi: moblogoW bianco, moblogoD scuro. ============================================================ */ .elementor-821 .elementor-element.pel-header-mobile { transition: background-color .28s ease, border-color .28s ease, box-shadow .28s ease; } /* burger e carrello non si fanno comprimere dal blocco centrale */ .elementor-821 .elementor-element.pel-header-mobile > .elementor-element-mobL, .elementor-821 .elementor-element.pel-header-mobile > .elementor-element-mobR { --flex-shrink: 0; flex-shrink: 0; } /* --- Stato solido: default su PDP, shop e pagine senza hero --- */ .elementor-821 .elementor-element.elementor-element-mobbar0.pel-header-mobile { background-color: rgba(255,255,255,.98); border-bottom: 1px solid #D7D5CF; box-shadow: 0 8px 30px rgba(0,0,0,.043); } .elementor-821 .elementor-element.pel-header-mobile .elementor-widget-icon .elementor-icon, .elementor-821 .elementor-element.pel-header-mobile .elementor-widget-icon .elementor-icon:hover { color: #0B0B0A; } .elementor-821 .elementor-element.pel-header-mobile .elementor-widget-icon .elementor-icon svg, .elementor-821 .elementor-element.pel-header-mobile .elementor-widget-icon .elementor-icon:hover svg { fill: #0B0B0A; } .elementor-821 .elementor-element.pel-header-mobile .elementor-element-moblogoW { opacity: 0; } .elementor-821 .elementor-element.pel-header-mobile .elementor-element-moblogoD { opacity: 1; } /* il toggle del menu segue lo stesso colore delle icone */ .elementor-821 .elementor-element.pel-header-mobile .e-off-canvas__toggle, .elementor-821 .elementor-element.pel-header-mobile .e-off-canvas__toggle svg, .elementor-821 .elementor-element.pel-header-mobile .elementor-widget-off-canvas button svg { color: #0B0B0A; fill: #0B0B0A; } /* --- Stato trasparente: solo pagine con hero, prima dello scroll --- */ body.page-id-804 .elementor-821 .elementor-element.elementor-element-mobbar0.pel-header-mobile:not(.elementor-sticky--effects), body.page-id-12 .elementor-821 .elementor-element.elementor-element-mobbar0.pel-header-mobile:not(.elementor-sticky--effects), body.page-id-824 .elementor-821 .elementor-element.elementor-element-mobbar0.pel-header-mobile:not(.elementor-sticky--effects), body.page-id-828 .elementor-821 .elementor-element.elementor-element-mobbar0.pel-header-mobile:not(.elementor-sticky--effects), body.page-id-899 .elementor-821 .elementor-element.elementor-element-mobbar0.pel-header-mobile:not(.elementor-sticky--effects), body.page-id-826 .elementor-821 .elementor-element.elementor-element-mobbar0.pel-header-mobile:not(.elementor-sticky--effects), body.page-id-907 .elementor-821 .elementor-element.elementor-element-mobbar0.pel-header-mobile:not(.elementor-sticky--effects) { background-color: transparent; border-bottom: 1px solid rgba(255,255,255,.22); box-shadow: none; } body.page-id-804 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-12 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-824 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-828 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-899 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-826 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-907 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon, body.page-id-804 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-12 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-824 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-828 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-899 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-826 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-907 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-widget-icon .elementor-icon svg, body.page-id-804 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .e-off-canvas__toggle svg, body.page-id-12 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .e-off-canvas__toggle svg, body.page-id-824 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .e-off-canvas__toggle svg, body.page-id-828 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .e-off-canvas__toggle svg, body.page-id-899 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .e-off-canvas__toggle svg, body.page-id-826 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .e-off-canvas__toggle svg, body.page-id-907 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .e-off-canvas__toggle svg { color: #FFFFFF; fill: #FFFFFF; } body.page-id-804 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoW, body.page-id-12 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoW, body.page-id-824 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoW, body.page-id-828 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoW, body.page-id-899 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoW, body.page-id-826 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoW, body.page-id-907 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoW { opacity: 1; } body.page-id-804 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoD, body.page-id-12 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoD, body.page-id-824 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoD, body.page-id-828 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoD, body.page-id-899 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoD, body.page-id-826 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoD, body.page-id-907 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-element-moblogoD { opacity: 0; } /* --- Compensazione: sotto i 1000px la barra e' alta 64px --- */ @media (max-width: 1000px) { body:not(.page-id-804):not(.page-id-12):not(.page-id-824):not(.page-id-828):not(.page-id-899):not(.page-id-826):not(.page-id-907) main.site-main { padding-top: 84px; } } /* --- Larghezza dei tre blocchi della barra mobile ---------- Elementor emette --width:48px per i blocchi laterali, ma la dichiarazione di "Larghezza contenuto: Piena" la sovrascrive subito dopo con 100%: i due laterali si prendono meta' barra ciascuno e il logo resta a zero. Qui si fissa il valore. ---------------------------------------------------------- */ .elementor-821 .elementor-element.pel-header-mobile > .elementor-element-mobL, .elementor-821 .elementor-element.pel-header-mobile > .elementor-element-mobR { --width: 48px; width: 48px; } .elementor-821 .elementor-element.pel-header-mobile > .elementor-element-mobC { --width: auto; width: auto; flex: 1 1 auto; } /* Il blocco dei due loghi sovrapposti: largo quanto il logo, centrato */ .elementor-821 .elementor-element.pel-header-mobile .elementor-element-mobLogoBox { --width: 132px; width: 132px; position: relative; } /* --- Desktop stretto (tablet orizzontale, ~1001-1200px) ---- Sopra i 1000px si applicano i valori desktop, ma lo spazio non basta per logo + 5 voci + icone: le etichette andavano a capo ("01." sopra, "L'OFFICINA" sotto). Le voci del menu non devono spezzarsi: si stringono margini e spaziature. ---------------------------------------------------------- */ .elementor-821 .elementor-element.pel-header .elementor-widget-button .elementor-button { white-space: nowrap; } /* Fascia 1001-1200px: margini dell'header, spazio tra le voci e testo ora sono nativi, nel breakpoint Laptop (1200px) dei singoli elementi. */ /* --- Carrello con contatore: stessi due stati delle altre icone --- */ .elementor-821 .elementor-element.pel-header .elementor-menu-cart__toggle .elementor-button, .elementor-821 .elementor-element.pel-header .elementor-menu-cart__toggle .elementor-button-icon, .elementor-821 .elementor-element.pel-header-mobile .elementor-menu-cart__toggle .elementor-button, .elementor-821 .elementor-element.pel-header-mobile .elementor-menu-cart__toggle .elementor-button-icon { color: #0B0B0A; fill: #0B0B0A; background: transparent; } body.page-id-804 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button, body.page-id-804 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-12 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button, body.page-id-824 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button, body.page-id-828 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button, body.page-id-899 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button, body.page-id-826 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button, body.page-id-907 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button, body.page-id-12 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-824 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-828 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-899 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-826 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-907 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-804 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-12 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-824 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-828 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-899 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-826 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon, body.page-id-907 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle .elementor-button-icon { color: #FFFFFF; fill: #FFFFFF; } /* il pallino con il numero resta leggibile in entrambi gli stati */ .elementor-821 .elementor-menu-cart__toggle .elementor-button-icon-qty { background-color: #B8322F; color: #FFFFFF; font-size: 10px; font-weight: 700; } /* Il pallino con il numero non deve comparire quando il carrello e' vuoto: la regola di colore qui sopra lo rendeva visibile anche a zero. */ .elementor-821 .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter="0"] { display: none; } /* --- Carrello: icona bianca quando l'header e' trasparente ---------- Il widget non colora l'icona direttamente: usa la variabile --toggle-button-icon-color, impostata dal controllo nativo "Colore dell'icona". Qui la variabile viene ridefinita per il solo stato trasparente, cosi il valore scelto nell'editor continua a valere per lo stato solido. -------------------------------------------------------------------- */ body.page-id-804 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-12 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-824 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-828 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-899 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-826 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-907 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-804 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-12 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-824 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-828 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-899 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-826 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle, body.page-id-907 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-cart__toggle { --toggle-button-icon-color: #FFFFFF; } /* --- Menu WordPress nell'header --------------------------------- Voci: Aspetto › Menu. Desktop = "Menu Header Pelizzoli" (5 voci), burger mobile e footer = "Menu Principale Pelizzoli" (6 voci). I colori dello stato solido sono nei controlli nativi del widget; qui solo il bianco dello stato trasparente e la tendina a tutta larghezza. ---------------------------------------------------------------- */ body.page-id-804 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-item, body.page-id-12 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-item, body.page-id-824 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-item, body.page-id-828 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-item, body.page-id-899 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-item, body.page-id-826 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-item, body.page-id-907 .elementor-821 .elementor-element.pel-header:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-item { color: #FFFFFF; } .elementor-821 .elementor-element.pel-header-mobile .elementor-menu-toggle, .elementor-821 .elementor-element.pel-header-mobile .elementor-menu-toggle svg { color: #0B0B0A; fill: #0B0B0A; } body.page-id-804 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle, body.page-id-12 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle, body.page-id-824 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle, body.page-id-828 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle, body.page-id-899 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle, body.page-id-826 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle, body.page-id-907 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle, body.page-id-804 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle svg, body.page-id-12 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle svg, body.page-id-824 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle svg, body.page-id-828 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle svg, body.page-id-899 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle svg, body.page-id-826 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle svg, body.page-id-907 .elementor-821 .elementor-element.pel-header-mobile:not(.elementor-sticky--effects) .elementor-menu-toggle svg { color: #FFFFFF; fill: #FFFFFF; } .elementor-821 .elementor-element.pel-header-mobile .elementor-nav-menu--dropdown { position: fixed; left: 0; right: 0; width: 100vw; max-width: 100vw; box-shadow: 0 12px 30px rgba(0,0,0,.10); }/* End custom CSS */