/* Drawer Styles - Global */

/* Backdrop */
#menuBackdrop {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

#menuBackdrop.is-open {
    opacity: 1;
    pointer-events: all;
}

/* Drawer panel */
#mobileDrawer {
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

#mobileDrawer.is-open {
    transform: translateX(0);
}

/* Staggered link entrance */
#mobileDrawer .drawer-link {
    opacity: 0;
    transform: translateX(16px);
    transition: opacity 0.28s ease, transform 0.28s ease, background-color 0.2s ease, color 0.2s ease;
}

#mobileDrawer.is-open .drawer-link:nth-child(1) { transition-delay: 0.07s; opacity: 1; transform: none; }
#mobileDrawer.is-open .drawer-link:nth-child(2) { transition-delay: 0.12s; opacity: 1; transform: none; }
#mobileDrawer.is-open .drawer-link:nth-child(3) { transition-delay: 0.17s; opacity: 1; transform: none; }
#mobileDrawer.is-open .drawer-link:nth-child(4) { transition-delay: 0.22s; opacity: 1; transform: none; }
#mobileDrawer.is-open .drawer-link:nth-child(5) { transition-delay: 0.27s; opacity: 1; transform: none; }
#mobileDrawer.is-open .drawer-link:nth-child(6) { transition-delay: 0.32s; opacity: 1; transform: none; }

/* CTA button entrance */
#mobileDrawer .drawer-cta {
    opacity: 0;
    transition: opacity 0.28s ease 0.38s;
}

#mobileDrawer.is-open .drawer-cta {
    opacity: 1;
}

/* Prevent body scroll when drawer open */
body.menu-open {
    overflow: hidden;
}