/**
 * YITH WooCommerce Affiliates のフロント「アフィリエイトのダッシュボード」ナビを
 * スマホ／タブレット（991px以下）でも表示する。
 *
 * プラグイン本体の yith-wcaf.min.css に
 *   @media (max-width: 991px){ .woocommerce-account .yith-wcaf-dashboard-navigation{ display:none } }
 * というルールがあり、991px以下でタブ（手数料／訪問数／支払い／リンクジェネレータ／設定 等）が
 * 丸ごと非表示になってしまう。代替メニューが用意されていないため、ここで表示に上書きする。
 *
 * タブ(li)は inline-block のため、画面幅に応じて自然に折り返して全項目が表示される。
 */
@media (max-width: 991px) {

	.woocommerce-account .yith-wcaf-dashboard-navigation,
	ul.yith-wcaf-dashboard-navigation {
		display: block !important;
	}

	/* 折り返した行に少し余白を持たせ、見やすくする */
	.yith-wcaf-dashboard ul.yith-wcaf-dashboard-navigation li {
		margin-bottom: 4px;
	}
}