/* EVENT SLIDER */
.event-swiper-container{
  width:100%;
  margin: 0;
  position:relative;
}

.event-slider .swiper-slide{
  width:100%;
  aspect-ratio: 16/9;
  overflow:hidden;
  border-radius:1rem;
}

/* Link dla slajdów z route bez eventu */
.event-slide-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.event-slide-link:hover {
  text-decoration: none;
  color: inherit;
}

/* Ikona dla linków zewnętrznych */
.external-link-icon {
  font-size: 0.8em;
  margin-left: 0.5em;
  opacity: 0.7;
  color: #fff;
}

.event-slide-item{
  display:block;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
  text-decoration:none;
  margin:0;
  position: relative;
}

.event-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

/* Hide info blocks until overlay */
.event-slide-item .event-info,
.event-slide-item .event-detailed,
.event-slide-item .event-actions{display:none;}

.event-slide-item.event-active .event-info{display:grid;}
.event-slide-item.event-active .event-detailed{display:flex;}
.event-slide-item.event-active .event-actions{display:flex;}

/* Ensure event info overlays are above video */
.event-slide-item .event-info,
.event-slide-item .event-detailed,
.event-slide-item .event-actions {
  position: relative;
  z-index: 2;
}

/* Pagination dots */
.event-slider .swiper-pagination{
  position:relative;
  margin-top:1rem;
  text-align:center;
}
.event-slider .swiper-pagination-bullet{
  background:#666;
  opacity:1;
}
.event-slider .swiper-pagination-bullet-active{
  background:#fff;
}

/* Navigation buttons */
.event-slider .swiper-button-prev,
.event-slider .swiper-button-next{
  width:40px;
  height:40px;
  background:rgba(103,109,117,0.65);
  border-radius:50%;
  top:30px;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:18px;
}
.event-slider .swiper-button-prev{left:auto; right:56px;}
.event-slider .swiper-button-next{right:10px;}

/* Remove default arrow */
.event-slider .swiper-button-prev::after,
.event-slider .swiper-button-next::after{display:none;}

.section-title{
  font-size:1em;
  font-weight:600;
  text-align:left;
  margin:0 0 0.5em 0;
  color:#fff;
}