/*+++ |=== PLAYER ALGORITHM SECTION ===| +++*/

.player-algorithm-section{}

.player-game-btn-container {
    margin-top: 69px;
    display: flex;
    justify-content: center;
    /* padding-bottom: 9px; */
    /* border-bottom: 1px solid var(--primary-one-4); */
}

/*++ |=== PLAYER NUMBER OF GAMES BUTTON ===| ++*/

.player-games-btn-div {
    display: flex;
    justify-content: center;
    width: 69%;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* gap: 36px; */
    /* background-color: var(--grey-4); */
    padding: 6px;
    /* border-radius: 12px; */
    border-bottom: 1px solid var(--primary-two-2);
}

.player-algorthim-title-container {
}

.player-algorithm-title-div {
    /* width: 223px; */
    font-size: 18px;
    /* border-radius: 6px; */
    /* border-top: 2px solid var(--primary-one-2); */
    /* padding: 6px; */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.team-player-btn-container {
    margin-right: auto;
    margin-left: auto;
    width: 345px;
    display: flex;
    justify-content: space-evenly;
    padding: 6px;
    display: none;
}
.player-btn-house {
    background-color: var(--primary-one-2);
    width: 99px;
    border-radius: 6px;
}

.player-btn-house label {
    cursor: pointer;
    /* width: 100%; */
    /* width: 99px; */
}

.player-btn-house span {
    font-size: 14px;
    display: block;
    padding: 6px;
    text-align: center;
}

.player-btn-house input + span:hover {
    background-color: var(--primary-two-1);
    /* transition: .36s background-color; */
    border-radius: 6px;
}

.player-btn-house input {
    position: absolute;
    display: none;
}

.player-btn-house input:checked + span {
    border-radius: 6px;
    background-color: var(--primary-two-2);
    /* width: 100%; */
    /* width: 99px; */
}

.player-btn-house input:checked + span:hover {
    border-radius: 6px;
    background-color: var(--primary-two-1);
    /* background-color: var(--primary-two-2); */
    /* width: 100%; */
    /* width: 99px; */
}

/*+++ |=== ALGORITHM MATCH UP TABLE CAPTION ===| +++*/

.player-box-tbl caption, .h2h-matchup-box-tbl caption, .h2h-matchup-grp-tbl caption, .tier-matchup-box-tbl caption, .rank-matchup-box-tbl caption, .rank-matchup-val-tbl caption {
    /* font-size: 16px; */
    /* font-weight: 600; */
    padding: 6px;
    font-weight: 600;
    font-size: 14px;
}


.player-box-tbl caption a, .h2h-matchup-box-tbl caption a, .h2h-matchup-grp-tbl caption a, .tier-matchup-box-tbl caption a, .rank-matchup-box-tbl caption a, .rank-matchup-val-tbl caption a {
    font-weight: 600;
    font-size: 14px;
}

.table-style-1 tbody tr td a {
    font-size: 12px;
}

.table-style-1 tbody tr td {
    padding: 9px 3px;
    font-size: 13px;
}

/*+++ |=== PLAYER BOXSCORE SECTION ===| +++*/

.player-boxscore-container {
    /* display: flex; */
    /* justify-content: center; */
    /* gap: 33px; */
    margin-top: 23px;
}

.player-boxscore-div {
}

.player-boxscore-flex {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.player-team-container {
    width: 869px;
}

.player-status-container {
    display: flex;
    justify-content: center;
    margin-top: 6px;
}

.player-boxscore-type {
}

/*+ |=== PLAYER BOXSCORE SELECTION ===| +*/
.player-box-type-select {
    display: flex;
    justify-content: space-evenly;
    width: 769px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    padding: 6px;
    background-color: var(--grey-2);
}

#away-player-btn-boxscore,
#home-player-btn-boxscore {
    background-color: var(--primary-one-3);
}

#away-player-btn-shooting,
#away-player-btn-hustle,
#away-player-btn-algorithm,
#home-player-btn-shooting,
#home-player-btn-hustle,
#home-player-btn-algorithm {
    background-color: var(--grey-3);
}

