/* Header menus (guest). Explore dropdown mirrors the Register menu; mobile drawer is solid, not see-through. */

/* ---- Explore dropdown (desktop) ---- */
#exploreMenu{border:0;border-radius:10px;padding:8px;min-width:0;width:max-content;max-width:320px;background:#fff;box-shadow:0 8px 24px rgba(14,16,16,.12)}
#exploreMenu li{border-radius:10px;list-style:none}
#exploreMenu li:hover{background:#d9d9d9}
#exploreMenu .pz-ex-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px;border-radius:12px;color:#000;text-decoration:none;background:transparent}
#exploreMenu .pz-ex-item:hover,#exploreMenu .pz-ex-item:focus{background:transparent;color:#000}
#exploreMenu .pz-ex-main{display:flex;gap:16px;align-items:flex-start}
#exploreMenu .pz-ex-main>svg{flex:0 0 24px;margin-top:2px}
#exploreMenu .textBox h2{font-size:16px;font-weight:900;margin:0;color:#000;line-height:1.25}
#exploreMenu .textBox span{display:block;font-size:14px;font-weight:200;color:#1e1e1e;line-height:1.35;white-space:normal}
#exploreMenu .pz-ex-chev{flex:0 0 7px}

/* ---- Guest mobile drawer ---- */
#mobileOffcanvas.mobile-offcanvas{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:min(86vw,340px)!important;max-width:340px;z-index:1080;box-shadow:0 0 32px rgba(14,16,16,.25)}
#mobileOffcanvas .offcanvas-header{padding:16px 16px 0}
#mobileOffcanvas .offcanvas-body{padding:16px}
#mobileOffcanvas .typeItem{border-radius:12px;color:#000;text-decoration:none}
#mobileOffcanvas .typeItem:hover,#mobileOffcanvas .typeItem:active{background:#f1f1f1}
#mobileOffcanvas .textBox h2{margin:0;color:#000}

/* Figma "Home - Sidebar": the guest drawer slides in from the LEFT, the same side as the hamburger (Figma puts the hamburger on the right; live keeps it left). */
#mobileOffcanvas.mobile-offcanvas{left:0!important;right:auto!important;transform:translateX(-100%)}
#mobileOffcanvas.mobile-offcanvas.show:not(.hiding),#mobileOffcanvas.mobile-offcanvas.showing{transform:none}

/* Explore dropdown: anchor to the right of its link so the card never runs off a 1280px screen. */
#exploreMenu{left:auto!important;right:0!important}

/* Drawer rows: one icon size so every title starts on the same line. */
#mobileOffcanvas .typeIcon{width:24px!important;height:24px!important;flex:0 0 24px}

/* Backdrop for the guest drawer (opened and closed by js/pz-nav.js). */
.pz-drawer-backdrop{position:fixed;inset:0;z-index:1079;background:#0e1010;opacity:0;transition:opacity .2s ease}
.pz-drawer-backdrop.pz-on{opacity:.5}

/* Left-hand drawer: drop the theme's 15px left gap and right-side border/radius */
#mobileOffcanvas.mobile-offcanvas,#mobileOffcanvas.mobile-offcanvas.show{margin-left:0!important;border-left:0!important;border-right:1px solid #f1f1f1;border-radius:0 8px 8px 0}