/* ======
  pr
 ====== */
.pr {
  width: 100%;
  overflow:hidden;
  max-height:75vh;
  position: relative;
  .carousel-indicators [data-bs-target] {
    --indicators-size: 15px;
    width: var(--indicators-size);
    height: var(--indicators-size);
    border-radius: 50%;
    opacity: 1;
    &.active {
      background-color: var(--main);
    }
  }
  .carousel-caption {
    background-color: var(--main-light);
    color: initial;
    position: static;
    @media (min-width: 768px) {
      background-color: transparent;
      position: absolute;
      inset: 8rem 0 0;
      z-index: 1;
      text-align: left;
      color: #fff;
    }
    p {
      margin: 0;
      font-weight: 600;
      &.carousel-caption-title {
        color: var(--main);
        font-family: var(--font-family-headline);
        font-size: clamp(2rem, -0.6913rem + 7.4757vw, 5.85rem);
        line-height: 1;
        @media (min-width: 768px) {
          color: #fff;
        }
      }
      &.carousel-caption-copy {
        font-size: 1.125rem;
        color: var(--gray-dark);
        @media (min-width: 768px) {
          color: #fff;
        }
        @media (min-width: 1200px) {
          font-size: 2rem;
        }
      }
    }
  }
}
.index-entry {
  background: var(--gradient-vertical);
  color: #fff;
  a {
    color: #fff;
  }
  @media (min-width: 992px) {
    background: var(--gradient-horizontal);
  }
  .headline__en {
    &::before {
      color: #fff;
    }
  }
  .topics-list.post-entry {
    .topics-item {
      border-color: #fff;
    }
    span {
      border: none;
    }
  }
}
.index-tournament {
  .tab-vertical {
    display: block;
  }
}
.nav-pills.tab-category {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-sm);
  @media (min-width: 992px) {
    grid-template-columns: auto repeat(3, 1fr);
  }
  > .nav-item {
    border: none;
    > button {
      border: 2px solid var(--bs-border-color);
      border-radius: 5px;
      display: grid;
      place-items: center;
      padding: 0.3rem var(--space-sm);
    }
    @media (min-width: 992px) {
      &:first-child {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
        align-items: center;
        > button {
          border-radius: 50%;
          width: 80px;
          height: 80px;
        }
      }
    }
  }
}
.index-about {
  background-color: var(--main-light);
  .lead {
    color: var(--main);
  }
  @media (min-width: 992px) {
    background: var(--gradient-horizontal);
    color: #fff;

    .headline__en {
      &::before {
        color: #fff;
      }
    }
    .lead {
      color: #fff;
    }
  }
}
.footer-instagram {
  background-color: #fff;
  @media (min-width: 992px) {
    background-color: var(--light);
  }
}