/* Unified badge system: feed, profile, comments, modals, sidebar */

:root {
  /* Existing size variables (kept as-is) */
  --badge-size-header: 30px;
  --badge-size-base: 25px;
  --badge-size-post: 20px;
  --badge-size-comment: 20px;
  --badge-size-sidebar: 18px;

  --badge-size-premium: 20px;
  --badge-size-verify: 24px;
  --badge-check-verify: var(--badge-check-base);
  --badge-size-verify-header: 56px;
  --badge-check-verify-header: 26px;

  --badge-check-header: 30px;
  --badge-check-base: 11px;
  --badge-check-post: 11px;
  --badge-check-comment: 10px;

  /* Visual system tokens */
  --badge-accent: #e91e63;
  --badge-transition: 0.24s ease;
  --badge-gap: 6px;
  --badge-pill-radius: 999px;
}

/* ===== LAYOUT / ALIGNMENT ===== */
.profile-badges {
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.profile-badges.loaded {
  visibility: visible;
}

/* ===== PROFILE ACHIEVEMENT BADGES ===== */
.profile-achievement-badges {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
  margin-bottom: 6px;
  justify-content: center;
}

.profile-achievement-badges:empty {
  display: none;
}

.profile-achievement-badge {
  padding: 5px 12px;
  border-radius: 18px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.4px;
  transition: transform 0.2s ease;
}

.profile-achievement-badge:hover {
  transform: scale(1.05);
}

.badge-bronze {
  background: rgba(205,127,50,0.15);
  border: 1px solid #cd7f32;
  color: #cd7f32;
}

.badge-silver {
  background: rgba(192,192,192,0.15);
  border: 1px solid #c0c0c0;
  color: #c0c0c0;
}

.badge-gold {
  background: rgba(255,215,0,0.15);
  border: 1px solid #ffd700;
  color: #ffd700;
}

.badge-platinum {
  background: rgba(0,229,255,0.15);
  border: 1px solid #00e5ff;
  color: #00e5ff;
}

.badge-diamond {
  background: linear-gradient(45deg,#7b61ff,#00e5ff);
  border: 1px solid rgba(0,229,255,0.8);
  color: #060611;
  box-shadow: 0 0 14px rgba(0,229,255,0.35), 0 0 22px rgba(123,97,255,0.25);
}

.profile-achievement-badge.badge-diamond:hover {
  box-shadow: 0 0 18px rgba(0,229,255,0.5), 0 0 26px rgba(123,97,255,0.35);
}

.username-line,
.post-username,
.post-modal-username,
.comment-username,
.profile-username {
  display: inline-flex;
  align-items: center;
  gap: var(--badge-gap);
  vertical-align: middle;
  line-height: 1;
}

/* Remove margin-left where flex gap already controls spacing */
.username-line :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill),
.post-username :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill),
.post-modal-username :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill),
.comment-username :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill),
.profile-username :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill) {
  margin-left: 0;
}

/* ===== BADGE BASE ===== */
.badge-icon,
.verified-badge,
.premium-badge,
.premium-badge-pill,
.news-badge-pill {
  --_badge-size: var(--badge-size-base);
  --_badge-check-size: var(--badge-check-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  vertical-align: middle;
  line-height: 1;
  transition: transform var(--badge-transition), box-shadow var(--badge-transition), filter var(--badge-transition), background-color var(--badge-transition), border-color var(--badge-transition), color var(--badge-transition);
}

.badge-icon,
.verified-badge,
.premium-badge,
.premium-badge-pill,
.news-badge-pill {
  margin-left: 6px;
}

.badge-icon {
  font-size: var(--badge-size-base);
  color: var(--badge-accent);
}

/* ===== VERIFIED BADGE ===== */
.verified-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #e91e63;
  line-height: 1;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.verified-badge:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 0 6px rgba(233, 30, 99, 0.5));
}



/* ===== PREMIUM / NEWS BADGES ===== */
.premium-badge {
  --_badge-size: var(--badge-size-premium);
  width: var(--_badge-size);
  height: var(--_badge-size);
  color: var(--badge-accent);
  filter: drop-shadow(0 0 6px rgba(233, 30, 99, 0.2));
}

.premium-badge i {
  font-size: var(--_badge-size);
  line-height: 1;
  color: inherit;
}

