/**
 * ============================================================================
 * SIDEBAR SPOTLIGHT EFFECTS - SIDEBAR AD WIDGET HOVER ANIMATIONS
 * ============================================================================
 * Simple hover effects for the sidebar spotlight widget.
 * ============================================================================
 */

/* ========================================================================== */
/* WIDGET CONTAINER EFFECTS */
/* ========================================================================== */
.sidebar-spotlight {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* WIDGET HOVER STATE - Lift */
.sidebar-spotlight:hover {
  transform: translateY(-2px); /* Lift up */
}

/* ========================================================================== */
/* BADGE EFFECTS */
/* ========================================================================== */
.sidebar-spotlight__badge {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* BADGE HOVER STATE - Lift and shadow */
.sidebar-spotlight__badge:hover {
  background-color: #2a2530; /* Lighter background */
  transform: translateY(-2px); /* Lift up */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Drop shadow */
}

/* ========================================================================== */
/* CONTENT AREA EFFECTS */
/* ========================================================================== */
.sidebar-spotlight__content {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* CONTENT HOVER STATE - Lighten and shadow */
.sidebar-spotlight__content:hover {
  background-color: #2a2530; /* Lighter background */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Drop shadow */
}

/* ========================================================================== */
/* TEXT EFFECTS */
/* ========================================================================== */
.sidebar-spotlight__text {
  transition: color 0.3s ease; /* Smooth color change */
}

/* TEXT HOVER STATE - Brighten */
.sidebar-spotlight__content:hover .sidebar-spotlight__text {
  color: rgba(255, 255, 255, 0.6); /* Brighter text */
}