/**
 * @version     CVS: 1.0.0
 * @package     mod_basketmanager_players
 * @copyright   2025 John Kouvakis
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      John Kouvakis <john@kouvakis.gr>
 */
.card-sides { min-height: 460px; }
.card-sides { transform-style: preserve-3d; transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; border-radius: 3px !important; box-shadow: 0 6px 16px rgba(0,0,0,0.15) !important; }
.change-side { z-index: 1; cursor: pointer; padding: 14px !important; position: absolute; top: 10px; right: 10px; border-radius: 50% !important; }
.more-info { z-index: 1; position: absolute; top: 62px; right: 10px; padding: 14px !important; border-radius: 50% !important; }
.card-sides .card-face.back { display: none; transform: rotateY(180deg); }
.card-sides .card-face { min-height: 460px; display: none; background: #fff; display: -ms-flexbox; display: flex; -o-box-pack: center; justify-content: center; -o-box-align: center; align-items: center; -webkit-font-smoothing: antialiased; }
.card-sides.flipped { transform: rotateY(180deg); }
.card-sides.flipped .back { display: block !important; }
.card-sides.flipped .front { display: none; }
.card-sides .tm-group-label { z-index: 1; position: absolute; background-color: #C8102E; color: #fff; font-size: 12px; top: 10px; left: 10px; padding: 4px 15px; border-radius: 5px; }
.card-sides .front .uk-card-media-top { min-height: 460px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; }
.card-sides .front .uk-card-title { position: absolute; text-align: left; bottom: -1px; margin: 0; width: 100%; padding: 10px 0; font-size: 22px; letter-spacing: 1px; line-height: 22px; color: #fff !important; font-weight: 100; box-sizing: border-box; border-radius: 0px 10px 0px 0px; }
.card-sides .front .uk-card-title > a { background-color: #C8102E; padding: 5px 10px; border-radius: 0px 6px 0px 0px; }
.card-sides.flipped h3 { text-transform: uppercase; font-weight: 600 }
.card-sides.flipped dt { font-size: 11px; color: #444; }
.card-sides.flipped dd { font-weight: 600; color: #000; }
.card-sides.flipped .uk-description-list>dt:nth-child(n+2) { margin-top: 10px; }