/* =========================================================
   Làng Ẩn Dật - BẢN 8F.7 TOP DONATE TRANSPARENT
   Làm nền Top Donate trong suốt hơn, vẫn đọc rõ chữ.
   ========================================================= */

/* Khung Top Donate ngoài trang chủ trong suốt hơn */
.home-donate-card{
  background:
    linear-gradient(135deg,rgba(8,8,13,.18),rgba(42,26,18,.10))!important;
  border-color:rgba(255,226,150,.24)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(5px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(112%)!important;
}

/* Bỏ lớp nền tối nặng trong khu QR/thông tin */
.donate-main,
.donate-info,
.donate-box,
.qr-box{
  background:transparent!important;
  box-shadow:none!important;
}

/* QR vẫn có nền trắng riêng để quét được */
.qr-img,
.home-donate-card img.qr-img,
#qrPreview,
#homeQr{
  background:#fff!important;
  padding:7px!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}

/* Dòng TOP trong hơn, không còn mảng đen quá dày */
.donate-row{
  background:
    linear-gradient(90deg,rgba(255,226,150,.10),rgba(0,0,0,.10))!important;
  border-color:rgba(255,226,150,.26)!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

/* TOP VIP vẫn nổi nhưng nền nhẹ hơn */
.donate-row.vip-top-card-1,
.donate-row:has(.vip-top-1){
  background:
    linear-gradient(90deg,rgba(255,212,70,.26),rgba(0,0,0,.12))!important;
}

.donate-row.vip-top-card-2,
.donate-row:has(.vip-top-2){
  background:
    linear-gradient(90deg,rgba(100,190,255,.22),rgba(0,0,0,.11))!important;
}

.donate-row.vip-top-card-3,
.donate-row:has(.vip-top-3){
  background:
    linear-gradient(90deg,rgba(255,120,55,.22),rgba(0,0,0,.11))!important;
}

.donate-row.vip-top-card-4,
.donate-row:has(.vip-top-4){
  background:
    linear-gradient(90deg,rgba(135,88,255,.22),rgba(0,0,0,.11))!important;
}

.donate-row.vip-top-card-5,
.donate-row:has(.vip-top-5){
  background:
    linear-gradient(90deg,rgba(255,78,55,.20),rgba(0,0,0,.11))!important;
}

/* Giảm overlay sweep nếu có để không làm nền bị đục */
.donate-row.vip-rank-card::before{
  opacity:.55!important;
}

.donate-row.vip-rank-card::after{
  opacity:.18!important;
}

/* Chữ thông tin ngân hàng rõ hơn trên nền trong */
.home-donate-card,
.home-donate-card b,
.home-donate-card span,
.home-donate-card p,
.donate-info,
.donate-info *{
  text-shadow:0 1px 2px rgba(0,0,0,.40)!important;
}

/* Mobile giữ trong suốt nhưng tăng chút tương phản */
@media(max-width:430px){
  .home-donate-card{
    background:
      linear-gradient(135deg,rgba(8,8,13,.24),rgba(42,26,18,.14))!important;
    backdrop-filter:blur(6px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(6px) saturate(112%)!important;
  }

  .donate-row{
    background:
      linear-gradient(90deg,rgba(255,226,150,.12),rgba(0,0,0,.14))!important;
  }
}