/*!
 * SimpleLearn Site — 大選單（0.4.0）
 * 只在「設定 → SimpleLearn → 大選單」勾選時載入。只作用於電腦版頁首（Blocksy 桌機版，寬度 ≥1000px）。
 * 面板是頁首列下方的整條白色面板，內容寬度與首頁一致（1200px）。
 */
@media (min-width: 1000px) {
	/* 面板以頁首這一列為定位基準，選單層級改為 static，面板才能撐滿整列寬度 */
	.sls-mega-on [data-device="desktop"] [data-row] { position: relative; }
	.sls-mega-on .header-menu-1,
	.sls-mega-on .header-menu-1 > ul,
	.sls-mega-on .header-menu-1 > ul > li.sls-has-mega { position: static !important; }
	/* Blocksy 原本的子選單在電腦版改由面板取代 */
	.sls-mega-on .header-menu-1 li.sls-has-mega > .sub-menu { display: none !important; }
	/* 升學資訊與工具：外掛補上的箭頭，滑鼠移入時跟其他項目一樣翻轉 */
	.sls-mega-on .header-menu-1 li.sls-has-mega > .ct-menu-link .ct-toggle-dropdown-desktop { transition: transform .2s; }
	.sls-mega-on .header-menu-1 li.sls-has-mega:is(:hover, :focus-within) > .ct-menu-link .ct-toggle-dropdown-desktop { transform: rotate(180deg); }
	/* 新首頁：首屏已用淺灰底區隔，頁首下緣細線拿掉 */
	.sls-mega-on.sl-home-layout [data-device="desktop"] [data-row="middle"] { border-bottom-color: transparent !important; }

	.sls-mega {
		position: absolute; left: 0; right: 0; top: 100%; z-index: 30;
		background: #fff; border-top: 1px solid #e3e9ec; box-shadow: 0 28px 48px -30px rgba(28, 42, 54, .45);
		opacity: 0; visibility: hidden; transform: translateY(-6px);
		transition: opacity .18s, transform .18s, visibility 0s .18s;
		font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
		text-align: left; line-height: 1.6; cursor: auto;
	}
	/* 滑鼠從選單移到面板時不中斷（填補選單文字與面板之間的空隙） */
	.sls-mega::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 24px; }
	.header-menu-1 li.sls-has-mega:is(:hover, :focus-within) > .sls-mega {
		opacity: 1; visibility: visible; transform: none; transition-delay: .06s, .06s, 0s;
	}
	.sls-mega-in { max-width: 1200px; margin: auto; padding: 28px 20px 32px; display: grid; gap: 28px; align-items: start; box-sizing: border-box; }
	.sls-mega-in-ai, .sls-mega-in-adm { grid-template-columns: 300px 1fr; }
	.sls-mega-in-lr { grid-template-columns: 300px 260px 1fr; column-gap: 40px; }
	.sls-mega a { text-decoration: none; }
	.sls-mega ul { list-style: none; margin: 0; padding: 0; }
	.sls-mega p { margin: 0; }

	.sls-mg-intro, .sls-mg-py { display: flex; flex-direction: column; gap: 8px; padding: 22px 24px; border-radius: 14px; background: #1c2a36; color: #fff; transition: background-color .2s; }
	.sls-mg-intro:hover, .sls-mg-py:hover { background: #243644; }
	.sls-mg-k { font-size: 12px; font-weight: 700; letter-spacing: .12em; color: #86d6d7; }
	.sls-mg-intro strong, .sls-mg-py strong { font-family: "Chiron GoRound TC", "Noto Sans TC", system-ui, sans-serif; font-size: 21px; line-height: 1.35; color: #fff; }
	.sls-mg-d { font-size: 13.5px; line-height: 1.75; color: #c7d3db; }
	.sls-mg-go { margin-top: auto; padding-top: 8px; font-size: 14px; font-weight: 700; color: #86d6d7; }
	.sls-mg-go::after { content: " →"; }
	.sls-mg-py img { width: 56px; height: 56px; margin-bottom: 4px; }

	.sls-mg-grid, .sls-mg-list { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; max-width: 760px; }
	.sls-mg-grid a, .sls-mg-list a { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; row-gap: 2px; align-items: center; padding: 14px 16px; border-radius: 12px; color: #1c2a36; transition: background-color .15s; }
	.sls-mg-grid a:is(:hover, :focus-visible), .sls-mg-list a:is(:hover, :focus-visible) { background: #edf4f4; }
	.sls-mg-ic { grid-row: 1 / 3; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; background: #edf4f4; color: #0e7378; transition: background-color .15s, color .15s; }
	.sls-mg-grid a:hover .sls-mg-ic { background: #0e7378; color: #fff; }
	.sls-mg-ic svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
	.sls-mg-t { font-size: 15.5px; font-weight: 700; color: #1c2a36; }
	.sls-mg-t em { margin-left: 8px; font-style: normal; font-family: Georgia, serif; font-weight: 400; font-size: 14px; color: #0e7378; }
	.sls-mg-s { grid-column: 2; font-size: 13px; line-height: 1.6; color: #5b6875; }
	.sls-mg-n { grid-row: 1 / 3; align-self: start; padding-top: 2px; min-width: 28px; font: 400 20px/1 Georgia, serif; color: #0e7378; }

	.sls-mg-h { margin: 4px 0 10px !important; font-size: 12px; font-weight: 700; letter-spacing: .12em; color: #5b6875; }
	.sls-mg-col ul { display: grid; gap: 2px; }
	.sls-mg-col a { display: block; padding: 9px 12px; margin-left: -12px; border-radius: 8px; font-size: 15px; font-weight: 500; color: #1c2a36; transition: background-color .15s, color .15s; }
	.sls-mg-col a:is(:hover, :focus-visible) { background: #edf4f4; color: #0a5a5e; }
	.sls-mg-all { margin-top: 10px !important; }
	.sls-mg-all a { font-weight: 700; color: #0a5a5e; }
	.sls-mg-all a::after { content: " →"; }
	.sls-mega a:focus-visible { outline: 3px solid #0e7378; outline-offset: 2px; }

	/* 搜尋按鈕：膠囊樣式（按鈕本身已有 aria-label「搜尋」） */
	/* Blocksy 的切換按鈕以 !important 套用 --toggle-button-* 變數（佈景另有更具體的設定），所以這裡以 !important 改變數；並拿掉原本的框線 */
	.sls-mega-on [data-device="desktop"] .ct-header-search {
		--toggle-button-size: auto !important; --toggle-button-radius: 999px !important; --toggle-button-background: #f0f4f6 !important;
		--toggle-button-padding: 0 16px 0 13px !important; --toggle-button-border-width: 0px !important; --toggle-button-shadow: none !important;
		display: inline-flex; align-items: center; gap: 8px; height: 40px; color: #5b6875; transition: background-color .2s, color .2s;
	}
	.sls-mega-on [data-device="desktop"] .ct-header-search:hover { --toggle-button-background: #e3ecef !important; }
	.sls-mega-on [data-device="desktop"] .ct-header-search::after { content: "搜尋文章與工具"; font-size: 14px; white-space: nowrap; }
	.sls-mega-on [data-device="desktop"] .ct-header-search:hover { color: #1c2a36; }
}
@media (min-width: 1000px) and (max-width: 1199px) {
	.sls-mega-on [data-device="desktop"] .ct-header-search::after { content: none; }
	.sls-mega-on [data-device="desktop"] .ct-header-search { --toggle-button-padding: 0 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
	.sls-mega { transition: none !important; }
}