.elementor-774 .elementor-element.elementor-element-c9b5a49{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.9;--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-774 .elementor-element.elementor-element-c9b5a49:not(.elementor-motion-effects-element-type-background), .elementor-774 .elementor-element.elementor-element-c9b5a49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#200101;background-image:url("https://sorellecarbonitonara.it/wp-content/uploads/2026/02/IMG_3099-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-774 .elementor-element.elementor-element-c9b5a49::before, .elementor-774 .elementor-element.elementor-element-c9b5a49 > .elementor-background-video-container::before, .elementor-774 .elementor-element.elementor-element-c9b5a49 > .e-con-inner > .elementor-background-video-container::before, .elementor-774 .elementor-element.elementor-element-c9b5a49 > .elementor-background-slideshow::before, .elementor-774 .elementor-element.elementor-element-c9b5a49 > .e-con-inner > .elementor-background-slideshow::before, .elementor-774 .elementor-element.elementor-element-c9b5a49 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#494E4A;--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-774 .elementor-element.elementor-element-6be7fb7{width:var( --container-widget-width, 9% );max-width:9%;margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 040px;padding:0px 0px 0px 0px;--container-widget-width:9%;--container-widget-flex-grow:0;text-align:start;}.elementor-774 .elementor-element.elementor-element-476d4da{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-774 .elementor-element.elementor-element-476d4da.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-774 .elementor-element.elementor-element-6905b67{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:600;}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-text{color:#D6D6D6;transition:color 0.3s;}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}#elementor-popup-modal-774 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-774 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-774{justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-774 .dialog-close-button{display:flex;font-size:40px;}body:not(.rtl) #elementor-popup-modal-774 .dialog-close-button{right:1%;}body.rtl #elementor-popup-modal-774 .dialog-close-button{left:1%;}#elementor-popup-modal-774 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-774 .dialog-close-button svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-774 .elementor-element.elementor-element-476d4da{--width:100%;}}@media(max-width:767px){.elementor-774 .elementor-element.elementor-element-6be7fb7{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;--container-widget-width:123px;--container-widget-flex-grow:0;width:var( --container-widget-width, 123px );max-width:123px;}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(9px/2);}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-9px/2);}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-9px/2);}.elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-774 .elementor-element.elementor-element-6905b67 .elementor-icon-list-item > a{font-size:24px;}#elementor-popup-modal-774 .dialog-close-button{top:2%;font-size:29px;}body:not(.rtl) #elementor-popup-modal-774 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-774 .dialog-close-button{left:5%;}}/* Start custom CSS for container, class: .elementor-element-476d4da */.menu-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c9b5a49 *//* ======================================================
   OFFCANVAS FINAL (no editor break)
   - Fullscreen ONLY when menu is OPEN
   - No scroll behind (iPhone too)
   - Background #200101 everywhere
   - Logo top-left + X top-right aligned
   ====================================================== */

:root{
  --oc-bg:#200101;
  --oc-pad:18px;
  --oc-top-desktop:90px; /* regola se vuoi */
}

/* ------------------------------------------------------
   0) NEVER break Elementor Editor
   ------------------------------------------------------ */
body.elementor-editor-active{
  position:static !important;
  inset:auto !important;
  width:auto !important;
  height:auto !important;
  overflow:auto !important;
}

/* ------------------------------------------------------
   1) Global background (no grey)
   ------------------------------------------------------ */
html, body{
  background:var(--oc-bg) !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}

/* ------------------------------------------------------
   2) Define OPEN state (Elementor toggle)
   IMPORTANT: Works when the hamburger becomes aria-expanded="true"
   ------------------------------------------------------ */
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]),
html:has(body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]))
{
  height:100% !important;
  overflow:hidden !important;
  overscroll-behavior:none !important;
  background:var(--oc-bg) !important;
}

/* iOS hard lock (prevents seeing footer/page behind) */
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]){
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
}

/* ------------------------------------------------------
   3) Offcanvas fullscreen ONLY when OPEN
   ------------------------------------------------------ */
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100dvh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  z-index:999999 !important;

  background:var(--oc-bg) !important;
  background-color:var(--oc-bg) !important;
  background-image:none !important;

  overscroll-behavior:none !important;
  touch-action:none !important;

  padding-top:env(safe-area-inset-top) !important;
  padding-right:env(safe-area-inset-right) !important;
  padding-bottom:env(safe-area-inset-bottom) !important;
  padding-left:env(safe-area-inset-left) !important;
}

@supports not (height: 100dvh){
  body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed{
    height:100vh !important;
    min-height:100vh !important;
  }
}

/* kill grey overlays inside the offcanvas */
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed *,
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed .elementor-background-overlay{
  background-image:none !important;
}
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed .elementor-background-overlay{
  background:var(--oc-bg) !important;
  opacity:1 !important;
}

/* ------------------------------------------------------
   4) Menu center (your class)
   ------------------------------------------------------ */
.menu-center{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  text-align:center !important;
  z-index:50 !important;
}
.menu-center .elementor-icon-list-item{
  display:flex !important;
  justify-content:center !important;
}
.menu-center .elementor-icon-list-text{
  text-align:center !important;
}

@media (max-width:767px){
  .menu-center{
    top:58% !important;
    width:100% !important;
    max-width:320px !important;
    z-index:300 !important;
  }
  .menu-center .elementor-icon-list-text{
    font-size:28px !important;
    line-height:1.15 !important;
  }
  .menu-center .elementor-icon-list-item{
    margin:10px 0 !important;
  }
}

/* ------------------------------------------------------
   5) Logo + Close aligned (ONLY when OPEN)
   ------------------------------------------------------ */

/* shared top offset */
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed{
  --oc-top: var(--oc-top-desktop);
}
@media (max-width:767px){
  body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed{
    --oc-top: calc(env(safe-area-inset-top) + var(--oc-pad));
  }
}

/* Logo */
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed .elementor-widget-image{
  position:fixed !important;
  top:var(--oc-top) !important;
  left:calc(env(safe-area-inset-left) + var(--oc-pad)) !important;
  z-index:9999998 !important;
}
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed .elementor-widget-image img{
  max-width:180px !important;
  height:auto !important;
}
@media (max-width:767px){
  body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed .elementor-widget-image img{
    max-width:150px !important;
  }
}

/* Close button (X) – target common variants */
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed .dialog-close-button,
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed .elementor-menu-toggle{
  position:fixed !important;
  top:var(--oc-top) !important;
  right:calc(env(safe-area-inset-right) + var(--oc-pad)) !important;
  z-index:9999999 !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  display:block !important;
}

/* Make icon white */
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed .dialog-close-button *,
body:not(.elementor-editor-active):has(.elementor-menu-toggle[aria-expanded="true"]) .offcanvas-fixed .elementor-menu-toggle *{
  color:#fff !important;
  fill:#fff !important;
  stroke:#fff !important;
}/* End custom CSS */