/* ── 寬度：桌機 360px、手機 200px ───────────────────────── */
@media (min-width: 769px) {
  .shiftnav,
  .shiftnav-main,
  .shiftnav-panel { width: 420px !important; max-width: 420px !important; }
}
@media (max-width: 768px) {
  .shiftnav,
  .shiftnav-main,
  .shiftnav-panel { width: 280px !important; max-width: 280px !important; }
}

/* ── 抽屜從右側滑出時：X 固定在面板內的右上角 ─────────────── */
/* 若你是左側滑出，見下方「左側版本」 */
.shiftnav-right-edge .shiftnav { right: 0 !important; left: auto !important; }
.shiftnav-right-edge .shiftnav .shiftnav-close {
  position: absolute !important;
  top: 10px;           /* 依喜好調整 */
  right: 12px;         /* 讓 X 貼在面板內側 */
  left: auto !important;
  z-index: 100000;
}

/* 展開時，隱藏外面的綠色切換按鈕列，避免漂浮在畫面上 */
.shiftnav-open .shiftnav-toggle,
.shiftnav-open .shiftnav-toggle-main,
.shiftnav-open .shiftnav-toggle-button {
  display: none !important;
}

/* 可選：面板內邊距，避免文字貼邊 */
.shiftnav .shiftnav-inner { padding: 16px 20px !important; }

/* 移除背景 + 保持原位 */
.shiftnav-panel-close {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* X icon 樣式 */
.shiftnav-panel-close i {
  font-size: 24px;
 
  transition: color 0.2s ease; /* 加點漸變 */
}

/* 滑過時變色 */
.shiftnav-panel-close:hover i {
  color: #006160;  /* hover 變淺綠 */
}

.shiftnav:after {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}


/* 正常狀態：保持深綠色 */
.wp-block-button__link {
  background-color: #006160 !important;
  color: #ffffff !important;
  border-radius: 50px;   /* 保持圓角 */
  border: none;          /* 移除邊框 */
  transition: all 0.3s ease; /* 平滑過渡效果 */
}

/* 滑鼠移入時：改為橘色 */
.wp-block-button__link:hover {
  background-color: #E9903B !important;
  color: #ffffff !important;  /* 字保持白色 */
}