/*
 * Luxury Shine & Shimmer Effects
 * Golden hour brilliance + crystal champagne sparkle
 */

/* ========================================
   GOLDEN SHIMMER EFFECTS
   ======================================== */

/* Metallic gold shimmer animation - subtle sweep */
@keyframes goldShimmer {
    0% {
        background-position: -100% center;
    }
    100% {
        background-position: 200% center;
    }
}

@keyframes subtleGlow {
    0%, 100% {
        filter: drop-shadow(0 1px 8px rgba(212, 175, 55, 0.15));
    }
    50% {
        filter: drop-shadow(0 1px 12px rgba(255, 215, 0, 0.2));
    }
}

/* Hero title - luxurious gold with subtle shimmer */
.hero-title {
    color: #d4af37;
    text-shadow:
        0 0 10px rgba(212, 175, 55, 0.2),
        0 0 20px rgba(212, 175, 55, 0.1);
    animation: subtleGlow 4s ease-in-out infinite;
}

/* Optional: Enhanced shimmer on hover */
.hero-title:hover {
    text-shadow:
        0 0 12px rgba(255, 215, 0, 0.25),
        0 0 24px rgba(212, 175, 55, 0.15);
}

/* Nav logo - subtle gold */
.nav-logo {
    color: #d4af37;
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.15);
    transition: text-shadow 0.8s ease;
}

.nav-logo:hover {
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}

/* ========================================
   CHAMPAGNE/SILVER ACCENTS
   ======================================== */

/* Section labels with champagne shimmer - unified, clean treatment */
.artist-label,
.section-label {
    color: var(--color-secondary);
    text-shadow: 0 0 6px rgba(212, 196, 168, 0.2);
    position: relative;
}

/* Removed ::after horizontal lines for cleaner appearance */

/* Press dates with silver accent */
.press-date {
    color: var(--color-silver);
    text-shadow: 0 0 4px rgba(192, 192, 192, 0.2);
}

/* Testimonial author with champagne */
.testimonial-author {
    color: var(--color-secondary);
}

/* ========================================
   BUTTON SHINE EFFECTS
   Enhances the unified button system
   ======================================== */

/* Add shimmer sweep effect on hover */
.cta-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.1),
        transparent
    );
    transition: left 1.2s ease;
    z-index: 1;
}

.cta-button:hover::after {
    left: 150%;
}

/* ========================================
   SECTION HEADING ACCENTS - UNIFIED & CLEAN
   ======================================== */

/* Section headings with subtle gold shimmer - no decorative lines */
/* Unified heading style - gold shimmer for all major headings */
.section-heading,
.artist-heading,
.connect-heading {
    position: relative;
    background: linear-gradient(
        135deg,
        var(--golden-light) 0%,
        var(--golden-rich) 50%,
        var(--golden-light) 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: goldShimmer 6s linear infinite;
}

/* ========================================
   FEATURED ALBUM LUXE TREATMENT
   ======================================== */

.featured-album-link:hover .featured-album-cover {
    box-shadow:
        0 15px 40px rgba(255, 215, 0, 0.2),
        0 10px 20px rgba(212, 175, 55, 0.15),
        0 5px 10px rgba(0, 0, 0, 0.3);
}

.featured-label {
    background: var(--gradient-gold-shine);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.15);
}

/* ========================================
   NAVIGATION HOVER EFFECTS
   ======================================== */

.nav-link::after {
    background: linear-gradient(
        90deg,
        var(--golden-glow) 0%,
        var(--color-secondary) 50%,
        var(--golden-glow) 100%
    );
    box-shadow: 0 0 4px rgba(212, 175, 55, 0.3);
}

.nav-link:hover {
    color: var(--golden-glow);
    text-shadow: 0 0 6px rgba(255, 215, 0, 0.2);
}

/* Language toggle active state */
.lang-btn.active {
    background: var(--gradient-gold-shine);
    box-shadow: var(--shadow-glow-gold);
}

.lang-btn:hover:not(.active) {
    background: linear-gradient(
        135deg,
        rgba(212, 196, 168, 0.15),
        rgba(192, 192, 192, 0.1)
    );
    border: 1px solid var(--color-secondary);
}

/* ========================================
   PLATFORM LINKS WITH CHAMPAGNE ACCENTS
   ======================================== */

.platform-link:hover {
    color: var(--color-secondary-light);
    text-shadow: 0 0 8px rgba(212, 196, 168, 0.3);
}

.platform-icon {
    transition: all 0.8s ease;
}

.platform-link:hover .platform-icon {
    filter: drop-shadow(0 0 6px rgba(212, 196, 168, 0.4));
}

