@charset "utf-8";
/* 字型大小一律用 rem（無障礙 CS2140401C：外部樣式表 font-size 須為相對單位；1rem = 16px） */

/*
 * 英文版 TPSF 搜尋頁（iew/search-en-v2.phtml）：卡片照片／學校特色 #tag、側欄摺疊群組與 Clear all
 * 設計公司 2026-10-12 交付；本站篩選由伺服器端查詢（不用設計稿的 tpsf-search.js 前端過濾）
 */

/* 學校尚未上傳照片：米色文具底圖＋地球握手插圖（設計稿素材 home-19／home-12） */
.school-card-img-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFF2DF url("../images/home-19.svg") center / cover no-repeat;
}
.school-card-img-placeholder img {
	width: 34%;
	height: auto;
	object-fit: contain;
}

.school-feature-tags {
	margin-top: 6px;
	font-size: 0.84375rem;
	line-height: 1.7;
	color: #B15300;
}
.school-feature-tag {
	border: 0;
	background: none;
	padding: 0;
	font: inherit;
	color: #B15300;
	cursor: pointer;
	border-radius: 4px;
	transition: color .15s ease, background .15s ease;
}
.school-feature-tag:hover,
.school-feature-tag:focus-visible {
	color: #894000;
	background: #FFF2DF;
	text-decoration: underline;
	opacity: 1; /* 抵銷 style.css 全站 button:hover { opacity: .6 } */
}
.school-feature-tag.is-on {
	font-weight: 700;
	color: #894000; /* #B15300 在淡黃底對比只有 4.3，加深到 AA */
	background: #FFE9C9;
}
.school-feature-sep { color: #B15300; }

.school-empty {
	padding: 48px 24px;
	text-align: center;
	color: #666666;
	background: #fff;
	border-radius: 16px;
}
.school-empty strong { display: block; margin-bottom: 6px; color: #894000; font-size: 1.125rem; }

.filter-group { padding: 0; }
.filter-group__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 18px 0;
	cursor: pointer;
	list-style: none;
	user-select: none;
}
.filter-group__head::-webkit-details-marker { display: none; }
.filter-group__head:hover .form-label { color: #B15300 !important; }
.filter-group__chevron {
	flex: none;
	width: 16px;
	height: 16px;
	color: #B15300;
	transition: transform .2s ease;
}
.filter-group__chevron svg,
svg.filter-group__chevron { width: 16px; height: 16px; }
.filter-group[open] > .filter-group__head .filter-group__chevron { transform: rotate(180deg); }
.filter-group__body { padding-bottom: 18px; }

.filter-group__count {
	display: none;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	margin-left: auto;
	border-radius: 999px;
	background: #F4BD60;
	color: #6B3100; /* #894000 在黃底對比 4.4，加深到 AA */
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
}
.filter-group__count.is-on { display: inline-block; }

.search-div .book-1 { left: -5%; }
.filter-panel {
	position: relative;
	z-index: 1;
}

.filter-clear {
	display: flex;
	justify-content: center;
	padding-top: 24px;
}
.filter-clear-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border: 1px solid #F4BD60;
	border-radius: 999px;
	background: #fff;
	color: #894000;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: background .15s ease;
}
.filter-clear-btn:hover,
.filter-clear-btn:focus-visible { background: #FFF2DF; color: #894000; opacity: 1; }
.filter-clear-btn svg,
.filter-clear-btn i { width: 16px; height: 16px; font-size: 0.875rem; }

/*
 * 平板／手機側邊欄：base style.css 只替 .filter-col 的「直接子層」加左右 16px，
 * 但內容已包進 .filter-panel（導覽聚光需要），間距失效、內容貼齊框線，這裡補回。
 */
@media (max-width: 1199px) {
	.new-educational-trip-program .filter-col .filter-panel {
		padding: 16px 16px 24px;
	}
}