/**
 * Dome Navigation Drawer Styles
 * Styles for the floating navigation drawer component
 */

.dome-navigation-drawer-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Adjust for WordPress admin bar when user is logged in */
body.admin-bar .dome-navigation-drawer-wrapper {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .dome-navigation-drawer-wrapper {
        top: 46px;
    }
}

/* Ensure content doesn't overlap with drawer */
body .dome-navigation-drawer-wrapper + * {
    margin-top: var(--dome-drawer-height, 0);
}

/* Smooth transitions */
.dome-navigation-drawer-wrapper dome-navigation-drawer {
    display: block;
    transition: transform 0.3s ease-in-out;
}