/* =========================================================
   VELAEA CENTER - No Image Drag / Logo Ghost Fix
   ใช้ล็อกรูปโลโก้และรูปภาพไม่ให้ถูกลากแล้วลอยตามเมาส์
   ใช้ได้ทั้ง Dashboard ลูกค้า + Admin + หน้าเว็บหลัก
========================================================= */

img,
svg,
.brand,
.brand img,
.logo,
.logo img,
.site-logo,
.site-logo img,
.sidebar-logo,
.sidebar-logo img,
.admin-logo,
.admin-logo img,
.admin-brand,
.admin-brand img,
.dashboard-logo,
.dashboard-logo img,
.customer-logo,
.customer-logo img,
.app-logo,
.app-logo img,
.nav-logo,
.nav-logo img,
.sidebar .brand,
.sidebar .brand img,
.dashboard-sidebar img,
.admin-sidebar img,
.side-logo img,
.user-avatar,
.user-avatar img,
.avatar,
.avatar img {
  -webkit-user-drag: none !important;
  user-drag: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}

/* กัน browser สร้าง ghost preview ตอนลากรูป โดยไม่ทำให้ layout หรือ click เสีย */
a img,
button img,
.sidebar img,
.admin-sidebar img,
.dashboard-sidebar img {
  -webkit-user-drag: none !important;
  user-select: none !important;
}

/* เวลาเมาส์ค้างที่โลโก้ ให้ยังรู้สึกเป็นองค์ประกอบนิ่ง ไม่ใช่วัตถุที่ลากได้ */
.brand,
.logo,
.sidebar-logo,
.admin-logo,
.dashboard-logo,
.customer-logo,
.app-logo,
.nav-logo {
  cursor: default;
}

/* ถ้าโลโก้เป็นลิงก์ ให้ยังแสดง cursor แบบกดได้ */
a.brand,
a.logo,
a.sidebar-logo,
a.admin-logo,
a.dashboard-logo,
a.customer-logo,
a.app-logo,
a.nav-logo {
  cursor: pointer;
}