/**
 * Artist Showcase Elementor - Styles
 */

:root {
    --ash-bg: #0a0a0a;
    --ash-fg: #fafafa;
    --ash-accent: #e69500;
    --ash-muted: #999;
}

/* Hero Section */
.ash-hero { position: relative; width: 100%; }
.ash-hero-image-wrap { position: relative; width: 100%; overflow: hidden; }
.ash-hero-image { width: 100%; height: 100%; object-fit: cover; }
.ash-hero-gradient { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 0%, #0a0a0a 100%); }
.ash-hero-content { position: absolute; inset: 0; display: flex; flex-direction: column; }
.ash-hero-inner { width: 100%; max-width: 900px; margin: 0 auto; }
.ash-artist-name { font-family: 'Bebas Neue', sans-serif; color: var(--ash-fg); letter-spacing: 0.1em; margin: 0; line-height: 1; }
.ash-artist-genres { color: var(--ash-muted); font-family: 'Inter', sans-serif; margin-top: 8px; font-weight: 300; }
.ash-social-links { display: flex; flex-wrap: wrap; }
.ash-social-link { display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.3s; text-decoration: none; }
.ash-social-link:hover { transform: scale(1.1); box-shadow: 0 0 25px rgba(230,149,0,0.4); }

/* Release Card */
.as-release-card { 
    background: linear-gradient(145deg, hsl(0,0%,10%) 0%, hsl(0,0%,6%) 100%); 
    border-radius: 12px; 
    padding: 16px; 
    border: 1px solid rgba(38,38,38,0.3); 
    transition: all 0.4s; 
}
.as-release-card:hover { 
    border-color: rgba(230,149,0,0.3); 
    transform: translateY(-4px); 
}
.as-release-card-inner { display: flex; flex-direction: column; gap: 16px; }
.as-release-cover-link { display: block; text-decoration: none; }
.as-release-cover-container { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; border-radius: 8px; }
.as-release-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.5s; }
.as-release-cover-placeholder { background: #262626; position: absolute; inset: 0; }
.as-release-card:hover .as-release-cover { transform: scale(1.05); }
.as-release-cover-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,10,10,0.6), transparent); opacity: 0; transition: opacity 0.3s; }
.as-release-card:hover .as-release-cover-overlay { opacity: 1; }
.as-release-info { display: flex; flex-direction: column; gap: 8px; }
.as-release-type { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; }
.as-release-title-link { text-decoration: none; color: var(--ash-fg); transition: color 0.3s; }
.as-release-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.25rem; color: var(--ash-fg); margin: 4px 0 0; letter-spacing: 0.02em; }
.as-release-date { font-size: 13px; color: var(--ash-muted); margin-top: 2px; font-family: 'Inter', sans-serif; }