.player-box-type-btn {
    width: 23%;
    font-size: 16px;
    padding: 5px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}

#away-player-btn-boxscore:hover,
#away-player-btn-shooting:hover,
#away-player-btn-hustle:hover, 
#away-player-btn-algorithm:hover, 
#home-player-btn-boxscore:hover,
#home-player-btn-shooting:hover,
#home-player-btn-hustle:hover,
#home-player-btn-algorithm:hover {
    background-color: var(--primary-two-4);
}

/*+ |=== PLAYER BOXSCORE TABLE ===| +*/

#away-boxscore-player-starter,
#away-boxscore-player-bench,
#away-boxscore-player-averages,
#home-boxscore-player-starter,
#home-boxscore-player-bench,
#home-boxscore-player-averages {
    display: block;
}

#away-shooting-player-starter,
#away-hustle-player-starter,
#away-algorithm-player-starter,
#away-shooting-player-bench,
#away-hustle-player-bench, 
#away-algorithm-player-bench,
#away-shooting-player-averages,
#away-hustle-player-averages, 
#away-algorithm-player-averages,
#home-shooting-player-starter,
#home-hustle-player-starter,
#home-algorithm-player-starter,
#home-shooting-player-bench,
#home-hustle-player-bench,
#home-algorithm-player-bench,
#home-shooting-player-averages,
#home-hustle-player-averages,
#home-algorithm-player-averages {
    display: none;
}

.player-boxscore-type {
    margin-top: 12px;
}


.player-box-tbl th {
    padding: 6px;
    text-align: center;
    /* border: 2px solid red; */
}

.player-box-tbl td {
    padding: 6px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-box-tbl thead tr :nth-child(1),
.player-box-tbl tbody tr :nth-child(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 123px;
}

.player-box-tbl thead tr :nth-child(n + 2),
.player-box-tbl tbody tr :nth-child(n + 2) {
    width: 23px;
}

.player-box-averages caption {
    display: none;
    /* border: 2px solid blue; */
}

.player-box-tbl tbody tr:nth-last-child(1) {
    border-top: 1px solid var(--primary-one-2);
    border-bottom: 2px double var(--primary-one-2);
}

.add-additional-player-cell {
    cursor: pointer;
}

.add-additional-player-cell:hover {
    background-color: var(--primary-two-1);
}

.additional-player-row {
    background-color: var(--grey-4);
}

.additional-player-row:hover {
    background-color: var(--primary-one-4);
}

.player-tbl-tbody tr td:nth-child(1) {
    width: 133px;
}

.player-tbl-tbody tr td:nth-child(n + 2) {
    width: 27px;
}

/*+++ |=== HEAD TO HEAD MATCHUP BOXSCORE SECTION ===| +++*/

.h2h-matchup-container {
    margin-top: 69px;
}

.h2h-box-type-select-div {
    display: flex;
    justify-content: center;
    gap: 69px;
    border-radius: 12px;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
    background-color: var(--grey-4);
}

.h2h-box-type-select {
    display: flex;
    justify-content: space-evenly;
    width: 569px;
    background-color: var(--grey-2);
    border-radius: 12px;
    padding: 6px;
}


.h2h-matchup-title-div {
    /* border-top: 2px solid var(--primary-one-2); */
    border-bottom: 2px solid var(--primary-two-2);
    padding: 6px;
    font-size: 18px;
    text-align: center;
}

.h2h-matchup-box-tbl-div {
    width: fit-content;
}

.h2h-matchup-grp-tbl caption {
    background-color: var(--primary-one-2);
}

.h2h-matchup-box-container {
}

.h2h-matchup-box-flex-div {
    display: flex;
    justify-content: center;
    margin-top: 23px;
    gap: 33px;
    /* border: 1px solid green; */
}

.h2h-matchup-team-container {
    width: 869px;
}

.h2h-matchup-team-div {
    display: flex;
    justify-content: center;
}

.h2h-matchup-box-tbl {
    margin-left: auto;
    margin-right: auto;
}

#away-h2h-btn-boxscore,
#home-h2h-btn-boxscore {
    background-color: var(--primary-one-3);
}

