/* 苗栗縣危老重建專區：原本寫在 ASP 各頁 style="" 裡的固定樣式，搬到這裡集中管理。
   會隨後台設定變動的顏色在 theme.php，不在這支。
   business-casual.css 保持原樣不動，這支在它之後載入。 */

/* 頁首 */
.site-header > .container { padding-top: 5px; }
.site-logo { margin-top: 5px; }
.site-search .link-sitemap { font-weight: 700; color: #333; }

/* 主選單 */
.site-nav { margin: 0 auto; }
.site-nav .nav-justified > li.nav-plain { padding: 0 24px; }

/* 麵包屑與無障礙定位點 */
.breadcrumb.crumb-flat { margin-bottom: 0; }
.acc-key-light { color: #f5f5f5; }
.acc-key-white { color: #fff; }

/* 首頁 */
.home-body { background-color: #fff; }
.home-news { margin-top: 30px; }

/* 文章頁：左側分類清單、右側內文 */
.side-col { width: 20%; padding: 5px 5px 25px 5px; }
.side-title { border-radius: 20px; margin: 5px 0; border-bottom: 1px solid; }
.side-item { border-bottom: 1px solid; }
.main-col { padding-top: 5px; min-height: 60vh; width: 80%; }
.main-col.with-gap { margin-bottom: 20px; }
.page-sitemap p { font-size: 1em; }
.qna-list { margin: 30px 0; }

/* 相關連結 */
.links-title { border-radius: 20px; margin: 15px 0 5px 0; border-bottom: 1px solid; }
.links-item { padding: 0; margin: 5px 0; border: 0; }
.links-item .list-group-item { padding: 3px; }

/* 搜尋結果 */
.search-col { padding-top: 15px; min-height: 60vh; }
.search-item { margin-top: 50px; }

/* 留言板 */
.contact-col { background-color: #fff; }
.contact-form { padding-top: 2em; }
.contact-form .hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.contact-form .cf-turnstile { margin-bottom: 15px; }

/* 文章內的表格：太寬時在框內橫向捲動，不撐破整頁（容器由 inc/bootstrap.php 的 rich() 加上） */
.table-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 10px; }

/* 頁尾 */
.site-footer > .container { font-size: 80%; }

/* 原本左右欄寫死 20% / 80%，手機上改回全寬 */
@media (max-width: 767px) {
    .side-col, .main-col { width: 100%; }
    /* 文章裡有些圖片寫死 900 多 px 寬，手機上會撐出橫向捲軸 */
    .main-col img, .home-news img, .search-item img { max-width: 100%; height: auto !important; }
    /* 內文裡直接貼的長網址 */
    .main-col a, .search-item a, .home-news a { overflow-wrap: anywhere; }
}