/* ========================================
   SOCIAL LINKS SHIMMER
   ======================================== */

.social-link:hover {
    background: linear-gradient(
        135deg,
        rgba(212, 196, 168, 0.2) 0%,
        rgba(192, 192, 192, 0.15) 100%
    );
    box-shadow: var(--shadow-glow-champagne);
    color: var(--color-secondary-light);
}

/* ========================================
   CONTACT OPTIONS LUXURY
   ======================================== */

.contact-option:hover {
    border-color: var(--color-secondary);
    box-shadow:
        0 8px 20px rgba(212, 196, 168, 0.15),
        inset 0 0 20px rgba(212, 196, 168, 0.03);
}

.contact-option-icon {
    background: linear-gradient(
        135deg,
        rgba(212, 175, 55, 0.1) 0%,
        rgba(255, 215, 0, 0.08) 100%
    );
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.15);
}

.contact-option:hover .contact-option-icon {
    background: linear-gradient(
        135deg,
        rgba(255, 215, 0, 0.2) 0%,
        rgba(212, 175, 55, 0.15) 100%
    );
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.3), inset 0 0 10px rgba(255, 215, 0, 0.1);
    color: var(--golden-shine);
}

.contact-option-label {
    background: linear-gradient(
        90deg,
        var(--golden-light) 0%,
        var(--golden-rich) 50%,
        var(--golden-light) 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.contact-option:hover .contact-option-label {
    animation: goldShimmer 2s linear infinite;
}

/* ========================================
   PRESS ITEMS WITH ACCENTS
   ======================================== */

.press-item {
    border-color: rgba(212, 196, 168, 0.1);
}

.press-item:hover {
    border-color: var(--color-secondary);
    box-shadow:
        0 8px 20px rgba(212, 196, 168, 0.1),
        inset 0 0 15px rgba(212, 196, 168, 0.03);
}

.press-title {
    transition: color 0.8s ease;
}

.press-item:hover .press-title {
    color: var(--color-secondary-light);
    text-shadow: 0 0 6px rgba(212, 196, 168, 0.2);
}

/* ========================================
   ALBUM CARDS LUXURY HOVER
   ======================================== */

.album-card:hover {
    box-shadow:
        0 10px 30px rgba(212, 196, 168, 0.15),
        0 6px 15px rgba(0, 0, 0, 0.2);
}

/* ========================================
   TEACHER SECTION PILLARS
   ======================================== */

/* Pillar styles handled in immersive.css — no overrides here */

/* ========================================
   FOOTER ACCENTS
   ======================================== */

.footer-nav-link:hover {
    color: var(--color-secondary-light);
    text-shadow: 0 0 4px rgba(212, 196, 168, 0.2);
}

.footer-credit-link {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.75) 0%,
        var(--color-secondary) 50%,
        rgba(255, 255, 255, 0.75) 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.footer-credit-link:hover {
    animation: goldShimmer 2s linear infinite;
    filter: drop-shadow(0 0 6px rgba(212, 196, 168, 0.25));
}

.footer-credit-link::before {
    background: var(--gradient-champagne);
    box-shadow: var(--shadow-glow-champagne);
}

/* ========================================
   DIVIDERS & SEPARATORS
   ======================================== */

.section-divider {
    width: 100px;
    height: 1px;
    background: var(--gradient-champagne);
    margin: 3rem auto;
    box-shadow: var(--shadow-glow-champagne);
}

/* ========================================
   EMAIL LINK ACCENT
   ======================================== */

.email-link:hover {
    color: var(--color-secondary-light);
    text-shadow: 0 0 6px rgba(212, 196, 168, 0.3);
}

/* ========================================
   FORM INPUTS WITH CHAMPAGNE FOCUS
   ======================================== */

.form-input:focus {
    border-color: var(--color-secondary);
    box-shadow:
        0 0 0 2px rgba(212, 196, 168, 0.08),
        inset 0 0 15px rgba(212, 196, 168, 0.03);
}

/* Newsletter form button inherits unified shimmer from .cta-button::after */

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */

@media (max-width: 768px) {
    .hero-title {
        /* Reduce shimmer on mobile for performance */
        animation: subtleGlow 4s ease-in-out infinite;
    }
}

/* ========================================
   REDUCED MOTION SUPPORT
   ======================================== */

@media (prefers-reduced-motion: reduce) {
    .hero-title,
    .nav-logo,
    .section-heading,
    .cta-button,
    .pillar-word,
    .footer-credit-link {
        animation: none;
    }

    .cta-button::before,
    .cta-button-minimal::before {
        transition: none;
    }
}