#away-h2h-btn-shooting,
#away-h2h-btn-hustle,
#home-h2h-btn-shooting,
#home-h2h-btn-hustle {
    background-color: var(--grey-3);
}

.h2h-box-type-btn {
    width: 169px;
    font-size: 16px;
    padding: 5px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}

#away-h2h-btn-boxscore:hover,
#away-h2h-btn-shooting:hover,
#away-h2h-btn-hustle:hover, 
#home-h2h-btn-boxscore:hover,
#home-h2h-btn-shooting:hover,
#home-h2h-btn-hustle:hover {
    background-color: var(--primary-two-4);
}

/*+ |=== HEAD TO HEAD BOXSCORE TABLE ===| +*/

#away-boxscore-h2h-box,
#home-boxscore-h2h-box {
    display: block;
}

#away-shooting-h2h-box,
#away-hustle-h2h-box,
#home-shooting-h2h-box,
#home-hustle-h2h-box {
    display: none;
}

.h2h-matchup-box-tbl caption, .h2h-matchup-grp-tbl caption {
    font-size: 14px;
    padding: 6px;
}

.h2h-matchup-box-tbl th, .h2h-matchup-grp-tbl th {
    padding: 6px 3px;
    text-align: center;
    /* border: 2px solid red; */
}

.h2h-matchup-box-tbl td, .h2h-matchup-grp-tbl td {
    padding: 6px 5px;
    text-align: center;
    white-space: nowrap;
}

.h2h-matchup-box-tbl tbody tr:nth-last-child(1), .h2h-matchup-grp-tbl tbody tr:nth-last-child(1) {
    border-top: 1px solid var(--primary-one-2);
    border-bottom: 2px double var(--primary-one-2);
}

.h2h-matchup-grp-div {
    /* width: 100%; */
    margin-top: 23px;
    display: flex;
    justify-content: center;
}

.h2h-matchup-grp-tbl {
    margin-left: auto;
    margin-right: auto;
}


/*+++ |=== TIER MATCHUP BOXSCORE SECTION ===| +++*/

.tier-algorithm-section {}
.tier-matchup-container {
    margin-top: 69px;
}

/*++ |=== OFFENSE DEFENSE BUTTON SECTION ===| ++*/

.tier-select-offense-defense-container {
    display: flex;
    justify-content: center;
}

.tier-select-offense-defense-flex-div {
    display: flex;
    justify-content: center;
    gap: 12.99rem;
    padding: 12px;
    border-radius: 12px;
}

.tier-select-offense-defense-btn-div {
    display: flex;
    justify-content: center;
    gap: 6.9rem;
    /* width: 69%; */
    margin-left: auto;
    margin-right: auto;
    background-color: var(--grey-2);
    padding: 6px;
    border-radius: .81rem;
}

.tier-head-title {
    text-align: center;
    font-size: 1.1rempx;
    padding: 3px;
    border-bottom: 2px solid var(--primary-two-1);
    width: 169px;
}

.tier-off-def-btn {
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    color: var(--white-3);
    width: 123px;
}

.tier-off-def-btn:hover {
    background-color: var(--primary-two-1);
}


#away-offense-show-btn, #home-offense-show-btn {
    background-color: var(--primary-two-1);
}

#away-defense-show-btn, #home-defense-show-btn {
    background-color: var(--primary-one-1);
}

#away-offense-show-btn:hover,
#home-offense-show-btn:hover,
#away-defense-show-btn:hover,
#home-defense-show-btn:hover {
    background-color: var(--primary-two-1);
}

/*++ |=== OFFENSE DEFENSE SECTION ===| ++*/

