﻿.leaderboard .leaderboard__table{
    max-width: 100%;
    overflow-x: auto;
}

.leaderboard .leaderboard__table-wrapper{
    width: max-content;
}

.leaderboard .leaderboard__table .col-3{
    overflow: visible;
}

.leaderboard .leaderboard__table .table-row--head {
    padding: 0.92% 3%;
}

.leaderboard .leaderboard__table .col-3--last{
    min-width: 140px;
}

.leaderboard .leaderboard__table::-webkit-scrollbar {
    height: 6px;
}
 
.leaderboard .leaderboard__table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--bg-level-2);
    border-radius: 8px;
}
 
.leaderboard .leaderboard__table::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px var(--bg-level-3); 
     border-radius: 8px;
}

.tournament-card .card__date {
    color: var(--text-level-low);
    font-weight: 500;
}
.description .btn--join-wrapper {
    bottom: var(--cwNavbarBottomHeight);
}
@media (min-width: 767px) {
      .tournaments {
        font-size: calc(13px + 1.7 * ((100vw - 320px) / 1920));
    } 
    .tabs .tab__item {
        font-size: calc(13px + 1.7 * ((100vw - 320px) / 1920));
    }
    .tournament-card .card__title {
        font-size: calc(16px + 0 * (100vw / 1920));
    }
    .leaderboard .leaderboard__table-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .tournaments-list {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
      .tournament__info-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 24px;
    }

    .leaderboard {
        width: 100%;
    }

    .leaderboard .leaderboard__head {
        margin-bottom: 24px;
    }

    .tournaments_background .tournament-item{
        padding-bottom: 32px;
    }
}


@media screen and (max-width: 991px) {
    .tabs {
        padding: 4.4vw 0;
    }

    .tabs .tab__item {
        padding: 2.7vw 3.3vw;
    }
    .tournaments {
        line-height: 1.17;
    }

    .tournament-card .card__footer {
        padding: 1.9% 3.6% 3.6%;
    }

    .tournament-card .card__prize {
        -webkit-margin-after: 4.4vw;
        margin-block-end: 4.4vw;
    }

    .tournament__games-grid:not(.tournament__games-grid--not-found) {
        margin-top: 12px;
        gap: 11px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .tournament__games-grid .lca-card--v1{
        min-width: auto;
        width: calc(100% - 8px);
    }
    
  
}

@media screen and  (max-width: 767px) {
     .tournaments-list {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        row-gap: 16px;
    }
    .tournament-card .card__title {
        font-size: calc(16px + 0 * ((100vw - 320px) / 1920));
    }
    .tournament-card .card__date {
        font-size: calc(16px + 0 * ((100vw - 320px) / 1920));
    }

    .tournament-card .card__prize {
        font-size: calc(24px + 0 * ((100vw - 320px) / 1920));
    }

    .tournament-card .card__details {
        font-size: calc(14px + 0 * ((100vw - 320px) / 1920));
    } 
    .tournament__head-wrapper .tournament-title {
        font-size: calc(12px + 10.2 * ((100vw - 320px) / 1920));
    }

    .tournament-title .back {
        padding-bottom: 5px;
    } 
    .mobile-tabs .mobile-tabs__item {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }
    .leaderboard .leaderboard__table-exist .leaderboard__exist-text {
        font-size: calc(12px + 3.4 * ((100vw - 320px) / 1920));
    }

    .description .description__date {
        font-size: calc(11px + 1.7 * ((100vw - 320px) / 1920));
    }
    .description .description__prize .description__prize-body .description__prize-amount {
        font-size: calc(18px + 1.7 * ((100vw - 320px) / 1920));
    }

    .description .description__date .text-hight {
        font-size: calc(13px + 1.7 * ((100vw - 320px) / 1920));
    }

    .description .btn--join {
        font-size: calc(13px + 1.7 * ((100vw - 320px) / 1920));
    }
    .tournament__games .tournament__games-title {
        font-size: calc(15px + 1.7 * ((100vw - 320px) / 1920));
    }
}


@media screen and (max-width: 600px) {
      .container {
        max-width: 100%;
        padding: 0 16px;
    }

    .tournaments .btn--to-top {
        bottom: 96px;
        inset-inline-end: 16px;
    }
    .tournament-item {
        -webkit-padding-after: 60px;
        padding-block-end: 60px;
    }

    .tournament__head-wrapper .tournament-title {
        margin-bottom: 12px;
        -webkit-column-gap: 8px;
        column-gap: 8px;
    }


    .leaderboard .leaderboard__table-info {
        margin-bottom: 16px;
        gap:8px;
        flex-wrap:wrap;
    }

    .leaderboard .leaderboard__table .table-row {
        -ms-grid-columns: 0.5fr 1.1fr 1.1fr 0.7fr 0.7fr;
        grid-template-columns: 0.5fr 1.1fr 1.1fr 0.7fr 0.7fr;
    }

    .leaderboard .leaderboard__table .leaderboard__table-inner .leaderboard__scroll-wrapper {
        aspect-ratio: initial;
        min-height: 80px;
        max-height: 400px;
        height: auto;
    }

    .description {
        -webkit-padding-before: 3vw;
        padding-block-start: 3vw;
        -webkit-padding-after: 3vw;
        padding-block-end: 3vw;
    }

    .description .description__wrapper {
        padding: 0 2.6vw 0;
    }

        .description .description__date {
        -webkit-margin-after: 2vw;
        margin-block-end: 2vw;
        display: flex;
        justify-content: space-between;
    }

    .description .description__prize {
        -webkit-margin-after: 2vw;
        margin-block-end: 2vw;
    }

    .description .description__info {
        max-height: 400px;
        padding-bottom: 8px;
    }

    .description .btn--join-wrapper {
        border-radius: 0;
        position: fixed;
        z-index: 4;
        padding: 16px;
        width: 100%;
        left: 0;
        bottom: var(--cwNavbarBottomHeight);
        transition: bottom 0.314s ease;
    }

    .hide_header_navbar .description .btn--join-wrapper {
        bottom: 0;
    }

    .tournament__games .tournament__games-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: 10px;
    }

    .tournament__games .tournament__games-search {
        max-width: 100%;
    }
}
