/* ============================================================
   Backroads Dance Hall & Event Center — Global Stylesheet
   ============================================================ */



/* ============================================================
   MAIN SITE STYLES (index.html)
   ============================================================ */

/* Custom Utilities */
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.hero-overlay {
    background: linear-gradient(to bottom, rgba(15, 14, 23, 0.75), rgba(15, 14, 23, 0.45));
}

/* ============================================================
   NEON GLOW EFFECTS — Nashville Nightlife
   ============================================================ */

/* Text glow */
.neon-glow-pink {
    text-shadow: 0 0 8px rgba(255, 45, 120, 0.9), 0 0 20px rgba(255, 45, 120, 0.5);
}
.neon-glow-teal {
    text-shadow: 0 0 8px rgba(0, 229, 204, 0.9), 0 0 20px rgba(0, 229, 204, 0.5);
}
.neon-glow-purple {
    text-shadow: 0 0 8px rgba(196, 77, 255, 0.9), 0 0 20px rgba(196, 77, 255, 0.5);
}

/* Hero heading subtle warm glow */
.hero-heading-glow {
    text-shadow: 2px 2px 6px rgba(0,0,0,0.6), 0 0 40px rgba(255, 45, 120, 0.15);
}

/* Neon buttons */
.neon-btn-pink {
    box-shadow: 0 0 12px rgba(255, 45, 120, 0.5), 0 0 24px rgba(255, 45, 120, 0.2);
}
.neon-btn-pink:hover {
    box-shadow: none;
}
.neon-btn-teal {
    box-shadow: 0 0 12px rgba(0, 229, 204, 0.4), 0 0 24px rgba(0, 229, 204, 0.15);
}
.neon-btn-teal:hover {
    box-shadow: none;
}

/* Neon service card icon glow */
.neon-icon-teal {
    box-shadow: 0 0 14px rgba(0, 229, 204, 0.7), 0 0 28px rgba(0, 229, 204, 0.3);
}
.neon-icon-purple {
    box-shadow: 0 0 14px rgba(196, 77, 255, 0.7), 0 0 28px rgba(196, 77, 255, 0.3);
}
.neon-icon-pink {
    box-shadow: 0 0 14px rgba(255, 45, 120, 0.7), 0 0 28px rgba(255, 45, 120, 0.3);
}

/* Neon service card hover glow */
.neon-card-teal:hover {
    box-shadow: 0 0 20px rgba(0, 229, 204, 0.25), 0 25px 50px -12px rgba(0,0,0,0.2);
    outline: 1px solid rgba(0, 229, 204, 0.3);
}
.neon-card-purple:hover {
    box-shadow: 0 0 20px rgba(196, 77, 255, 0.25), 0 25px 50px -12px rgba(0,0,0,0.2);
    outline: 1px solid rgba(196, 77, 255, 0.3);
}
.neon-card-pink:hover {
    box-shadow: 0 0 20px rgba(255, 45, 120, 0.25), 0 25px 50px -12px rgba(0,0,0,0.2);
    outline: 1px solid rgba(255, 45, 120, 0.3);
}

/* Saturday schedule card pulse */
.neon-card-saturday {
    box-shadow: 0 0 16px rgba(255, 45, 120, 0.2);
}

/* Neon divider */
.neon-divider-pink {
    box-shadow: 0 0 8px rgba(255, 45, 120, 0.7), 0 0 16px rgba(255, 45, 120, 0.3);
}

/* Mobile Menu Transition */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
#mobile-menu.open {
    max-height: 400px;
    opacity: 1;
}

/* Scroll Animation Classes */
.reveal-up {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-up.active {
    opacity: 1;
    transform: translateY(0);
}

.map-container iframe {
    width: 100%;
    height: 100%;
    filter: grayscale(20%) contrast(1.1);
}

/* Parallax Fix for Mobile */
.parallax-bg {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {
    .parallax-bg {
        background-attachment: scroll;
    }
}