スマホのハンバーガーメニュー　プルダウンについて

PC はクリックではなくホバーで表示されますが、スマホだとホバーが無いので矢印クリックになっています。もしスマホでメニュークリックで展開にする場合、そのメニューにリンクがある場合を考慮しないといけないと思いますが、親メニューにはリンクがない構造ですかね？

CSS を書いてみました。

/* サブメニューを持つメニュー項目直下のリンクは無効化 */
.c-drawer__item--has-submenu > a,
.c-drawer__subitem--has-submenu > a {
	pointer-events: none;
}

/* トグルボタンのクリック範囲を広げるための枠を定義 */
.c-drawer__item,
.c-drawer__subitem {
	position: relative;
}

/* トグルボタン自体ではなくトグルボタンの疑似要素を広げるので、トグルボタン自体は static にする */
.c-drawer__toggle {
	position: static;
}

/* トグルボタンの疑似要素を広げる */
.c-drawer__toggle::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

URL の判定などはしていないので、サブメニューを持つメニュー項目直下のリンクはすべてクリックできなくなります。