.tier-offense-defense-container {
    display: flex;
    justify-content: space-evenly;
    /* margin-top: 12px; */
}

.team-tier-offense-defense-container {
    width: 100%;
}

.tier-offense-defense-div {
}

/*+ |=== SHOW / HIDE OFFENSE DEFENSE DIV ===| +*/
#away-offense-show-div,
#home-offense-show-div {
    display: block;
}

#away-defense-show-div,
#home-defense-show-div {
    display: none;
}


/*+ |=== BOXSCORE TYPE BUTTON ===| +*/

.tier-box-select-btn-container {
}

.tier-box-select-btn-div {
    display: flex;
    justify-content: space-evenly;
    width: 63%;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 12px; */
    border-radius: 6px;
    background-color: var(--grey-2);
    padding: 6px;
}

#away-tier-btn-boxscore-offense,
#home-tier-btn-boxscore-offense,
#away-tier-btn-boxscore-defense,
#home-tier-btn-boxscore-defense {
    background-color: var(--primary-one-1);
}

#away-tier-btn-shooting-offense,
#away-tier-btn-hustle-offense,
#home-tier-btn-shooting-offense,
#home-tier-btn-hustle-offense,
#away-tier-btn-shooting-defense,
#away-tier-btn-hustle-defense,
#home-tier-btn-shooting-defense,
#home-tier-btn-hustle-defense {
    background-color: var(--grey-3);
}

.tier-box-type-btn {
    width: 169px;
    font-size: 16px;
    padding: 5px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}

#away-tier-btn-boxscore-offense:hover,
#away-tier-btn-shooting-offense:hover,
#away-tier-btn-hustle-offense:hover, 
#home-tier-btn-boxscore-offense:hover,
#home-tier-btn-shooting-offense:hover,
#home-tier-btn-hustle-offense:hover,
#away-tier-btn-boxscore-defense:hover,
#away-tier-btn-shooting-defense:hover,
#away-tier-btn-hustle-defense:hover, 
#home-tier-btn-boxscore-defense:hover,
#home-tier-btn-shooting-defense:hover,
#home-tier-btn-hustle-defense:hover {
    background-color: var(--primary-two-2);
}


/*+ |=== BOXSCORE TYPE CONTAINER ===| +*/

.tier-boxscore-div {
    margin-top: 23px;
    display: flex;
    justify-content: center;
}

.tier-matchup-box-div table {
    margin-left: auto;
    margin-right: auto;
}


/*+ |=== HIDE / SHOW TABLE TYPE ===| +*/

#away-boxscore-tier-box-offense,
#away-boxscore-tier-box-defense,
#home-boxscore-tier-box-offense,
#home-boxscore-tier-box-defense {
    display: block;
}

#away-shooting-tier-box-offense,
#away-shooting-tier-box-defense,
#home-shooting-tier-box-offense,
#home-shooting-tier-box-defense,
#away-hustle-tier-box-offense,
#away-hustle-tier-box-defense,
#home-hustle-tier-box-offense,
#home-hustle-tier-box-defense {
    display: none;
}

/*+ |=== TIER MATCHUP BOXSCORE ===| +*/
.tier-matchup-box-tbl caption {
    font-size: .87rem;
    padding: 6px;
}

.tier-matchup-box-tbl th {
    padding: .33rem .23rem;
    text-align: center;
    /* border: 2px solid red; */
}

.tier-matchup-box-tbl td {
    padding: .33rem .23rem;
    text-align: center;
    font-size: .81rem;
}


.tier-matchup-box-tbl tbody tr:nth-child(7),
.tier-matchup-box-tbl tbody tr:nth-child(14),
.tier-matchup-box-tbl tbody tr:nth-child(21) {
    border-top: 1px solid var(--primary-two-2);
    border-bottom: 2px double var(--primary-two-2);
}
 
.tier-matchup-box-tbl tbody tr:nth-last-child(3) {
    /* background-color: var(--primary-one-1); */
}

