/* เอฟเฟกต์เมนู/ปุ่มเมื่อชี้เมาส์ (เฉพาะอุปกรณ์ที่มีเมาส์ · ปิดเองเมื่อตั้งค่าลดการเคลื่อนไหว) */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  /* เมนูซ้าย (แดชบอร์ด/หลังบ้าน): เลื่อนไปทางขวา + ไอคอนเด้ง */
  nav button, aside nav button, .desktop-subnav { transition:transform .22s cubic-bezier(.2,.8,.2,1), background-color .22s, color .22s, box-shadow .22s !important; }
  nav button:hover, aside nav button:hover, .desktop-subnav:hover { transform:translateX(5px); }
  /* พื้นหลังฟ้าอ่อนตอนชี้ (เหมือนเมนูที่เลือกอยู่ แต่อ่อนกว่า) */
  nav button:not(.on):hover, .desktop-subnav:not(.on):hover { background:rgba(28,126,214,.10) !important; color:#1C7ED6 !important; }
  nav button:hover svg, nav button:hover .ic, .desktop-subnav:hover svg { animation:nm-pop .45s cubic-bezier(.3,1.6,.5,1); }
  nav button:active, .desktop-subnav:active { transform:translateX(5px) scale(.97); }
  /* เมนูด้านบนเว็บไซต์: เส้นใต้ค่อยๆ ขยายจากกลาง + ยกขึ้นเล็กน้อย */
  .nav, .navlinks a, header nav a, .bar .nav { position:relative; transition:color .2s, transform .22s cubic-bezier(.2,.8,.2,1); }
  .nav::after, .navlinks a::after, header nav a::after { content:""; position:absolute; left:50%; right:50%; bottom:1px; height:2px; border-radius:2px; background:linear-gradient(90deg,#1C7ED6,#3DD9B3); transition:left .25s cubic-bezier(.2,.8,.2,1), right .25s cubic-bezier(.2,.8,.2,1); }
  .nav, .navlinks a, header nav a { padding:6px 10px; margin:-6px -10px; border-radius:10px; transition:color .2s, background-color .22s, transform .22s cubic-bezier(.2,.8,.2,1) !important; }
  .nav:hover, .navlinks a:hover, header nav a:hover { transform:translateY(-2px); background:rgba(28,126,214,.10); color:#1C7ED6 !important; }
  .nav:hover::after, .navlinks a:hover::after, header nav a:hover::after { left:10px; right:10px; }
  /* ปุ่ม: ลอยขึ้น + เงา · กดแล้วยุบ */
  .btn, .chip, .acct-switch, .am-item, .rail-link, .lp-line, .lp-dash { transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s, background-color .22s, filter .22s !important; }
  .btn:hover, .lp-line:hover, .lp-dash:hover { transform:translateY(-2px); box-shadow:0 10px 22px -10px rgba(28,126,214,.55); filter:saturate(1.08); }
  .chip:hover, .rail-link:hover { transform:translateY(-2px); }
  .acct-switch:hover { transform:translateY(-1px); box-shadow:0 8px 18px -12px rgba(28,126,214,.6); }
  .am-item:hover { transform:translateX(4px); }
  .btn:active, .chip:active, .acct-switch:active, .am-item:active, .lp-line:active { transform:scale(.97); box-shadow:none; }
  /* การ์ด/รายการที่กดได้: ยกขึ้นเบาๆ */
  a.post, a.item, .list-item, .fg > summary, .kpi[data-go] { transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s, border-color .25s; }
  a.post:hover, a.item:hover, .kpi[data-go]:hover { transform:translateY(-4px); box-shadow:0 18px 40px -26px rgba(28,126,214,.55); }
  .list-item:hover { transform:translateX(4px); }
  @keyframes nm-pop { 0% { transform:scale(1) rotate(0); } 40% { transform:scale(1.22) rotate(-8deg); } 70% { transform:scale(.95) rotate(4deg); } 100% { transform:scale(1) rotate(0); } }
}