/* iBET AI Helper - 外掛樣式（中英通用） */

/* === 通用（含桌面置中）=== */
.ai-helper-fab{
  position: fixed !important;
  right: 16px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%);
  width: 90px !important;
  height: 90px !important;
  border-radius: 16px !important;
  background: transparent !important;   /* 外層透明 */
  box-shadow: none !important;          /* 外層不加陰影 */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2147483647 !important;
  cursor: pointer !important;
}

/* 圖示與陰影 */
.ai-helper-fab img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.20)); /* 清爽陰影 */
  transition: transform .15s ease, filter .15s ease;
}

/* hover：放大+加強陰影（僅桌面有效；行動裝置無 hover） */
@media (hover: hover){
  .ai-helper-fab:hover img{
    transform: scale(1.05);
    filter: drop-shadow(0 5px 10px rgba(0,0,0,.25))
            drop-shadow(0 2px 4px rgba(0,0,0,.20));
  }
}

/* === 手機：同樣垂直置中，尺寸 70px === */
@media (max-width: 768px){
  .ai-helper-fab{
    right: 12px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 14px !important;
  }
}

/* === 桌面：靠右對齊客服（30px），尺寸 90px === */
@media (min-width: 769px){
  .ai-helper-fab{
    right: 30px !important;  /* 與客服按鈕右邊緣對齊 */
    width: 90px !important;
    height: 90px !important;
    border-radius: 18px !important;
  }
}