/**
 * @version     CVS: 1.0.0
 * @package     mod_basketmanager_best_player
 * @copyright   2025 John Kouvakis
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      John Kouvakis <john@kouvakis.gr>
 */

.tm-best-player .name { font-style: italic; line-height: 26px; margin-top: 30px; margin-left: -20px; }
.tm-best-player .name .number { font-family: arial; font-size: 60px; font-weight: bold; margin-right: 10px; }
.tm-best-player .name .first { font-size: 26px; font-weight: bold; }
.tm-best-player .name .last { font-size: 26px; font-weight: bold; }
.tm-best-player .uk-card-media { position: relative; }
.tm-best-player .tm-position { position: absolute; right: 0; bottom: 0; background-color: #C8102E; height: 40px; width: 40%; padding-left: 20px; line-height: 40px; font-size: 18px; font-style: italic; font-weight: bold; }
.tm-best-player .tm-position::after { content: ''; width: 20px; background-color: #C8102E; height: 40px; position: absolute; top: 0px; left: 0; right: 0; margin-left: -10px; transform: skew(-20deg); z-index: 11; }
.tm-best-player .tm-stats { color: #888; margin-top: 20px; }
.tm-best-player .tm-stats .tm-divider { background-color: #ccc; width: 1px; padding: 0; }
.tm-best-player .tm-stats .value { color: #333; font-weight: bold; }
.tm-best-player .single-chart { align-items: center; justify-content: center; text-align: center; gap: 10px; margin-top: 20px; }
.tm-best-player .single-chart .circular-chart { width: 90px; display: inline-block; }
.tm-best-player .single-chart .circle-bg { fill: none; stroke: rgba(0,0,0,0.3); stroke-width: 2.2; }
.tm-best-player .single-chart .circle { fill: none; stroke-width: 3.4; stroke-linecap: round; animation: best-player-progress 1s ease-out forwards; }
.tm-best-player .single-chart .circular-chart .circle { stroke: #C8102E; }
.tm-best-player .single-chart .percentage { fill: #000; font-family: sans-serif; font-size: 7px; text-anchor: middle; font-weight: bold; }
.tm-best-player .single-chart .info { display: block; }
.tm-best-player .single-chart .label { fill: rgba(255,255,255,0.5); font-family: sans-serif; font-size: 4px; text-anchor: middle; }
.tm-best-player .single-chart .info .label { font-size: 12px; line-height: 15px; color: rgba(0,0,0,.4); font-weight: 600; text-transform: uppercase; }
.tm-best-player .single-chart .info .value { font-size: 12px; line-height: 15px; color: #000; font-weight: 600; text-transform: uppercase; }
.tm-best-player .game { text-align: center; margin-top: 10px }
.tm-best-player .points { padding-bottom: 60px;  text-align: center; }
.tm-best-player .points .label { margin-right: 10px; color: rgba(255,255,255,0.5); font-size: 14px; }
.tm-best-player .points .value { color: #C8102E; font-size: 16px; font-weight: bold; }
@keyframes best-player-progress { 0% { stroke-dasharray: 0 100; } }