/* ===========================================
   MOBILE SLIDE-IN MENU - Divi 5 Compatible
   Slide-in Section Positioning + Animation
   + Scroll-Lock bei offenem Menü

   Required CSS IDs:
   - Section: dd-section
   - Close Button: dd-close

   Note: Menu Module Styling (vertical layout,
   submenu accordion) is in header.css

   @since   1.0.0
   @version 1.1.0
   =========================================== */


/* ===========================================
   SLIDE-IN SECTION
   =========================================== */

body:not(.et-fb) #et-boc .et-l #dd-section {
    position: fixed;
    top: 0;
    right: -110%;
    height: 100vh;
    overflow: auto;
    z-index: 999999;
    transition: right 0.4s cubic-bezier(0.75, 0, 0.25, 1);
}

/* Admin Bar Offset */
body.admin-bar:not(.et-fb) #et-boc .et-l #dd-section {
    top: 32px;
    height: calc(100vh - 32px);
}

/* Open State */
#dd-section.dd-menu-open {
    right: 0 !important;
}

/* Scroll-Lock bei offenem Mobile-Menü: greift, sobald #dd-section die Klasse dd-menu-open hat */
html:has(#dd-section.dd-menu-open) {
    overflow: hidden;
}