/* text-shadow: 水平偏移 | 垂直偏移 | 模糊程度 | 顏色 */
.shadow {
    text-shadow: 2px 2px 12px black;
}

/* 反回頂端與AI Engine尺寸與間距（RWD） */
:root {
  --fab-size: clamp(40px, 8vmin, 64px);         /* 外層按鈕大小 */
  --fab-icon: clamp(22px, 5vmin, 36px);         /* 內層圖示大小 */
  --fab-gap: clamp(8px, 2vmin, 12px);           /* 兩顆按鈕的間距 */
  --fab-pad: clamp(12px, 3vmin, 20px);          /* 與螢幕邊緣距離 */
}

/* iOS 安全區域（有瀏海/小白條時不會貼太下方） */
@supports (bottom: env(safe-area-inset-bottom)) {
  :root { --safe-bottom: env(safe-area-inset-bottom); --safe-right: env(safe-area-inset-right); }
}
@supports not (bottom: env(safe-area-inset-bottom)) {
  :root { --safe-bottom: 0px; --safe-right: 0px; }
}

/* 回頂端 固定在右下角 */
#ast-scroll-top {
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;
  bottom: calc(var(--fab-pad) + var(--safe-bottom)) !important;
  padding: 0 !important;
  box-sizing: border-box;
  z-index: 100000 !important;
}


/* 聊天按鈕 疊在回頂端上面（往上位移 自動不重疊） */
#mwai-chatbot-default .mwai-icon-container {
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;
  bottom: calc(var(--fab-pad) + var(--safe-bottom) + var(--fab-size) + var(--fab-gap)) !important;
  padding: 0 !important;
  box-sizing: border-box;
  /* 比回頂端高一層 */
}


/* 內層圖示跟著容器縮放 */
#mwai-chatbot-default .mwai-icon-container img.mwai-icon {
  width: var(--fab-icon) !important;
  height: var(--fab-icon) !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}


/* 讓 AI Engine 對話窗永遠蓋在最上層 */
#mwai-chatbot-default,
#mwai-chatbot-default .mwai-window,
#mwai-chatbot-default .mwai-chatbot,
#mwai-chatbot-default .mwai-container {
  position: fixed;                 /* 確保建立固定定位與堆疊環境 */
  z-index: 100010 !important;      /* 高於返回頂端 */
}


#mwai-chatbot-default .mwai-icon-container{
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;
  /* 平時：在回頂端之上 1 顆按鈕 */
  bottom: calc(var(--fab-pad) + var(--safe-bottom) + (var(--fab-size) + var(--fab-gap))) !important;
  z-index: 100010 !important;
}


/* 小螢幕時，自動縮間距/尺寸，避免壓迫 */
@media (max-width: 380px) {
  :root { --fab-size: clamp(36px, 10vmin, 48px); --fab-gap: 8px; --fab-pad: 12px; }
}


/* 修正返回頂端箭頭置中 */
#ast-scroll-top {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;   /* 避免文字型圖示偏移 */
}


/* SVG，強制在容器中垂直置中 */
#ast-scroll-top svg,
#ast-scroll-top .ast-icon svg {
  width: 70%;
  height: 70%;
  display: block;
  margin: auto;
  transform: translateY(0); /* 保險：歸零任何上移效果 */
  vertical-align: middle !important;
}

#mwai-chatbot-default .mwai-icon-container{
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;


  /* 平時：在回頂端之上 1 顆按鈕 */
  bottom: calc(var(--fab-pad) + var(--safe-bottom) + (var(--fab-size) + var(--fab-gap))) !important;
  z-index: 100010 !important;
}


/* 桌機版（預設） */
@media only screen and (min-width:1024px) {
/* 隱藏桌機版客服圖示及隱私權 */
  .customer-service-icon, #privacy {
    display: none !important;
  }
}


/* 平板版 */
@media only screen and (min-width:769px) and (max-width:1023px){
/* 隱藏平板版客服圖示及隱私權 */  
	.customer-service-icon, #privacy {
    display: none !important;
  }
	}

/* 手機版*/
@media only screen and (max-width: 768px) {
/* 手機板頁尾樣式 */
  #F2,
  #F3 {
    display: none !important;
  }

  /* 手機端啟用堆疊（垂直排列） */
  .footer {
    display: flex;
    flex-direction: column; /* 垂直堆疊 */
    align-items: flex-start; /* 可改為 center 視需求 */
  }
	
	/* 手機板去掉space樣式 */
	 .space {
    display: none !important;
  }
	}