/* CSS Document */
:root { --position-gold: #c5a059; --position-bg: #1a1a1a; }
#main { background-color: #f4f7f6; }

.header {
    background-color: rgba(21, 17, 13, 0.85);
}

/* 側邊欄樣式 */
#position .sidebar {
	background: white;
	border-radius: 12px;
	padding: 20px;
	position: sticky;
	top: 90px; /* 跟隨導航列滾動 */
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
#position .sidebar-title { font-weight: 700; font-size: 1.1rem; margin-bottom: 20px; color: #333; }
#position .list-group-item {
	border: none;
	padding: 12px 15px;
	border-radius: 8px !important;
	margin-bottom: 5px;
	cursor: pointer;
	transition: 0.3s;
	color: #555;
}
#position .list-group-item:hover { background-color: #f8f9fa; color: var(--position-gold); }
#position .list-group-item.active { background-color: var(--position-bg) !important; color: white !important; }

/* 據點卡片樣式 */
#position .store-card {
	border: none; border-radius: 12px; transition: 0.3s;
	background: #fff; height: 100%;
}
#position .store-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
#position .store-region-tag {
	font-size: 0.75rem; color: var(--position-gold); font-weight: 700;
	text-transform: uppercase; letter-spacing: 1px;
}

/* 搜尋框 */
#position .search-box {
	border-radius: 50px; padding: 12px 25px; border: 1px solid #ddd;
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}

/* 手機版適應：側邊欄變為上方滾動條 */
@media (max-width: 991.98px) {
	#position .sidebar { position: static; margin-bottom: 30px; }
	#position .sidebar-list { display: flex; overflow-x: auto; white-space: nowrap; padding-bottom: 10px; }
	#position .list-group-item { margin-bottom: 0; margin-right: 10px; flex: 0 0 auto; }
}