/* --- HAMBURGER --- */
.mobile-menu-toggle{
    background:none;border:0;cursor:pointer;
    width:32px;height:24px;display:flex;flex-direction:column;
    justify-content:space-between;z-index:10001;
}
.mobile-menu-toggle span{
    display:block;width:100%;height:3px;background:#000;
    border-radius:2px;transition:transform .3s,opacity .3s;
}
body.mobile-menu-open .mobile-menu-toggle span:nth-child(1){
    transform:translateY(10px) rotate(45deg);
}
body.mobile-menu-open .mobile-menu-toggle span:nth-child(2){
    opacity:0;
}
body.mobile-menu-open .mobile-menu-toggle span:nth-child(3){
    transform:translateY(-10px) rotate(-45deg);
}

/* --- OVERLAY --- */
.mobile-menu{
    position:fixed;top:0;left:0;width:100vw;height:100vh;
    background:#fff;overflow-y:auto;
    transform:translateX(100%);transition:transform .35s ease;
    z-index:10000;padding:80px 24px 40px;
}
body.mobile-menu-open .mobile-menu{transform:translateX(0);}
body.mobile-menu-open{overflow:hidden;height:100%}

/* --- KRZYŻYK --- */
.mobile-menu-close{
    position:absolute;top:24px;right:24px;font-size:36px;
    color:#000;
    background:none;border:0;cursor:pointer;line-height:1;
}

/* --- LISTA --- */
.mobile-menu-list{list-style:none;margin:0;padding:0;}
.mobile-menu-list li{margin:0;}
.mobile-menu-list a{
    display:block;font-size:20px;font-weight:500;color:#000;
    text-decoration:none;padding:12px 0;
}
/* podkreślenie w #C6A66B */
.mobile-menu-list a:hover,
.mobile-menu-list a:focus{
    text-decoration:underline;
    text-decoration-color:#C6A66B;
}
.mobile-menu-list .current-menu-item > a{
    text-decoration:underline;
    text-decoration-color:#C6A66B;
}

/* --- SUBMENU --- */
.mobile-menu-list .sub-menu{
    display:none;
    padding-left:16px;
}
.mobile-menu-list .menu-item-open > .sub-menu{
    display:block;
}

/* --- STRZAŁKA (kolor #C6A66B) --- */
.mobile-menu-list .menu-item-has-children > a::after{
    content:'';
    display:inline-block;
    width:0;height:0;margin-left:8px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid #C6A66B;
    transition:transform .3s;
    vertical-align:middle;
}
.mobile-menu-list .menu-item-open > a::after{
    transform:rotate(180deg);
}