.tier-matchup-box-tbl tbody tr:nth-last-child(2) {
    /* background-color: var(--primary-one-2); */
}

.tier-matchup-box-tbl tbody tr:nth-last-child(1) {
    background-color: var(--primary-one-3);
}

/*+++ |=== RANK LADDER SECTION ===| +++*/

.rank-algorithm-section {}

.rank-matchup-container {
    margin-top: 69px;
}


/*+ |=== RANK BUTTON BOXSCORE TYPE ===| +*/

.rank-box-type-select-div {
    display: flex;
    justify-content: center;
}

.rank-box-type-select-flex-div {
    display: flex;
    justify-content: center;
    width: 79%;
    padding: 12px;
    background-color: var(--grey-4);
    border-radius: 12px;
}


.rank-matchup-title-div {
    border-bottom: 2px solid var(--primary-two-1);
    padding: 3px;
    font-size: 1.06rem;
    text-align: center;
}


.rank-box-type-select {
    display: flex;
    justify-content: space-evenly;
    width: 569px;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
    border-radius: 12px;
    background-color: var(--grey-2);
}


#away-rank-btn-boxscore,
#home-rank-btn-boxscore {
    background-color: var(--primary-one-3);
}

#away-rank-btn-shooting,
#away-rank-btn-hustle,
#home-rank-btn-shooting,
#home-rank-btn-hustle {
    background-color: var(--grey-3);
}

.rank-box-type-btn {
    width: 169px;
    padding: 5px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}

#away-rank-btn-boxscore:hover,
#away-rank-btn-shooting:hover,
#away-rank-btn-hustle:hover, 
#home-rank-btn-boxscore:hover,
#home-rank-btn-shooting:hover,
#home-rank-btn-hustle:hover {
    background-color: var(--primary-two-4);
}


/*+ |=== RANK MATCHUP LADDER BOX SECTION ===| +*/

.rank-matchup-box-container {
    margin-top: 33px;
    display: flex;
    justify-content: center;
    /* width: 100%; */
}

.rank-matchup-team-div {
    display: flex;
    justify-content: center;
}

.rank-matchup-box-flex-div {
    display: flex;
    justify-content: center;
}

.rank-matchup-team-container, .rank-matchup-val-div {
    width: 869px;
}

.rank-matchup-box-tbl {
    margin-left: auto;
    margin-right: auto;
}


#away-boxscore-rank-box,
#home-boxscore-rank-box {
    display: block;
}

#away-shooting-rank-box,
#away-hustle-rank-box,
#home-shooting-rank-box,
#home-hustle-rank-box {
    display: none;
}

.rank-matchup-box-tbl caption, .rank-matchup-val-tbl caption {
    font-size: 14px;
    padding: 6px;
}

.rank-matchup-box-tbl th, .rank-matchup-val-tbl th {
    padding: 6px 3px;
    text-align: center;
    /* border: 2px solid red; */
}

.rank-matchup-box-tbl td, .rank-matchup-val-tbl td {
    padding: 6px 5px;
    text-align: center;
}


/*+ |=== VALUES LADDER RANK TBL ===| +*/

.rank-matchup-val-container {
    margin-top: 23px;
    /* display: flex;
    justify-content: space-evenly;
    gap: 12px; */
}

.rank-matchup-val-div {
    display: flex;
    justify-content: center;
}

.rank-matchup-val-tbl {
    margin-left: auto;
    margin-right: auto;
}


/*+++ |=== SCROLL TO MATCHUP BUTTON ===| +++*/
.scroll-to-matchup-btn {
    position: fixed;
    font-size: 33px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    /* font-weight: bold; */
    bottom: 69px;
    right: 123px;
    padding: 1.5px 10px;
    /* width: 33px; */
    /* height: 33px; */
    /* padding-bottom: 12px; */
    background-color: var(--primary-two-1);
    color: var(--white-4);
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.scroll-to-matchup-btn:hover {
    background-color: var(--primary-two-3);
}