:root{
  --wpsm-level-1:#852470; --wpsm-level-2:#982a80; --wpsm-level-3:#a93c91;
  --wpsm-level-4:#b54aa0; --wpsm-level-5:#c25aae; --wpsm-level-6:#cf6abc;
  --wpsm-text:#f3efe0; --wpsm-border:#600f4e; --wpsm-hover:#600f4e;
  --wpsm-overlay:rgba(0,0,0,.45); --wpsm-hamburger-fg:#ffffff;
  --wpsm-hamburger-size:22px;
}

/* Canvas / drawer */
.wpsm-canvas{position:fixed;inset:0;pointer-events:none;z-index:9999;}
.wpsm-overlay{position:absolute;inset:0;background:var(--wpsm-overlay);opacity:0;transition:opacity .25s;}
.wpsm-drawer{position:absolute;top:0;bottom:0;width:320px;max-width:86vw;background:var(--wpsm-level-1);
  transform:translateX(-100%);transition:transform .35s;box-shadow:0 10px 30px rgba(0,0,0,.35);}
.wpsm-side-right .wpsm-drawer{right:0;left:auto;transform:translateX(100%);}
.wpsm-side-left .wpsm-drawer{left:0;right:auto;}
html.wpsm-open .wpsm-canvas{pointer-events:auto;}
html.wpsm-open .wpsm-overlay{opacity:1;}
html.wpsm-open .wpsm-side-left .wpsm-drawer,
html.wpsm-open .wpsm-side-right .wpsm-drawer{transform:translateX(0);}

/* Hamburger transparent */
.wpsm-hamburger{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--wpsm-hamburger-fg);border:0;padding:.25rem;cursor:pointer;}
.wpsm-hamburger .wpsm-label{display:none;}
.wpsm-burger{width:var(--wpsm-hamburger-size);height:2px;background:var(--wpsm-hamburger-fg);position:relative;display:block;}
.wpsm-burger:before,.wpsm-burger:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--wpsm-hamburger-fg);}
.wpsm-burger:before{top:calc(-1 * (var(--wpsm-hamburger-size)/4));}
.wpsm-burger:after{top:calc(var(--wpsm-hamburger-size)/4);}

/* Header */
.wpsm-title{display:flex;align-items:center;gap:.75rem;color:var(--wpsm-text);text-transform:uppercase;letter-spacing:1px;font-weight:600;padding:12px 14px;border-bottom:1px solid var(--wpsm-border);background:var(--wpsm-level-1);}
.wpsm-back-btn{background:transparent;border:0;color:var(--wpsm-text);cursor:pointer;}
.wpsm-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Stage / Panels */
.wpsm-container{width:100%;height:100%;background:transparent;overflow:hidden;}
.wpsm-nav{position:relative;height:calc(100vh - 56px);}
.wpsm-stage{position:absolute;inset:0;overflow:hidden;}
.wpsm-panel{position:absolute;inset:0;transform:translateX(100%);transition:transform .35s;display:flex;flex-direction:column;}
.wpsm-panel--root{background:var(--wpsm-level-1);transform:translateX(0);}
.wpsm-panel--level-2{background:var(--wpsm-level-2);} .wpsm-panel--level-3{background:var(--wpsm-level-3);}
.wpsm-panel--level-4{background:var(--wpsm-level-4);} .wpsm-panel--level-5{background:var(--wpsm-level-5);}
.wpsm-panel--level-6{background:var(--wpsm-level-6);}
.wpsm-panel.is-active{transform:translateX(0);}
.wpsm-panel-inner{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:100%;}

/* Items */
.wpsm-list, .wpsm-source-root{list-style:none;margin:0;padding:0;}
.wpsm-item > a{display:block;padding:1em 1em 1em 1.2em;color:var(--wpsm-text);text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:400;border-bottom:1px solid var(--wpsm-border);outline:none;}
.wpsm-item > a:hover{background:var(--wpsm-hover);}
.wpsm-item.has-children > a .wpsm-arrow{float:right;font-size:1.2em;line-height:1;}

/* Źródłowe UL chowamy – z niego tylko czytamy */
.wpsm-source-root{display:none !important;}
.wpsm-source-root .sub-menu{display:none !important;}