/* event */
.tx-gkmboneforall .gkmb__oneforall.-eventlist {
  overflow: hidden;
  height: 350px;
}

.gkmb__oneforall.-eventlist.tournament__slider {
  height: 300px;
}

.gkmb__oneforall.-eventlist {
  display: flex;
}

.gkmb__oneforall.-eventlist.tournament__slider
  .swiper-pagination-vertical.swiper-pagination-bullets,
.gkmb__oneforall.-eventlist.tournament__slider
  .swiper-vertical
  > .swiper-pagination-bullets {
  display: flex;
  transform: rotate(90deg);
  right: -30rem;
}

.gkmb__oneforall.-eventlist.tournament__slider
  .swiper-pagination-bullet-active {
  background: rgb(var(--c-primary));
}

.gkmb__oneforall.-eventlist.tournament__slider .oneforall__event {
  display: flex;
  align-items: center;
  height: auto !important;
  flex-direction: column;
  align-items: center;
}

.gkmb__oneforall.-eventlist.tournament__slider .oneforall__event .event__date {
  background: conic-gradient(
    rgb(var(--c-neutral-lighter-2)) 45deg,
    rgb(var(--c-neutral-lighter)) 45deg 225deg,
    rgb(var(--c-neutral-lighter-2)) 225deg
  );
  border-radius: 50%;
  width: 90px;
  height: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: var(--f-weight-b);
  color: rgb(var(--c-primary));
  border: 4px solid rgb(var(--c-neutral-lightest));
  z-index: 10;
}

.gkmb__oneforall.-eventlist.tournament__slider .oneforall__event .event {
  padding: 2rem 1rem;
  width: 80%;
  background: rgb(var(--c-neutral-lighter));
  top: -1rem;
  margin-top: 0;
  position: relative;
  text-align: center;
}

.gkmb__oneforall.-eventlist.tournament__slider .date__start {
  text-align: center;
}

.gkmb__oneforall.-eventlist.tournament__slider
  .oneforall__event
  .event
  .event__name {
  font-weight: var(--f-weight-sb);
  color: rgb(var(--c-neutral-darkest));
}

.gkmb__oneforall.-eventlist.tournament__slider
  .oneforall__event
  .event__date
  .date__start {
  line-height: 1.2;
}

.gkmb__oneforall.-eventlist.tournament__slider
  .oneforall__event
  .event__date
  .day {
  font-size: var(--f-size-l-5);
}

.gkmb__oneforall.-eventlist.tournament__slider
  .oneforall__event
  .event__date
  .month {
  font-size: var(--f-size-l-3);
  color: rgb(var(--c-secondary));
}

.gkmb__oneforall.-eventlist.tournament__slider {
  & .event__links {
    display: flex;
    gap: var(--g-gap);
    justify-content: center;
  }
}

.gkmb__oneforall.-eventlist {
  & .event__link {
    margin-top: 0.8rem;
    font-weight: var(--f-weight-b);
    color: rgb(var(--c-neutral-darkest));
    position: relative;
    display: inline-block;
  }
}

.gkmb__oneforall.-eventlist {
  & .event__link {
    &:hover::before {
      width: 100%;
    }
  }
}

.gkmb__oneforall.-eventlist {
  & .event__link {
    &::before {
      display: inline-block;
      content: "";
      position: absolute;
      bottom: -5px;
      width: calc(100% - 20px);
      height: 2px;
      background: rgb(var(--c-secondary));
      transition: width 0.3s ease;
    }
  }
}

.gkmb__oneforall.-eventlist.tournament__slider .swiper-pagination-bullet {
  width: 20px;
}

/* today */
.gkmb__oneforall.-today h3 {
  font-size: var(--f-size-l-3);
  color: rgb(var(--c-primary));
}

.gkmb__oneforall.-today .today__currentdaytext {
  display: none;
}

.gkmb__oneforall.-today .oneforall__day {
  margin-left: -2.5rem;
}

