/* Sticky Header Lite — sticky-header.css */

/* ── 基礎過場 ──────────────────────────────────────────── */
.shl-target {
  transition:
    padding      var(--shl-speed, 300ms) ease,
    background   var(--shl-speed, 300ms) ease,
    box-shadow   var(--shl-speed, 300ms) ease,
    transform    var(--shl-speed, 300ms) ease;
}

/* ── Placeholder：防止 fixed 後 layout 跳動 ─────────────── */
#shl-placeholder {
  display: none;
  pointer-events: none;
}

/* ── Sticky 觸發 ─────────────────────────────────────────── */
.shl-active {
  position: fixed !important;
  top:      0 !important;
  left:     0 !important;
  width:    100% !important;
  z-index:  var(--shl-z, 99999);
  background: var(--shl-bg, rgba(255,255,255,.98)) !important;
  box-shadow: var(--shl-shadow, 0 2px 20px rgba(0,0,0,.12));
}

/* Admin Bar 偏移（WordPress 預設 32px / 46px mobile）*/
.admin-bar .shl-active {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  .admin-bar .shl-active {
    top: 46px !important;
  }
}

/* ── Shrink 效果 ──────────────────────────────────────────── */
.shl-shrink {
  padding-top:    6px !important;
  padding-bottom: 6px !important;
}

/* Logo 縮小 — 覆蓋常見主題的 logo 選擇器 */
.shl-shrink .site-logo img,
.shl-shrink .custom-logo,
.shl-shrink .navbar-brand img,
.shl-shrink .logo img,
.shl-shrink .elementor-widget-theme-site-logo img {
  max-height: 36px !important;
  width: auto !important;
  transition: max-height var(--shl-speed, 300ms) ease;
}

/* ── Hide on scroll down ──────────────────────────────────── */
.shl-hide {
  transform: translateY(-110%) !important;
}

/* ── 如果主題已設 position:sticky，先清除以免衝突 ─────── */
.shl-target[style*="sticky"] {
  position: static !important;
}