/**
 * TW 地址速填 — 版面（中性、盡量沿用主題樣式，只處理一列排版與隱藏原生欄位）。
 */

/* 隱藏由合併控制項代填的原生 縣市 / 區 欄位。 */
.twaf-hide {
	display: none !important;
}

/* 整併的一列：郵遞區號 / 縣市區域 / 地址。 */
.twaf-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: flex-start;
	width: 100%;
	margin: 0 0 14px;
}

.twaf-row .twaf-cell {
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: none !important;
}

/* 郵遞區號：窄。 */
.twaf-row .twaf-cell--zip {
	flex: 0 0 96px;
	max-width: 120px;
}

/* 縣市區域：中。 */
.twaf-row .twaf-cell--citydist {
	flex: 0 0 200px;
	min-width: 160px;
}

/* 地址：撐滿剩餘。 */
.twaf-row .twaf-cell--addr {
	flex: 1 1 220px;
	min-width: 180px;
}

/* 讓內部輸入框 / 下拉一致寬度。 */
.twaf-row .twaf-cell input.input-text,
.twaf-row .twaf-cell .twaf-citydist,
.twaf-row .twaf-cell .select2-container {
	width: 100% !important;
	box-sizing: border-box;
}

/* 合併下拉的 label 與其他欄位 label 一致。 */
.twaf-cell--citydist .twaf-label {
	display: block;
}

/* 未經 select2 強化時，原生下拉也有基本高度。 */
.twaf-citydist {
	min-height: 40px;
}

/* RWD：窄螢幕改為堆疊，郵遞區號與縣市區域併排、地址獨立一行。 */
@media (max-width: 560px) {
	.twaf-row .twaf-cell--zip {
		flex: 1 1 100px;
	}
	.twaf-row .twaf-cell--citydist {
		flex: 1 1 140px;
	}
	.twaf-row .twaf-cell--addr {
		flex: 1 1 100%;
	}
}