/* 固定 header 並解決遮擋問題 */
.smart-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #000; /* 黑色背景，避免透明導致底下干擾 */
  transition: top 0.3s ease-in-out;
}

/* 隱藏 header 動畫 */
.smart-header.hide {
  top: -120px; /* 根據實際 header 高度微調 */
}

/* 主內容 padding，避免被 header 遮擋 */
body main,
body .site-main,
body .wp-block-group.alignfull,
body .is-layout-constrained {
  padding-top: 100px; /* 電腦版預設高度 */
}

@media (max-width: 768px) {
  body main,
  body .site-main,
  body .wp-block-group.alignfull,
  body .is-layout-constrained {
    padding-top: 120px; /* 手機預設高度 */
  }
}