/* Glow Hierarchy Tweaks for Premium Feel */

/* Strong glow: Primary button (Connect Spotify) */
.profile-header .btn {
  box-shadow: 0 0 24px 6px #ff69b4, 0 2px 8px #ffd9f7;
  background: linear-gradient(90deg,#ff69b4,#ffd9f7);
  color: #1a001a;
  font-weight: bold;
}

/* Medium glow: Active tab */
.profile-tabs .tab-bar .tab-btn.active,
.profile-tabs .tab-bar .tab-btn[aria-selected="true"] {
  box-shadow: 0 6px 18px rgba(139,0,255,0.18), 0 0 12px rgba(255,105,180,0.18);
  background: linear-gradient(90deg,#ff69b4,#8b00ff);
  color: #000 !important;
  border-color: rgba(255,105,180,0.3) !important;
}

/* Soft glow: Section headers */
.profile-container h2,
.profile-container h3,
.profile-container h4 {
  text-shadow: 0 0 8px rgba(255,105,180,0.12);
}

/* Very soft/no glow: Empty states, cards, sidebar */
.left-box[data-empty],
.rated-preview[data-empty],
.profile-sidebar {
  box-shadow: none !important;
  background: #0b0b0b !important;
  color: #aaa !important;
}

/* Cards: reduce glow */
.card,
.profile-container .card {
  box-shadow: 0 2px 8px rgba(255,105,180,0.08);
}

/* Banner Area Upgrade */
.profile-banner .banner-img {
  background: linear-gradient(120deg, #0a001a 0%, #2a0036 100%);
  position: relative;
  overflow: hidden;
}

/* Subtle texture overlay (SVG) */
.profile-banner .banner-img::after {
  display: none;
}

/* Very soft animated gradient */
@keyframes bannerGradient {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
.profile-banner .banner-img {
  background-size: 200% 200%;
  animation: bannerGradient 8s linear infinite;
}