/* =========================================================
   Announcement Marquee (FINAL, CLEAN)
   - 單行/多行皆可垂直+水平置中
   - 不依賴子主題覆蓋
   - 避免 header / flex 佈局干擾
========================================================= */

#am-marquee-wrapper {
  width: 100%;
  box-sizing: border-box;
}

/* JS 會鎖 height；這裡保持 block，避免 flex 影響高度計算 */
#am-marquee-wrapper .am-marquee-inner {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

/* 垂直輪播：track 用 column，transform 位移由 JS 控制 */
#am-marquee-wrapper .am-marquee-track {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  will-change: transform;
}

/* 每則公告：真正置中就在這裡完成 */
#am-marquee-wrapper .am-marquee-item {
  width: 100%;
  box-sizing: border-box;

  display: flex;
  align-items: center;       /* 垂直置中 */
  justify-content: center;   /* 水平置中 */
  text-align: center;

  /* 收斂：上下對稱 padding，避免視覺偏移 */
  padding: 0.6em 2rem;
  min-height: 44px;

  /* 允許多行（避免 nowrap 導致高度/基線怪異） */
  white-space: normal;
}

/* 文字容器：清 margin/padding，保證中心點不被推歪 */
#am-marquee-wrapper .am-marquee-text {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.35;
}

/* WordPress 常自動包 <p>，p 的 margin 會造成看起來不置中 */
#am-marquee-wrapper .am-marquee-text p {
  margin: 0 !important;
  padding: 0 !important;
}

/* 可點擊時的手感（JS 會設定 cursor:pointer） */
#am-marquee-wrapper .am-marquee-item:hover {
  filter: brightness(1.02);
}

/* 手機 */
@media (max-width: 768px) {
  #am-marquee-wrapper .am-marquee-item {
    padding: 0.55em 1rem;
    min-height: 40px;
  }
}