/* Premium Korisnik — profil i sidebar */
.profile-name-row {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 10px 12px;
}

.profile-name-row h2 {
 margin: 0 !important;
}

.premium-user-badge {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 6px 12px 6px 8px;
 border-radius: 999px;
 background: linear-gradient(135deg, rgba(232, 93, 4, 0.22), rgba(201, 77, 0, 0.12));
 border: 1px solid rgba(232, 93, 4, 0.45);
 box-shadow: 0 4px 16px rgba(232, 93, 4, 0.2);
 font-size: 12px;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 color: #ffb347;
 animation: premium-badge-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.premium-user-badge img,
.premium-user-badge svg {
 width: 22px;
 height: 22px;
 flex-shrink: 0;
 filter: drop-shadow(0 2px 4px rgba(232, 93, 4, 0.35));
}

.premium-user-badge--sidebar {
 margin-top: 4px;
 padding: 4px 10px 4px 6px;
 font-size: 10px;
}

.premium-status-card {
 margin-top: 16px;
 padding: 16px 18px;
 border-radius: 12px;
 border: 1px solid rgba(232, 93, 4, 0.35);
 background: linear-gradient(145deg, rgba(232, 93, 4, 0.12), rgba(26, 27, 34, 0.9));
 display: flex;
 align-items: center;
 gap: 14px;
}

.premium-status-card[hidden] {
 display: none !important;
}

.premium-status-card .psc-icon {
 width: 40px;
 height: 40px;
 flex-shrink: 0;
}

.premium-status-card .psc-title {
 font-weight: 800;
 font-size: 15px;
 color: #ffb347;
 margin: 0 0 4px;
}

.premium-status-card .psc-sub {
 margin: 0;
 font-size: 13px;
 color: var(--muted, #8b919a);
}

@keyframes premium-badge-in {
 from {
 opacity: 0;
 transform: scale(0.9) translateY(4px);
 }
 to {
 opacity: 1;
 transform: scale(1) translateY(0);
 }
}

.sidebar-user.has-premium .sidebar-user-sub {
 color: #e85d04 !important;
}

.avatar-premium-ring {
 position: relative;
}

.avatar-premium-ring::after {
 content: "";
 position: absolute;
 inset: -3px;
 border-radius: 50%;
 border: 2px solid transparent;
 background: linear-gradient(135deg, #ffb347, #e85d04) border-box;
 -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
 mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
 -webkit-mask-composite: xor;
 mask-composite: exclude;
 pointer-events: none;
}
