/**
 * 全站置底「合作研討會」看板列（黑底橘字、展場指標風、靜態不滾動）
 *
 * 固定在畫面底部；三顆研討會官網按鈕（含日期），hover 反白（橘底黑字）。
 * z-index：內容之上、螢保白幕(99990)之下 → 螢保啟動時被蓋住。
 * 頁尾 #colophon 補 padding-bottom，避免固定列蓋住頁尾內容。
 */

:root {
	--partner-bar-h: 46px;   /* 看板列高度（頁尾補位也用它） */
}

.partner-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9000;
	display: flex;
	align-items: stretch;
	min-height: var(--partner-bar-h);
	background: #000;
	color: #29b93a;
	font-weight: 700;
	box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.25);
}

/* 左側標籤：橘底黑字，像展場指標的分區標 */
.partner-bar__label {
	display: flex;
	align-items: center;
	padding: 0 18px;
	white-space: nowrap;
	background: #ff4521;
	color: #000;
	font-size: 13px;
	letter-spacing: 2px;
}

/* 連結區：窄螢幕可橫向滑，維持單列高度 */
.partner-bar__items {
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.partner-bar__item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	padding: 6px 22px;
	white-space: nowrap;
	text-decoration: none;
	color: #29b93a;
	border-left: 1px solid rgba(41, 185, 58, 0.35);
	transition: background 0.18s ease, color 0.18s ease;
}
/* hover：黑底稍微變淡，綠字保留 */
.partner-bar__item:hover,
.partner-bar__item:focus-visible {
	background: rgba(255, 255, 255, 0.14);
}

.partner-bar__name {
	font-size: 14px;
	line-height: 1.1;
}
.partner-bar__date {
	font-size: 10px;
	letter-spacing: 1.5px;
	opacity: 0.85;
}

/* 手機：縮小、隱藏英文副標 */
@media (max-width: 768px) {
	:root {
		--partner-bar-h: 42px;
	}
	.partner-bar__label {
		padding: 0 12px;
		font-size: 11px;
		letter-spacing: 1px;
	}
	.partner-bar__item {
		padding: 5px 14px;
	}
	.partner-bar__name {
		font-size: 12px;
	}
	.partner-bar__date {
		font-size: 9px;
	}
}

/* 預留底部空間，避免固定列蓋住頁尾內容 */
#colophon {
	padding-bottom: calc(var(--partner-bar-h) + 10px);
}