/* =========================================
   Cyberpunk Theme - Standalone Venue Pages
   ========================================= */

/* CSS Variables */
:root {
    --cp-neon-blue: #00f0ff;
    --cp-neon-pink: #ff00ff;
    --cp-neon-purple: #bc13fe;
    --cp-bg-dark: #0a0a0a;
    --cp-bg-darker: #050505;
    --cp-text-main: #e0e0e0;
    --cp-text-dim: #888;
}

/* Standalone Header */
.standalone-header {
    background: linear-gradient(135deg, var(--cp-bg-darker) 0%, #1a0a2e 100%) !important;
    color: var(--cp-neon-blue) !important;
    box-shadow: 0 4px 20px rgba(188, 19, 254, 0.5), 0 0 40px rgba(0, 240, 255, 0.3) !important;
    text-shadow: 0 0 10px var(--cp-neon-blue) !important;
}

/* Standalone Navigation */
.standalone-nav {
    background: var(--cp-bg-dark) !important;
    border-bottom: 2px solid var(--cp-neon-purple) !important;
}

.standalone-nav a {
    color: var(--cp-text-main) !important;
}

.standalone-nav a:hover,
.standalone-nav a.active {
    color: var(--cp-neon-blue) !important;
    border-bottom-color: var(--cp-neon-blue) !important;
    background: rgba(0, 240, 255, 0.1) !important;
    text-shadow: 0 0 5px var(--cp-neon-blue) !important;
}

/* Standalone Container & Sections */
.standalone-container {
    background: var(--cp-bg-dark) !important;
    color: var(--cp-text-main) !important;
}

.standalone-section {
    background: rgba(10, 10, 10, 0.8) !important;
    border: 1px solid rgba(188, 19, 254, 0.3) !important;
    box-shadow: 0 0 20px rgba(188, 19, 254, 0.2) !important;
    color: var(--cp-text-main) !important;
}

.standalone-section h3 {
    color: var(--cp-neon-blue) !important;
    border-bottom-color: var(--cp-neon-purple) !important;
    text-shadow: 0 0 5px var(--cp-neon-blue) !important;
}

.standalone-hero h2 {
    color: var(--cp-neon-blue) !important;
    text-shadow: 0 0 10px var(--cp-neon-blue) !important;
}

/* Info Grid */
.info-item {
    background: rgba(0, 240, 255, 0.05) !important;
    border-left: 3px solid var(--cp-neon-blue) !important;
    color: var(--cp-text-main) !important;
}

.info-item strong {
    color: var(--cp-neon-blue) !important;
}

/* Action Cards */
.action-card {
    background: rgba(10, 10, 10, 0.8) !important;
    border: 2px solid rgba(188, 19, 254, 0.3) !important;
    color: var(--cp-text-main) !important;
}

.action-card:hover {
    border-color: var(--cp-neon-blue) !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.4) !important;
    background: rgba(0, 240, 255, 0.1) !important;
}

/* Services Page Styles */
.service-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(188, 19, 254, 0.3) !important;
    border-radius: 4px !important;
    color: var(--cp-text-main) !important;
}

.ticket-card {
    border-left: 4px solid var(--cp-neon-blue) !important;
}

.service-card h4 {
    color: var(--cp-neon-blue) !important;
    text-shadow: 0 0 5px var(--cp-neon-blue) !important;
}

.service-card .price, .service-card .price-small {
    color: var(--cp-neon-pink) !important;
    text-shadow: 0 0 5px var(--cp-neon-pink) !important;
}

.service-card .description, .service-card .meta-info {
    color: var(--cp-text-main) !important;
}

.service-card .stock-info {
    color: var(--cp-neon-purple) !important;
}

.service-icon {
    text-shadow: 0 0 10px var(--cp-neon-blue) !important;
}

.empty-state {
    color: var(--cp-text-dim) !important;
}

/* Buttons */
.btn {
    background: var(--cp-neon-purple) !important;
    color: #fff !important;
    border-color: var(--cp-neon-purple) !important;
    box-shadow: 0 0 10px rgba(188, 19, 254, 0.5) !important;
}

.btn:hover {
    background: var(--cp-neon-blue) !important;
    border-color: var(--cp-neon-blue) !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.6) !important;
}

.btn-outline {
    background: transparent !important;
    color: var(--cp-neon-blue) !important;
    border-color: var(--cp-neon-blue) !important;
}

.btn-outline:hover {
    background: var(--cp-neon-blue) !important;
    color: #000 !important;
}

/* Footer */
.standalone-footer {
    background: var(--cp-bg-darker) !important;
    color: var(--cp-text-main) !important;
    border-top: 2px solid var(--cp-neon-purple) !important;
}

/* Gallery */
.gallery-item-standalone {
    border: 2px solid rgba(188, 19, 254, 0.3) !important;
}

.gallery-item-standalone:hover {
    border-color: var(--cp-neon-blue) !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.4) !important;
}

/* Announcements & Activities */
.announcement-item {
    border-left: 3px solid var(--cp-neon-purple) !important;
    background: rgba(0, 240, 255, 0.05) !important;
    color: var(--cp-text-main) !important;
}

.announcement-item.priority {
    border-left-color: var(--cp-neon-blue) !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.3) !important;
}

.activity-item {
    border: 1px solid rgba(188, 19, 254, 0.3) !important;
    background: rgba(10, 10, 10, 0.8) !important;
    color: var(--cp-text-main) !important;
}

.activity-item:hover {
    border-color: var(--cp-neon-blue) !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.3) !important;
}