/* ---------- Base (Desktop) ---------- */
.wp-block-navigation .wp-block-navigation__submenu-container {
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    padding: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    min-width: 182px !important; /* your 30% narrower width */
    overflow: hidden; /* keep rounded corners clean */
}

/* Items */
.wp-block-navigation .wp-block-navigation__submenu-container li {
    padding: 9px 14px !important; /* ~20% shorter height retained */
    border-bottom: 1px solid #eee !important;
    list-style: none !important;
}
.wp-block-navigation .wp-block-navigation__submenu-container li:last-child {
    border-bottom: none !important;
}

/* Links */
.wp-block-navigation .wp-block-navigation__submenu-container a {
    display: block !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
}

/* Keep items static on hover (desktop) */
.wp-block-navigation .wp-block-navigation__submenu-container li:hover {
    background: none !important;
}

/* ---------- Motion preferences ---------- */
@media (prefers-reduced-motion: reduce) {
    .wp-block-navigation .wp-block-navigation__submenu-container,
    .wp-block-navigation .wp-block-navigation__submenu-container a {
        transition: none !important;
    }
}

@media all and (max-width: 1024px) { 
    /* Force all submenus to stay collapsed by default */
    .wp-block-navigation .wp-block-navigation__submenu-container {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Only show submenu when explicitly toggled or when the parent has the open class */
    .wp-block-navigation-item.has-child.is-menu-open > .wp-block-navigation__submenu-container,
    .wp-block-navigation-item.has-child:active > .wp-block-navigation__submenu-container {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
    }
}