.gkmb__oneforall.-today .reservation__statusicon::before {
  content: '';
  width: 30px;
  height: 4px;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  text-decoration: none;
  margin-top: 0.5rem;
  opacity: 0.6;
  background-color: currentColor;
}

.gkmb__oneforall.-today .reservation__statusicon {
  margin-top: 0.35rem;
}

.gkmb__oneforall.-today .event,
.gkmb__oneforall.-today .subarea__text {
  margin-left: 2rem;
}

/* =============================================================================
   Media Queries
   ========================================================================== */
@media (min-width: 400px) {
  .gkmb__oneforall.-eventlist.tournament__slider
    .swiper-pagination-vertical.swiper-pagination-bullets,
  .gkmb__oneforall.-eventlist.tournament__slider
    .swiper-vertical
    > .swiper-pagination-bullets {
    right: -29rem;
  }
}

@media (min-width: 540px) {
  .gkmb__oneforall.-eventlist.tournament__slider
    .swiper-pagination-vertical.swiper-pagination-bullets,
  .gkmb__oneforall.-eventlist.tournament__slider
    .swiper-vertical
    > .swiper-pagination-bullets {
    right: -28rem;
  }
}

@media (min-width: 640px) {
  .tx-gkmboneforall .gkmb__oneforall.-eventlist {
    padding-right: 50px;
    padding-left: 100px;
    height: 350px;
  }

  .gkmb__oneforall.-eventlist.tournament__slider {
    height: 300px;
  }

  .gkmb__oneforall.-eventlist.tournament__slider
    .oneforall__event
    .event__date {
    width: 140px;
    height: 140px;
  }

  .gkmb__oneforall.-eventlist.tournament__slider .oneforall__event {
    flex-direction: row;
    width: 100% !important;
  }

  .gkmb__oneforall.-eventlist.tournament__slider .oneforall__event .event {
    padding: 1rem 1rem 1rem 4rem;
    width: 50%;
    left: -2rem;
    top: inherit;
    text-align: left;
  }

  .gkmb__oneforall.-eventlist.tournament__slider .swiper-pagination-bullet {
    width: 50px;
  }

  .gkmb__oneforall.-eventlist.tournament__slider
    .swiper-pagination-vertical.swiper-pagination-bullets,
  .gkmb__oneforall.-eventlist.tournament__slider
    .swiper-vertical
    > .swiper-pagination-bullets {
    right: -24rem;
  }

  .gkmb__oneforall.-eventlist.tournament__slider {
    & .event__links {
      justify-content: left;
    }
  }
}

@media (min-width: 800px) {
  .tx-gkmboneforall .gkmb__oneforall.-eventlist {
    height: 580px;
  }

  .gkmb__oneforall.-eventlist.tournament__slider {
    height: 510px !important;
  }

  .gkmb__oneforall.-eventlist.tournament__slider
    .swiper-pagination-vertical.swiper-pagination-bullets,
  .gkmb__oneforall.-eventlist.tournament__slider
    .swiper-vertical
    > .swiper-pagination-bullets {
    right: -10rem;
  }

  .gkmb__oneforall.-today .reservation__statusline {
    width: 40px;
  }
}

@media (min-width: 1024px) {
  .gkmb__oneforall.-eventlist.tournament__slider .swiper-pagination-bullet {
    width: 90px;
  }

  .tx-gkmboneforall .gkmb__oneforall.-eventlist {
    height: 700px;
  }

  .gkmb__oneforall.-eventlist.tournament__slider {
    height: 780px !important;
  }

  .gkmb__oneforall.-eventlist.tournament__slider
    .swiper-pagination-vertical.swiper-pagination-bullets,
  .gkmb__oneforall.-eventlist.tournament__slider
    .swiper-vertical
    > .swiper-pagination-bullets {
    right: -20rem;
  }
}

@media (min-width: 1280px) {
  .gkmb__oneforall.-eventlist.tournament__slider
    .oneforall__event
    .event__date {
    width: 160px;
    height: 160px;
  }
}

@media (min-width: 1580px) {
  .gkmb__oneforall.-today .reservation__statusline {
    width: 50px;
  }
}
