.artist-image {
       width: 50px;
       max-width: 50px;
       height: 50px;
       border-radius: 50%;
       border: 2px solid var(--neon-pink);
       object-fit: cover;
       box-shadow: var(--shadow-sm);
   }	
	
	.social-icon {
		width: 32px; /* Consistent width */
		height: auto; /* Preserve natural height */
		object-fit: contain; /* Prevent cropping */
		transition: transform 0.3s ease; /* Keep hover effect */
	}

    .social-links .nav-link:hover .social-icon {
        transform: scale(1.1); /* Slight zoom on hover */
    }

   .header-title-image {
       height: 75px;
   }

   .header-title-image,
   .header-icon {
       max-width: 100%; /* Ensure images shrink  */
   }

    .header-icon {
        max-width: 100px;
        max-height: 100px;
    }

@media (max-width: 576px) {
    header .header-icon {
        padding: 0 !important;
        margin: 0 !important;
    }

    header .header-title-image {
        padding: 0 !important;
        margin: 0 !important;
    }
}

   
   .footer .nav-link {
       color: var(--white-bg);
       font-weight: 500;
       transition: color var(--transition-base);
   }
   
   .footer .nav-link:hover {
       color: var(--light-blue);
   }

    .social-links .nav-link {
        padding: 0.5rem; /* Adjust padding around */
    }  
	

    .link--auth:hover {
        color: var(--primary-blue); /* Matches hover gradient */
        text-decoration: underline;
    }

   .stats-link {
        color: var(--neon-pink);
        font-weight: bold;
        text-decoration: underline;
    }

   
   .platform-icon {
       max-width: 32px;
       max-height: 32px;
       margin-right: 10px;
       box-shadow: var(--shadow-sm);
       transition: transform var(--transition-transform);
   }
   
   .platform-icon:hover {
       transform: scale(1.1);
   }