/**
 * CSS tên user theo cảnh giới (comment) — port từ hh3d-core .role-*
 * Gắn class lên tên: <a class="hh3d-rank-name role-nguyen-anh">...</a>
 */

.hh3d-rank-name,
a.hh3d-rank-name {
  font-weight: 700;
  text-decoration: none;
  transition: filter 0.15s ease;
}

.hh3d-rank-name:hover,
a.hh3d-rank-name:hover {
  filter: brightness(1.12);
}

/* —— Phàm nhân → Hóa thần: màu chữ WP —— */
.role-pham-nhan {
  color: #a0a0a0 !important;
  font-weight: 700;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.75), 0 0 14px hsla(0, 0%, 63%, 0.4);
}

.role-luyenkhi {
  color: #31839e !important;
}

.role-truc-co {
  color: #308000 !important;
}

.role-kim-dan {
  color: #c1a700 !important;
}

.role-nguyen-anh {
  color: #ff5974 !important;
}

.role-hoa-than {
  color: #ff19d8 !important;
  text-shadow: 1px 1px 1px #d33, 0 0 10px #d848be, 0 0 10px #b643bc47 !important;
}

.role-luyen-hu,
.role-luyen-hu-trung {
  color: #fff !important;
  text-shadow: 1px 1px 1px #0eff8b, 0 0 10px #0eff8b, 0 0 10px #0eff8b !important;
}

.role-chan-tien,
.role-chan-tien-trung {
  color: #fff !important;
  text-shadow: 1px 1px 1px #00ced1, 0 0 10px #00ced1, 0 0 10px #00ced1 !important;
}

.role-dai-la {
  color: #ffe08a !important;
  text-shadow: 0 0 10px rgba(255, 200, 80, 0.55);
}

.role-chi-ton {
  color: #fff !important;
  text-shadow: 1px 1px 1px #f0c579, 0 0 12px #f0c579, 0 0 18px #c9a24a !important;
}

/* —— Từ Kết Đan / Nguyên Anh trở lên: fill GIF/webp vào chữ tên —— */
.hh3d-rank-name.role-kim-dan,
a.hh3d-rank-name.role-kim-dan {
  background: var(--hh3d-rank-kim-dan, url("/hh3d/user/title-fx/kim-dan.webp")) center / auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

.hh3d-rank-name.role-nguyen-anh,
a.hh3d-rank-name.role-nguyen-anh {
  background: var(--hh3d-rank-nguyen-anh-v2, url("/hh3d/user/title-fx/nguyen-anh-v2.webp")) center / auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

.hh3d-rank-name.role-hoa-than,
a.hh3d-rank-name.role-hoa-than {
  /* giữ glow hồng WP; không clip để text-shadow còn hiệu lực */
}

.hh3d-rank-name.role-hop-the-trung,
a.hh3d-rank-name.role-hop-the-trung {
  background: var(--hh3d-rank-hop_the, url("/hh3d/user/title-fx/hop_the.gif")) center / auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

.hh3d-rank-name.role-dai-thua-trung,
a.hh3d-rank-name.role-dai-thua-trung {
  background: var(--hh3d-rank-dai_thua, url("/hh3d/user/title-fx/dai_thua.gif")) center / auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

.hh3d-rank-name.role-do-kiep-trung,
a.hh3d-rank-name.role-do-kiep-trung {
  background: var(--hh3d-rank-do_kiep_ky_2024, url("/hh3d/user/title-fx/do_kiep_ky_2024.gif")) center / auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

.hh3d-rank-name.role-kim-tien-trung,
a.hh3d-rank-name.role-kim-tien-trung {
  background: var(--hh3d-rank-kim-tien-fix, url("/hh3d/user/title-fx/kim-tien-fix.webp")) center / auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

.hh3d-rank-name.role-thai-at-trung,
a.hh3d-rank-name.role-thai-at-trung {
  background: var(--hh3d-rank-thai-at-final, url("/hh3d/user/title-fx/thai-at-final.webp")) center / auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

.hh3d-rank-name.role-chan-than-trung,
a.hh3d-rank-name.role-chan-than-trung {
  background: var(--hh3d-rank-chan-than-final, url("/hh3d/user/title-fx/chan-than-final.webp")) center / auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

.hh3d-rank-name.role-thien-than-trung,
a.hh3d-rank-name.role-thien-than-trung {
  background: var(--hh3d-rank-thien-than, url("/hh3d/user/title-fx/thien-than.gif")) center / auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

.hh3d-rank-name.role-dau-thanh-9sao,
a.hh3d-rank-name.role-dau-thanh-9sao {
  background: var(--hh3d-rank-dau_thanh_2024, url("/hh3d/user/title-fx/dau_thanh_2024.gif")) center / auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

/* Badge cảnh giới cạnh tên (giữ nhẹ) */
.hh3d-rank-badge {
  display: inline-block;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.25);
  color: inherit;
}