/**
 * 手機版 Footer 聯絡資訊樣式
 *
 * 手機版排版：
 * 第一列：地址
 * 第二列：營業時間
 * 第三列：電話 + 統編（橫向排列）
 *
 * @package mytheme
 */

.footer-bottom p {
	margin: var(--spacing-sm) 0;
	font-size: 24px;
}

@media (max-width: 1024px) {
	.footer-bottom p {
		font-size: 20px;
	}
}

@media (max-width: 768px) {
	.footer-logo-section .footer-contact ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 20px;
		text-align: center;
		margin-top: 0;
		width: 100%;
		justify-items: stretch;
	}

	.footer-logo-section .footer-contact li {
		font-size: 24px;
		font-weight: 300;
		letter-spacing: 1px;
		margin-bottom: var(--spacing-sm);
	}

	/* 第一列：地址（獨佔一行） */
	.footer-logo-section .footer-contact .footer-address {
		grid-column: 1 / -1;
		text-align: left;
	}

	/* 第二列：營業時間（獨佔一行） */
	.footer-logo-section .footer-contact .footer-hours {
		grid-column: 1 / -1;
		text-align: left;
	}

	/* 第三列：電話（左側） */
	.footer-logo-section .footer-contact .footer-phone {
		grid-column: 1;
		text-align: left;
	}

	/* 第三列：統編（右側） */
	.footer-logo-section .footer-contact .footer-tax {
		grid-column: 2;
		text-align: right;
	}
}

@media (max-width: 480px) {
	.footer-bottom p {
		font-size: 8px !important;
	}

	.footer-logo-section .footer-contact li {
		font-size: 12px;
	}

	.footer-logo-section .footer-contact a {
		font-size: 12px;
	}
}