/* Player Header */
.page-player .page-header {
    height: 200px;
    background-image: url('/geniuswebs/static/css/templates/basket/one/assets/imgs/page_header_default_bg.png'), var(--pages-header-bg);
    background-position-x: right;
    color: var(--pages-header-color);
    background-color: var(--pages-header-bg-color);
    background-repeat: no-repeat;
}
.page-player .page-header h1 {
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    font-size: var(--font-size-5);
}
.page-player .page-header .player-face-container {
    width: 120px;
    height: 120px;
}
.page-player .page-header .player-face-container.player-shirt {
    border-radius: 50%;
}

.page-player .page-header .player-face-container:not(.player-shirt) .player-face {
    border-radius: 50%;
}


.page-player .page-header .player-shirt {
    padding: 20px;
}
.page-player h2 {
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
}
.page-player .player-menu-container {
    position: absolute;
    bottom: 0px;
}
.page-player .page-header .container {
    height: 100%;
}
.page-player .page-header .nav-link {
    border-radius: var(--global-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.page-player .player-header-data-container h1 {
    font-size: var(--font-size-5);
    font-weight: bold;
    font-style: italic;

}
.page-player .player-header-data-container .player-standing-position {
    font-size: var(--font-size-2);
    text-transform: uppercase;
}

.page-player .player-club-name-container img {
    border-radius: 100%;
}

.player-select-player {
    background-color: var(--menu-select-bg-color);
    color: var(--menu-color);
    border: none;
}

/* Player info Widget */
.player-info-widget-name {
    font-weight: bold;
    opacity: 0.7;
    font-style: italic;
    font-size: var(--font-size-3);
    text-transform: uppercase;
}
.player-info-widget .widget-data-body {
    border-radius: var(--global-border-radius);
}
.player-info-widget .widget-data-body .row {
    border-bottom: 1px transparent;
}

.player-info-widget .widget-data-body {
    background-color: var(--widgets-elements-bg-color);
}
.player-info-widget .player-info-widget-label {
    font-weight: bold;
}


/* Stats  */
.player-stats-widget-name {
    font-weight: bold;
    opacity: 0.7;
    font-style: italic;
    font-size: var(--font-size-3);
    text-transform: uppercase;
}

.player-stats-table {
    background-color: var(--widgets-elements-bg-color);
    border-radius: var(--global-border-radius);
    margin-bottom: 0;
}
.player-stats-table table {
    border-color: transparent;
}
.player-stats-table th {
    border: none;
    font-weight: normal;
/*    color: var(--widgets-header-color); */
    opacity: 0.7;
}
.player-stats-table td {
    position: relative;
}

.player-stats-table .standing-team-code {
    font-size: var(--font-size-3);
}
.player-stats-table thead {
/*    background-color: var(--widgets-header-bg-color); */
 /*   color: var(--widgets-header-color); */
}
.player-stat-card-container {
    background-color: var(--widgets-elements-bg-color);
    color: var(--widgets-color);
    border-radius: var(--global-border-radius);
    aspect-ratio : 1 / 1;
    width:100%;
}
.player-stat-card-position {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--widgets-header-bg-color);
    color: var(--widgets-header-color);
    border-top-left-radius: var(--global-border-radius);
    font-weight: bold;
    font-style: italic;
    font-size: var(--font-size-4);
}
.player-stat-card-label {
    opacity: 0.8;

}
.player-stat-card-position {
    background-color: var(--widgets-header-bg-color);
}
.player-stat-card-value {
    font-size: var(--font-size-6);
    font-weight: bold;
    font-style: italic;
}
.player-stat-card-title {
    text-transform: uppercase;
    opacity: 0.8;
    font-size: var(--font-size-3);
    font-style: italic;
}
.player-stat-card-label-value {
    font-style: italic;
}
@media (max-width: 768px) {
    .page-player .player-header-data-container h1 {
        font-size: var(--font-size-4);
    }
}