/* =========================================
   RELEASES & CATALOG PAGE STYLES
   ========================================= */

/* Glassmorphism de bază */
.glass-panel {
    background: rgba(18, 22, 30, 0.4);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* Glassmorphism elevat (Folosit pentru The Vaults) */
.glass-panel-level-2 {
    background: rgba(17, 20, 23, 0.7);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

/* Lumină Ambientală de fundal (Glow) */
.ambient-glow-magenta {
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(254,0,254,0.1) 0%, rgba(0,0,0,0) 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    filter: blur(80px);
}

.ambient-glow-cyan {
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(0,229,229,0.1) 0%, rgba(0,0,0,0) 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    filter: blur(80px);
}

/* Butoane Aurii Profesionale */
.btn-primary {
    background: linear-gradient(180deg, #f2ca50 0%, #d4af37 100%);
    color: #241a00;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(242, 202, 80, 0.2);
}

.btn-primary:hover {
    box-shadow: 0 0 30px rgba(242, 202, 80, 0.4);
    transform: translateY(-2px);
    color: #000;
}

/* Texte cu Gradient / Glow */
.gold-gradient {
    background: linear-gradient(90deg, #ffe088 0%, #d4af37 100%);
}

/* Filtru cinematic pentru coperțile albumelor */
.card-image-filter {
    filter: grayscale(40%) brightness(0.7) contrast(1.1);
    transition: all 700ms cubic-bezier(0.4, 0, 0.2, 1);
}

.group:hover .card-image-filter {
    filter: grayscale(0%) brightness(1) contrast(1);
    transform: scale(1.05);
}

/* Animație fluidă Fade-In Up pentru intrarea pe pagină */
.animate-fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}