/* Events & Booths Page Styles */

/* Events Hero */
.events-hero-page{
  background:linear-gradient(135deg, rgba(11,18,32,0.95), rgba(26,32,44,0.9)), 
             url('https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=1600&h=900&fit=crop&q=80') center/cover;
  padding:120px 0 80px;
  position:relative;
  overflow:hidden;
}
.events-hero-page::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 30% 50%, rgba(186,85,211,0.2), transparent 60%);
  animation:eventsGlow 6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes eventsGlow{
  0%, 100%{opacity:0.5; transform:scale(1)}
  50%{opacity:0.8; transform:scale(1.1)}
}
.events-hero-content{
  position:relative;
  z-index:2;
  text-align:center;
  max-width:900px;
  margin:0 auto;
}
.events-page-title{
  font-size:56px;
  font-weight:800;
  margin:0 0 20px;
  background:linear-gradient(135deg, #ba55d3, #ff1493);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  line-height:1.2;
}
.events-page-subtitle{
  font-size:20px;
  color:rgba(255,255,255,0.8);
  margin:0 0 32px;
  line-height:1.6;
}
.events-hero-features{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}
.events-hero-features span{
  background:rgba(186,85,211,0.15);
  color:#ba55d3;
  padding:10px 20px;
  border-radius:24px;
  font-size:15px;
  font-weight:600;
  border:1px solid rgba(186,85,211,0.3);
  transition:all 0.3s ease;
}
.events-hero-features span:hover{
  background:rgba(186,85,211,0.25);
  border-color:rgba(186,85,211,0.5);
  transform:translateY(-2px);
}

/* Events Service Details */
.events-service-detail{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}
.events-service-detail.reverse{
  grid-template-columns:1fr 1fr;
}
.events-service-detail.reverse .service-detail-content{
  order:2;
}
.events-service-detail.reverse .service-detail-media{
  order:1;
}

/* Responsive */
@media (max-width:1024px){
  .events-service-detail,
  .events-service-detail.reverse{
    grid-template-columns:1fr;
    gap:40px;
  }
  .events-service-detail.reverse .service-detail-content,
  .events-service-detail.reverse .service-detail-media{
    order:initial;
  }
  .events-page-title{
    font-size:42px;
  }
  .events-page-subtitle{
    font-size:18px;
  }
}

@media (max-width:700px){
  .events-hero-page{
    padding:80px 0 60px;
  }
  .events-page-title{
    font-size:32px;
  }
  .events-page-subtitle{
    font-size:16px;
  }
  .events-hero-features{
    gap:8px;
  }
  .events-hero-features span{
    font-size:13px;
    padding:8px 16px;
  }
  
  /* Force Mobile Spacing */
  .events-hero-content, .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .glass-card, .glass-inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 24px 20px !important;
  }
  .events-service-detail {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}