/* Page-level styles for the store header, phone menu and footer (partials/store/*.hbs).
   Their own styles live inside their shadow trees (assets/wootware/store/chrome.css);
   this file only places the hosts. */

/* The store's header wrapper is sticky; inside a shadow tree it can't stick to the page,
   so the host does. pointer-events pass through the empty band the menu bar leaves when
   it slides away on scroll, as on the store. */
ww-store-header {
    position: sticky;
    top: 0;
    z-index: 50;
    display: block;
    pointer-events: none;
}

ww-store-footer {
    display: block;
}

ww-store-drawer {
    position: relative;
    z-index: 60;
    display: block;
}

ww-store-drawer[hidden] {
    display: none;
}