/*
 * ====================================================================
 * 💖 REVISED YASS QUEEN POP-ART THEME (pop-art-theme.css) 👑
 * ====================================================================
 * * FIXES: Overlap and visual conflict reduced for improved clarity.
 * (Only structural and effect sections with changes are shown below)
 */

:root {
  /* ... (Color variables remain the same) ... */
  /* Reduced the text glow to be less harsh on surrounding content */
  --text-glow: 0 0 5px rgba(255, 246, 133, 0.7); 
  /* ... */
}


/*
 * ====================================================================
 * 2. STRUCTURAL & LAYOUT OVERRIDES (Card Shadow Reduced)
 * ====================================================================
 */

/* Use a light border to frame components on the dark background */
.card-bg, 
.floating-card, 
.premium-card, 
.next-stream-card,
.sidebar-module,
.stream-player {
  border: 2px solid var(--electric-pink);
  /* REDUCED: Smaller, tighter offset shadow to minimize overlap */
  box-shadow: 3px 3px 0px 0px var(--royal-blue); 
}


/*
 * ====================================================================
 * 3. INTERACTION & EFFECT OVERRIDES (Button & Card Hover Tweaked)
 * ====================================================================
 */

/* --- Buttons --- */
.btn-primary {
  background: var(--electric-pink); 
  border: 2px solid var(--electric-pink);
  box-shadow: 3px 3px 0px 0px var(--royal-blue); /* Reduced offset */
}

.btn-primary:hover {
  /* ... (Background/Border change kept) ... */
  box-shadow: 0 0 18px var(--electric-pink); 
  /* Reduced shift on hover */
  transform: translate(1px, 1px); 
}

/* --- Nav Links --- */
.nav-link:hover, .nav-link.active {
  color: var(--bright-yellow); 
  text-shadow: var(--text-glow); 
}

/* Nav Underline: Reduced thickness and moved up to reduce overlap */
.nav-link::after {
  background: var(--bright-yellow); 
  height: 2px; /* Reduced thickness */
  bottom: -4px; /* Moved up slightly */
}

/* --- Card Hovers --- */
.premium-card:hover {
  transform: translateY(-4px); /* Slightly less vertical lift */
  /* REDUCED: The offset shadow is smaller and tighter */
  box-shadow: 5px 5px 0px 0px var(--royal-blue), 0 0 25px rgba(255, 29, 88, 0.4); 
}

/*
 * ====================================================================
 * 4. SPECIFIC COMPONENT THEMING (Title Shadow Cleaned Up)
 * ====================================================================
 */

/* --- Gradients (Titles & Stats) --- */
.hero-title,
.section-title,
.about-title,
.stat-number,
.countdown-number,
.card-title {
  background: linear-gradient(45deg, var(--electric-pink), var(--bright-yellow), var(--vivid-orange));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* CLEANUP: Replaced the sharp offset shadow with a cleaner text-shadow glow */
  text-shadow: 0 0 5px rgba(255, 29, 88, 0.4); 
}