/* ============================================================
   EWA Responsive —— 全站統一 RWD 斷點
   斷點：1024 / 900 / 768 / 480（勿再自行發明）
   900px = MENU 桌機↔手機的分界。
   ============================================================ */

/* ≤ 900px：選單切換 + 導覽縮小 */
@media (max-width: 900px) {
  :root { --ewa-nav-h: var(--ewa-nav-h-sm); }

  /* NAV：logo 與字標縮小 */
  .ewa-logo-mark { height: 30px; }
  .ewa-logo-word { height: 38px; }
  .ewa-nav-name { font-size: 20px; }
  .ewa-consult { height: 38px; padding: 0 18px; font-size: 14px; }

  /* ⭐ MENU：關掉桌機版、開啟手機版（單一切換點） */
  .ewa-menu-desk { display: none; }
  .ewa-menu-mob  { display: flex; }
}

/* ≤ 768px：頁尾轉單欄堆疊 */
@media (max-width: 768px) {
  .ewa-foot-inner { grid-template-columns: 1fr; }
  .ewa-foot-cols  { grid-template-columns: 1fr 1fr; }
}

/* ≤ 480px：小手機微調 */
@media (max-width: 480px) {
  .ewa-consult { padding: 0 14px; font-size: 12px; letter-spacing: .06em; }
  .ewa-nav-name { display: none; }         /* 空間不足時只留 logo */
  .ewa-nav-div  { display: none; }
  .ewa-foot-cols { grid-template-columns: 1fr; }
  .ewa-soc { width: 40px; height: 40px; }
  .ewa-soc svg { width: 22px; height: 22px; }
}

/* 觸控裝置：關閉 hover 依賴的細節（避免點擊卡住 hover 態） */
@media (hover: none) {
  .ewa-consult:hover::before { transform: translateX(-101%); }
  .ewa-consult:hover { color: var(--ewa-brass); }
}