/*
 * VancityRoom: mobile footer navigation stays in two columns.
 * Only the small-screen footer link layout is overridden.
 */
@media (max-width: 767px) {
	.sf-footer > .sf-container.sf-footer__grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 18px;
		row-gap: 32px;
		align-items: start;
	}

	.sf-footer__grid > .sf-footer__brand {
		grid-column: 1 / -1 !important;
		min-width: 0;
		width: 100%;
	}

	/*
	 * 1.7.23: 親テーマの max-width: 34ch をモバイルの説明文だけ解除。
	 * ロゴ・投稿ボタン・SNSリンクとPCレイアウトは変更しない。
	 */
	.sf-footer__brand > .sf-footer__tagline {
		max-width: none;
		width: 100%;
	}

	.sf-footer__grid > .sf-footer__links {
		grid-column: auto !important;
		min-width: 0;
		width: auto !important;
		margin-top: 0 !important;
	}
}
