/* ===================================================================
 * 自訂樣式 - 高鉅官網
 * 此檔由 T4 版型自動載入（排在 template.css 之後），版型更新不會覆蓋。
 * =================================================================== */

/* -------------------------------------------------------------------
 * 捲動定位避開固定頁首
 *
 * 問題：Convert Forms 表單送出後，site.js 呼叫 n.scrollIntoView()，
 *       會把表單頂端對齊視窗最上緣，導致最上方的成功訊息
 *       (.cf-response) 被固定頁首遮住。
 *
 * 作法：用 scroll-padding-top / scroll-margin-top 讓瀏覽器捲動時
 *       自動預留頁首高度，不需修改 Convert Forms 程式檔。
 *
 * 數值：依 .t4-header .header-wrap 的 min-height 設定
 *       桌機 80px + 20px 緩衝 = 100px
 *       手機 56px + 16px 緩衝 = 72px
 *       若頁首高度調整過，改下面的 --cf-scroll-offset 即可。
 * ------------------------------------------------------------------- */

:root {
  --cf-scroll-offset: 100px;
}

@media (max-width: 767.98px) {
  :root {
    --cf-scroll-offset: 72px;
  }
}

/* 全站錨點捲動（含表單送出後的捲動）統一預留頁首空間 */
html {
  scroll-padding-top: var(--cf-scroll-offset);
}

/* Convert Forms 表單外層容器，送出後就是捲動到這個元素 */
.convertforms.cf {
  scroll-margin-top: var(--cf-scroll-offset);
}