/* CSS Dynamique - Améliorations du design rock original */

/* Configuration Hero Section - Améliore le design existant */
.hero .rock-title {
    font-family: 'Metal Mania', cursive;
        text-shadow: 
        0 0 15px #ff0000, 
        0 0 25px #ff0000, 
        0 0 35px #ff0000,
        2px 2px 0px #000000,
        4px 4px 0px #550000;
        
        
    }

.hero .rock-subtitle {
    font-family: 'Creepster', cursive;
    /* Préserve les effets rock existants */
}

/* Configuration Bands Section - Respect du style rock */
.bands-section .section-header h2 {
    font-family: 'Metal Mania', cursive;
    /* Garde les effets text-shadow rock existants */
}

.bands-section .section-header p {
    font-family: 'Butcherman', cursive;
}


/* Configuration Events Section - Style rock préservé */
.events .section-header h2 {
    font-family: 'Metal Mania', cursive;
    /* Préserve text-shadow rock */
}

.events .section-header p {
    font-family: 'Arial', cursive;
}

/* Styles de cartes rock améliorés */
.event-card {
    background: 
        linear-gradient(135deg, #1a1a1a 0%, #2a1a1a 100%),
        radial-gradient(circle at center, rgba(255, 0, 0, 0.2) 0%, transparent 70%);
    border: 3px solid #ff6600;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 0 15px rgba(255, 102, 0, 0.5),
        0 8px 25px rgba(0, 0, 0, 0.6);
}

.event-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        linear-gradient(45deg, transparent 49%, rgba(255, 102, 0, 0.1) 50%, transparent 51%),
        radial-gradient(circle at center, rgba(255, 0, 0, 0.1) 0%, transparent 70%);
    z-index: 1;
}

.event-card .card-content {
    position: relative;
    z-index: 2;
}

/* Animations rock au survol */
.event-card:hover {
    transform: translateY(-8px) scale(1.02);
    transition: all 0.3s ease;
    box-shadow: 
        0 15px 35px rgba(139, 0, 0, 0.6),
        0 0 25px rgba(255, 102, 0, 0.4);
}

/* Styles d'ombre rock */
.event-card {
    box-shadow: 0 8px 25px rgba(139, 0, 0, 0.3);
}
.event-card:hover {
    box-shadow: 0 15px 40px rgba(139, 0, 0, 0.5);
}

/* Configuration Contact Section - Style rock */
.contact .section-header h2 {
    font-family: 'Metal Mania', cursive;
}

.contact {
    background: 
        #1a1a1a,
        radial-gradient(circle at 30% 80%, rgba(139, 0, 0, 0.3) 0%, transparent 50%);
}

/* Styles de cartes contact rock */
.contact-card {
    background: 
        linear-gradient(135deg, #2a2a2a 0%, #3a2a2a 100%),
        radial-gradient(circle at center, rgba(255, 69, 0, 0.1) 0%, transparent 70%);
    border: 2px solid #8B0000;
    box-shadow: 
        0 8px 25px rgba(139, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 69, 0, 0.2);
}

/* Styles d'icônes rock */
.contact-icon {
    color: #ff6600;
    background: linear-gradient(135deg, #2a2a2a 0%, #3a2a2a 100%);
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.3);
}

/* Responsive avec style rock préservé */
@media (max-width: 768px) {
    .hero .rock-title {
        font-size: 2.5em;
        text-shadow: 
            0 0 10px #ff0000, 
            0 0 20px #ff0000,
            2px 2px 0px #000000;
    }
    
    .hero .rock-subtitle {
        font-size: 1.2em;
    }
}

/* Animations rock améliorées */
@keyframes rockPulse {
    0%, 100% { 
        transform: scale(1); 
        filter: drop-shadow(0 0 10px #ff6600);
    }
    50% { 
        transform: scale(1.05); 
        filter: drop-shadow(0 0 20px #ff6600) drop-shadow(0 0 30px #ff0000);
    }
}

@keyframes metalGlow {
    0%, 100% { 
        text-shadow: 
            0 0 10px #ff0000, 
            0 0 20px #ff0000,
            2px 2px 0px #000000;
    }
    50% { 
        text-shadow: 
            0 0 15px #ff0000, 
            0 0 25px #ff0000, 
            0 0 35px #ff6600,
            2px 2px 0px #000000,
            4px 4px 0px #550000;
    }
}

.rock-effect {
    animation: rockPulse 3s ease-in-out infinite;
}

.metal-glow {
    animation: metalGlow 4s ease-in-out infinite;
}