/* ── Base (shared desktop + mobile) ─────────────────────────── */
.menu-children{overflow:hidden}
.menu-outer{text-align:right;display:flex;flex-direction:column;}
.menu-outer h3{margin-top:unset;font-weight:600;color:var(--parent-color,#4D5858);font-size:var(--parent-font-size,28px)}
.menu-outer h3.active{color:var(--active-color,#FFD700);transition:.3s}
.menu-outer h3 a{color:inherit;text-decoration:none}

.sub-menu-heading span,
.menu-outer h3{
    font-size: 16px;
    font-weight: 700;
}
/* Child list — smooth max-height animation */
.menu-child-list{
    list-style:none;
    margin:0!important;
    padding:0;
    max-height:0;
    overflow:hidden;
    transition:max-height .45s cubic-bezier(.4,0,.2,1), opacity .35s ease;
    opacity:0;
    pointer-events:none;
}
.menu-child-list.active{
    max-height:600px;
    opacity:1;
    pointer-events:auto;
    padding-right: 10px;
}
.menu-child-list li{font-size:var(--child-font-size,18px);color:var(--child-color,#d1d1d1);margin-bottom:8px;text-align:right}
.menu-child-list li a{color: #4D5858;text-decoration:none;transition:color .3s; font-weight:700; font-size:16px}
/* .menu-child-list li a:hover{color:#fff} */
.wp-block-navigation ul li{color:#d1d1d1}
.wp-block-navigation ul li:last-child{margin-bottom:30px}

/* ── Sub-menu heading row: chevron LEFT, text RIGHT ─────────── */
.sub-menu-heading{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    align-items:flex-start;
    width:100%;
    /* gap:10px; */
    cursor:pointer;
    padding: unset;
    margin: unset;
}
/* Put the button first in visual order but keep it left via order */
.menu-toggle-btn{
    order:-1;
    background:none;
    border:none;
    /* padding:6px; */
    flex-shrink:0;
    min-width:44px;
    /* min-height:44px; */
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transform:rotate(0deg);
    transition:transform .45s cubic-bezier(.4,0,.2,1);
    transform-origin:center;
}
.menu-toggle-btn img{
    display:block;
    width:23px;
    height:15px;
    pointer-events:none;
    transition:transform .45s cubic-bezier(.4,0,.2,1);
}
.sub-menu-heading span{
    font-size:16px;
    font-weight:700;
    color:var(--parent-color,#4D5858);
    cursor:pointer;
}
.sub-menu-heading > a{color:inherit;text-decoration:none}
.sub-menu-heading.parent-with-url a{color:inherit;text-decoration:none}

/* Active state — rotate chevron 90° */
.sub-menu-heading.active .menu-toggle-btn{
    transform:rotate(90deg);
}
.sub-menu-heading.active span,
.sub-menu-heading.active > a{color:var(--active-color,#0282CB;transition:.3s}