.premium-badge-pill,
.news-badge-pill {
  --_badge-size: var(--badge-size-premium);
  min-height: calc(var(--_badge-size) + 2px);
  padding: 0.18em 0.62em;
  border-radius: var(--badge-pill-radius);
  border: 1px solid transparent;
  gap: 0.38em;
  font-size: clamp(10px, calc(var(--_badge-size) * 0.52), 14px);
  font-weight: 700;
  letter-spacing: 0.01em;
  text-decoration: none;
}

.premium-badge-pill {
  color: #ffd5e6;
  border-color: rgba(233, 30, 99, 0.38);
  background: linear-gradient(180deg, rgba(233, 30, 99, 0.24) 0%, rgba(233, 30, 99, 0.12) 100%);
  box-shadow: 0 0 0 1px rgba(233, 30, 99, 0.08), 0 6px 14px rgba(233, 30, 99, 0.16);
}

.news-badge-pill {
  color: #dceeff;
  border-color: rgba(52, 152, 219, 0.36);
  background: linear-gradient(180deg, rgba(52, 152, 219, 0.24) 0%, rgba(52, 152, 219, 0.12) 100%);
  box-shadow: 0 0 0 1px rgba(52, 152, 219, 0.08), 0 6px 14px rgba(52, 152, 219, 0.14);
}

.premium-badge-pill i,
.news-badge-pill i {
  font-size: 1em;
  line-height: 1;
}

.badge-role-news {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 3px 10px;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(180deg, #d42a73 0%, #b61f61 100%);
}

.news-badge {
  color: #fff;
  background-color: #3498db;
}

/* ===== CONTEXT-BASED SCALING ===== */
.post-username :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill),
.post-header .username-line :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill) {
  --_badge-size: var(--badge-size-post);
}

.post-username .verified-badge,
.post-header .username-line .verified-badge {
  --_badge-check-size: var(--badge-check-post);
}

.comment-username :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill),
.post-modal .comment-username :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill),
.post-modal-username :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill) {
  --_badge-size: var(--badge-size-comment);
}

.comment-username .verified-badge,
.post-modal .comment-username .verified-badge,
.post-modal-username .verified-badge {
  --_badge-check-size: var(--badge-check-comment);
}

.right-sidebar :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill) {
  --_badge-size: var(--badge-size-sidebar);
}

.profile-username :is(.verified-badge, .premium-badge, .premium-badge-pill, .news-badge-pill) {
  --_badge-size: var(--badge-size-header);
}

.profile-username .verified-badge {
  --_badge-check-size: var(--badge-check-header);
}

/* Keep existing profile-id specific behavior with variable-driven sizing */
#profileUsername.profile-username .verified-badge {
  --_badge-size: var(--badge-size-verify-header);
  --_badge-check-size: calc(var(--badge-size-verify-header) * 0.5);
}

/* ===== INTERACTIONS ===== */
.verified-badge:hover,
.premium-badge:hover,
.premium-badge-pill:hover,
.news-badge-pill:hover {
  transform: translateY(-1px) scale(1.03);
}

.verified-badge:hover,
.premium-badge:hover {
  filter: drop-shadow(0 0 8px rgba(233, 30, 99, 0.28));
}

.premium-badge-pill:hover {
  box-shadow: 0 0 0 1px rgba(233, 30, 99, 0.2), 0 8px 18px rgba(233, 30, 99, 0.24);
}

.news-badge-pill:hover {
  box-shadow: 0 0 0 1px rgba(52, 152, 219, 0.2), 0 8px 18px rgba(52, 152, 219, 0.22);
}
.badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px; /* mai controlat */
  color: #e91e63;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.badge-icon .fa-gamepad {
  filter: drop-shadow(0 0 4px rgba(233, 30, 99, 0.4));
}

.badge-icon:hover {
  transform: translateY(-1px) scale(1.05);
}

.badge-icon:hover .fa-gamepad {
  filter: drop-shadow(0 0 8px rgba(233, 30, 99, 0.7));
}

/* === SEARCH BADGE SIZE FIX === */
.search-item .badge-icon,
.search-item .verified-badge,
.search-item .premium-badge {
  font-size: 18px !important;
}

/* === FEED BADGE ALIGN FIX === */

.post-username,
.profile-username {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Premium user (gamepad) */
.premium-badge {
  font-size: 18px;
  color: #e91e63;
  line-height: 1;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Premium post (crown) */
.premium-post-badge {
  font-size: 16px;
  color: #ffcc00;
  filter: drop-shadow(0 0 4px rgba(255, 204, 0, 0.4));
  line-height: 1;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}