/* 搬遷修正層（在 legacy-site.css 之後載入）。jc-aed 專用覆蓋。 */

/* ============================================================
   選單下拉：原站靠 原站 執行期 JS 打開子選單，移植後沒帶進來，這裡補回。
   子選單 div.wsite-menu-wrap 帶 inline style="display:none"，故顯示規則需 !important 才蓋得過。
   原站的下拉樣式掛在 #wsite-menus，本主題選單在 #nav，用不到，因此樣式也一併於此補齊。
   ============================================================ */

/* 桌機：頂部 hover 下拉（≥1025px；≤1024px 走 #navmobile 側滑面板，見下方） */
@media (min-width: 1025px) {
    #nav .wsite-menu-item-wrap { position: relative; }
    #nav .wsite-menu-item-wrap:hover > .wsite-menu-wrap {
        display: block !important; position: absolute; top: 100%; left: 0; z-index: 6000;
    }
    #nav .wsite-menu-wrap {
        min-width: 210px; background: #fff;
        box-shadow: 0 6px 18px rgba(0, 0, 0, .16); padding: 6px 0; text-align: left;
    }
    #nav .wsite-menu-wrap ul { list-style: none; margin: 0; padding: 0; }
    #nav .wsite-menu-wrap li { display: block; }
    #nav .wsite-menu-wrap li a {
        display: block !important; padding: 9px 18px; white-space: nowrap;
        color: #333 !important; font-size: 15px; line-height: 1.45;
    }
    #nav .wsite-menu-wrap li a:hover { background: #e3e3e3; color: #111 !important; }
    /* 第三層：滑到帶「>」的子項時往右展開 */
    #nav .wsite-menu-wrap .wsite-menu-subitem-wrap { position: relative; }
    #nav .wsite-menu-wrap .wsite-menu-subitem-wrap:hover > .wsite-menu-wrap {
        display: block !important; position: absolute; top: 0; left: 100%;
    }
    #nav .wsite-menu-wrap .wsite-menu-arrow { float: right; margin-left: 12px; }
}

/* 手機：側滑面板內的子選單常態展開（縮排），確保子頁在手機也點得到
   （否則 inline display:none 讓所有子頁在手機完全無法進入）。 */
@media (max-width: 1024px) {
    #navmobile .wsite-menu-wrap { display: block !important; }
    #navmobile .wsite-menu-wrap .wsite-menu-subitem { padding-left: 1.6em; }
    #navmobile .wsite-menu-arrow { display: none; }
}

/* 麵包屑（首頁 > 分類 > 頁面）：原站沒有這個元件，自家新增，放在內容區最上方。
   分類來源跟頁面管理的分類同一份（menus 表），見 PageController::buildBreadcrumbs。 */
.cms-breadcrumbs { padding: 14px 0; font-size: 13.5px; color: #767676; }
.cms-breadcrumbs a { color: #767676; text-decoration: none; }
.cms-breadcrumbs a:hover { color: #333; text-decoration: underline; }
.cms-breadcrumbs [aria-current="page"] { color: #333; font-weight: 600; }
.cms-breadcrumbs-sep { margin: 0 7px; color: #bbb; }

/* 頁尾版權/社群連結（後台「網站設定」維護，見 app/helpers.php render_footer_extra） */
.cms-footer-extra { margin-top: 24px; padding-top: 16px; border-top: 1px solid rgba(0,0,0,.08); text-align: center; font-size: 12.5px; color: inherit; opacity: .75; }
.cms-footer-social { display: flex; justify-content: center; gap: 12px; margin-bottom: 10px; }
.cms-footer-social a { display: inline-flex; }
.cms-footer-social-badge {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border-radius: 50%; background: #b51010; color: #fff;
    transition: transform .15s, box-shadow .15s;
}
.cms-footer-social a:hover .cms-footer-social-badge { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0, 0, 0, .18); }

/* 區塊「錨點 ID + 滿版/置中」共用效果 */
.cms-block-full { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
[id].cms-block-anchor { scroll-margin-top: 70px; }