/*TODO remove later  */
pre{
    color:white;
}

/* "competition" container */
.competition_container{
    padding-top: 196px;
}

/* Section titles */
.competition_container .h2{
    color: white;
}

/* Competition filter container */
.individual_filters{
    display: flex;
    align-items: center;
    gap: 40px;
}

/* Tournament + team filter */
.individual_filters > div{
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Tournament + team filter title */
.individual_filters .caption2{
    color: var(--grey1);
}

/* season filter */
.season_select_div .custom_select{
    width: 75px;
}

/* Results table */
.results_table{
    background-color: var(--grey3);
}

.results_table, .next_game_container, .last_game_container{
    transition: opacity 0.5s ease-in-out;
}

/* Results table general info */
.competition_summary{
    display: flex;
    align-items: center;
}

/* Green divider */
.empty_divider{
    border: 1px solid var(--green2);
    margin: 0px 10px;
    border-image: linear-gradient(to bottom, rgba(0,0,0,0) 25%, var(--green2) 25%, var(--green2) 75%, rgba(0,0,0,0) 75%) 1;
    border-image-slice: 1;
    height: 100%;
}

/* Last updated time div */
.results_table_general_info{
    display: flex;
    justify-content: space-between;
    padding: 30px;
}

/* Comptetition summary div text */
.competition_summary .h3, .updated_time, .mobile_tournament_name{
    color: var(--white1);
}

/* Year, month and day of update time */
.updated_time{
    white-space: nowrap;
}

/* "Updated" text */
.last_updated_text{
    color: var(--grey1);
}

/* Results table header  */
.results_header p{
    color: var(--grey1);
}

/* First column in table */
.first_results_column{
    width: 200px;
    text-align: left;
    margin-right: 20px;
    flex: none;
}

/* Table cells */
.results_table_teams td, .team_info{
    display: flex;
    align-items: center;
}

.results_table_teams td{
    gap:25px;
}

/* Team logo and name */
.team_info{
    gap: 10px;
}

/* Team results */
.results_table_teams p{
    color: var(--white1);
}

/* Table rows and columns */
.table_of_results, .remaining_columns{
    width: 100%;
}

/* Table row */
.table_of_results tr{
    border: none;
    border-bottom: 1px solid var(--grey2);
    padding: 20px 30px;
    display: flex;
}

/* Div for all columns except first one */
.remaining_columns div{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

/* Team placement */
.team_placement{
    width: 20px;
    text-align: center;
}

/* Result table cells */
.remaining_columns div p{
    width: 25px;
    text-align: center;
}

/* Last column */
.remaining_columns div p.last_results{
    width: 56px;
}

/* "Draw", "win", "lose" icons */
.results_column img{
    width: 14px;
    height: 14px;
}

/* "Draw", "win", "lose" column */
.results_column{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Results table container */
.results_table_container{
    margin-bottom: 50px;
}

/* Last/next game results container */
.last_game_results, .next_game_results{
    background-color: var(--grey3);
    padding: 30px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Team information */
.team_intro{
    display: flex;
    align-items: center;
    gap:15px;
    flex-basis: 50%;
}

/* First (left) team */
.first_team{
    justify-content: right;
}

/* First team text */
.first_team p{
    text-align: right;
    color: var(--grey1);
}

/* Second team text */
.second_team p{
    text-align: left;
    color: var(--grey1);
}

/* Next/Last game section titles */
.last_game_results h3, .next_game_results h3{
    color: var(--white1);
}

/* Team logos in next/last game */
.team_intro img{
    height: 80px;
    max-width: 80px;
    width: auto;
}

/* Team logos in results table */
.team_info img{
    width: 30px;
    height: 30px;
}

/* Next/Last game containers */
.last_game_container, .next_game_container{
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Game result section */
.game_result{
    margin: 0px 40px;
    display: flex;
}

/* Score separator */
.score_separator{
    margin: 0px 7px;
}

/* Game result text */
.game_result p{
    color: var(--grey1);
}

/* Winning team score */
.game_result p.winning_score{
    color: var(--white1);
}

/* Where match took place and tournament text*/
.last_game_general_info p, .next_game_general_info p{
    color: var(--grey1);
}

/* Where match took place and tournament text*/
.last_game_general_info p:last-child, .next_game_general_info p:last-child{
    text-align: right;
}

.no_results{
    color: white;
    text-align: center;
    padding-top: 50px;
}

/* General info about match div */
.last_game_general_info > p, .last_game_general_info > a{
    flex: 1;
}

/* General info about match */
.last_game_general_info > p{
    padding-top: 17px;
    padding-bottom: 17px;
}

/*  Info about match link */
.last_game_general_info > a{
    flex: none;
    margin: 0 50px;
    padding: 15px 25px;
    background-color: var(--grey4);
    color: var(--white1);
    text-decoration: none;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}

/* Info about match link (hover) */
.last_game_container:hover .last_game_general_info > a{
    opacity: 1;
    transition: opacity 0.5s ;
    pointer-events: all;
}

/* Where match took plance and tournament container */
.last_game_general_info, .next_game_general_info{
    background-color: var(--grey2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    gap: 20px;
    min-height: 50px;
}

/* All results  + show schedule buttons div */
.results_page_button_div{
    display: flex;
    justify-content: center;
}

/* All results  + show schedule buttons  */
.results_page_button{
    padding: 15px 25px;
    background-color: var(--grey2);
    color: var(--white1);
    text-decoration: none;
    transition: 0.4s all;
}

/* All results  + show schedule buttons  */
.results_page_button:hover{
    background-color: var(--grey4);
    transition: 0.4s all;
}

/* Last match section */
.last_match_section{
    margin-bottom: 50px;
}

/* Time and date (in next match section) */
.time_and_date{
    display: flex;
    gap: 7px;
    justify-content: center;
}

/* Game information (in next match section) */
.game_information{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px 40px;
    gap: 7px;
}

/* Day of competition */
.day_of_competition{
    color: var(--white1);
    white-space: nowrap;
}

/* Time of competition */
.time_of_competition{
    color: var(--green2);
}

/* Competition place */
.competition_place{
    color: var(--grey1);
}

/* Competition place div */
.competition_place_div{
    display: flex;
    gap: 7px;
    align-items: center;
}

/* Location icon (in competition place div) */
.competition_place_div img{
    height: 10px;
    width: 8.3px;
}

/* Zalgiris team row */
.zalgiris_team{
    background-color: var(--green6);
}

/* Zalgiris team row (hover) */
.table_of_results .results_table_teams tr.zalgiris_team:hover{
    background-color: var(--green5);
}

/* Next match main section */
.next_match_section{
    margin-bottom: 100px;
}

/* Transition effect for table rows */
.table_of_results .results_table_teams tr{
    transition: 0.3s all;
}

/* Table row (other remaining) (hover) */
.table_of_results .results_table_teams tr:hover{
    background-color: var(--grey2);
    transition: 0.3s all;
}

/* "last update time" div */
.update_div{
    padding-left: 20px;
}

/* Tournament name in results table */
.mobile_tournament_name{
    display: none;
}

@media screen and (max-width:1150px){

    /* "competition" container */
    .competition_container{
        padding-top: 96px;
    }
}

@media screen and (max-width:1100px){

    /* Hides some results from result table in desktop */
    .tablet_result{
        display: none;
    }
}

@media screen and (max-width:1000px){

    /* First team information */
    .first_team{
        flex-direction: column-reverse;
        gap:10px;
    }

    /* Next/Last game section titles */
    .last_game_results h3, .next_game_results h3{
        text-align: center;
    }

    /* Second team information */
    .second_team{
        flex-direction: column;
    }

    /* First/Second team text */
    .first_team p, .second_team p{
        text-align: center;
    }
}

@media screen and (max-width:900px){
    
    /* Tournament + team filter */
    .individual_filters > div{
        flex-direction: column;
        align-items: start;
        gap: 0px;
    }

    /* Info about match link */
    .last_game_general_info > a{
        margin: 0 20px;
    }
}

@media screen and (max-width:769px){
    
    /* "competition" container */
    .competition_container{
        padding-top: 55px;
    }

    /* Competition filter container */
    .individual_filters{
        gap: 25px;
    }

    /* Competition filter section title*/
    .competition_container .h2{
        font-size: 24px;
        line-height: 27px;
        font-weight: 600;
    }

    /* Tournament + team filter title */
    .individual_filters .caption2{
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
    }

    /* Last updated time div */
    .results_table_general_info{
        padding: 0px 20px 20px 20px;
    }

    /* Comptetition summary div text */
    .competition_summary .h3, .mobile_tournament_name{
        font-size: 18px;
        line-height: 22px;
        font-weight: 600;
    }

    /* "last updated time" text */
    .last_updated_text, .updated_time{
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
    }

    /* Table row (first) */
    .table_of_results tr{
        padding: 10px 20px;
        justify-content: space-between;
        border-bottom: none;
    }

    /* Table row (other remaining*/
    .table_of_results .results_table_teams tr{
        padding: 20px 20px;
    }

    /* Text in result table */
    .table_of_results p{
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        font-family: 'Barlow';
    }

    /* First column in table */
    .first_results_column{
        width: 150px;
        margin-right: 0px;
    }

    /* Div for all columns except first one */
    .remaining_columns div{
        justify-content: end;
        gap: 15px;
    }

    /* Gap between team ranking and team logo */
    .results_table_teams td{
        gap:15px;
    }

    /* Team logos in results table */
    .team_info img{
        width: 25px;
        height: 25px;
    }

    /* Teams in result table */
    .results_table_teams tr{
        border-top: 1px solid var(--grey2);
    }

    /* Results table container */
    .results_table_container{
        margin-bottom: 30px;
    }

    /* Next/Last game containers */
    .last_game_container, .next_game_container{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* Last match section */
    .last_match_section{
        margin-bottom: 30px;
    }

    /* Next match main section */
    .next_match_section{
        margin-bottom: 30px;
    }

    /* All results  + show schedule buttons  */
    .results_page_button{
        padding: 14px 20px;
        font-size: 14px;
        line-height: 17px;
        font-weight: 600;
    }

    /* Team logos in next/last game */
    .team_intro img{
        height: 45px;
        max-width: 50px;
    }

    /* Last/next game results container */
    .last_game_results, .next_game_results{
        padding: 20px 25px;
    }

    /* Where match took plance and tournament container */
    .last_game_general_info, .next_game_general_info{
        padding: 13px 15px;
    }

    /* Next/Last game section titles */
    .last_game_results h3, .next_game_results h3{
        font-size: 14px;
        line-height: 17px;
        font-weight: 600;
    }

    /* First/Second team text */
    .first_team p, .second_team p{
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
    }

    /* Game result text */
    .game_result p{
        font-size: 24px;
        line-height: 27px;
        font-weight: 600;
    }

    /* Last/next game results container */
    .last_game_results, .next_game_results{
        justify-content: space-between;
        gap: 10px;
    }

    /* Game result section */
    .game_result{
        margin: 0px 5px;
    }

    /* Score separator */
    .score_separator{
        margin: 0px 4px;
    }

    /* Where match took place and tournament text*/
    .last_game_general_info p, .next_game_general_info p{
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
    }

    /* First team information */
    .first_team{
        gap:10px;
    }

    /* Second team information */
    .second_team{
        gap: 10px;
    }

    /* Day/Time of competition */
    .day_of_competition, .time_of_competition{
        font-size: 16px;
        line-height: 23px;
        font-family: 'Axiforma';
        font-weight: 600;
        text-wrap: nowrap;
    }

    /* Time and date (in next match section) */
    .time_and_date{
        gap: 4px;
    }

    /* Game information (in next match section) */
    .game_information{
        gap: 2px;
        margin: 0px;
    }

    /* Competition place */
    .competition_place{
        font-size: 10px;
        line-height: 14px;
        font-weight: 400;
    }

    /* Location icon (in competition place div) */
    .competition_place_div img{
        height: 8px;
        width: 6.67px;
    }

    /* Hides some results from result table in mobile screens */
    .mobile_result{
        display: none;
    }

    /* Tournament name in results table */
    .desktop_tournament_name{
        display: none;
    }

    /* Tournament name in results table */
    .mobile_tournament_name{
        display: block;
        padding: 20px 20px 0px 20px;
        margin-bottom: 15px;
    }

    /* Green divider between tournament name and club name */
    .empty_divider {
        margin: 0px 10px 0px 0px;
        border-image: unset;
    }

    /* Info about match link */
    .last_game_general_info > a{
        padding: 14px 20px;
        font-size: 14px;
        line-height: 17px;
        font-weight: 600;
    }
}

@media screen and (max-width:479px){

    /* Update time div */
    .update_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* year, month, day */
    .updated_time{
        white-space: unset;
    }

    /* Hides some results from result table in small mobile screens */
    .small_mobile_result{
        display: none;
    }

    /* Competition filter container */
    .individual_filters{
        gap: 20px;
    }

    /* Season filter */
    .season_select_div .custom_select{
        width: 100%;
    }

}