/* Làng Ẩn Dật - v8G32 Single Background + Netlify Smooth
   Mục tiêu: dùng 1 ảnh nền duy nhất, tắt slideshow/zoom/transition nặng,
   giảm repaint khi kéo chuột, đặc biệt trang Admin/Bang Chiến. */

.background-slider.single-bg,
.background-slider{
  background:#05070d !important;
  contain: paint !important;
}

.bg-slide{
  opacity:0 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
  background-attachment:scroll !important;
}

.bg-slide.active{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
}

.bg-slide:not(.active){
  display:none !important;
}

.bg-overlay{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Tắt hiệu ứng hover gây giật khi rê chuột qua bảng dài */
.admin-user-row,
.admin-user-row *,
.admin-btn,
.admin-action,
.bc-row,
.bc-row *,
.menu-btn,
.home-action,
.close-page{
  transition: background-color .12s ease, color .12s ease, border-color .12s ease, opacity .12s ease !important;
}

.admin-user-row:hover,
.admin-btn:hover,
.admin-action:hover,
.bc-row:hover,
.menu-btn:hover,
.home-action:hover,
.close-page:hover{
  transform:none !important;
  filter:none !important;
}

/* Scroll mượt hơn cho danh sách Admin */
.admin-page,
.admin-shell,
.admin-list,
.admin-user-list,
.admin-table,
.admin-log-list,
.page-shell{
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
}

/* Admin dùng lớp nền đơn giản hơn để giảm paint cost */
body.lad-admin-active .bg-slide.active,
body[data-page="admin"] .bg-slide.active{
  opacity:.82 !important;
  transform:none !important;
}

body.lad-admin-active .bg-overlay,
body[data-page="admin"] .bg-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.34)) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Tắt animation chữ/ánh sáng trong admin để không repaint liên tục */
body.lad-admin-active *,
body[data-page="admin"] *{
  animation-duration:0s !important;
  animation-iteration-count:1 !important;
}

/* Mobile càng nhẹ hơn */
@media (max-width: 768px){
  .bg-slide.active{opacity:.78 !important;}
  .bg-overlay{background:rgba(0,0,0,.36) !important;}
  *{scroll-behavior:auto !important;}
}