/* Kisure Sports v642 — player-profile portrait consistency.
   Reuse the established face-first crop: full head + neck + a small shoulder margin.
   Original Data Engine media is never modified; this is presentation-only. */

/* Match Momentum scorer tooltip: make the 42px avatar a real crop frame instead
   of rendering the raw provider image at its native framing. */
.football-momentum-tooltip .ks-player-face-frame--momentum {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px;
    min-height: 42px;
    border-radius: 50% !important;
    overflow: hidden !important;
    --ks-face-scale: 1.32;
    --ks-face-y: 7%;
}

.football-momentum-tooltip .ks-player-face-frame--momentum > img.ks-player-face-img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: var(--ks-face-x, 50%) var(--ks-face-y, 7%) !important;
    transform: scale(var(--ks-face-scale, 1.32)) !important;
    transform-origin: 50% 14% !important;
    border-radius: 0 !important;
}

/* The older Momentum rule targeted every direct img in the tooltip. Neutralise
   that geometry for the image now owned by the crop frame. */
.football-momentum-tooltip .ks-player-face-frame--momentum > img {
    border-radius: 0 !important;
    background: transparent !important;
}

/* Transfer Centre player portraits use the exact same player-profile framing.
   Keep the v641 position badge below the photo and leave that placement intact. */
.ks-transfer-table .ks-transfer-player-photo img.ks-player-face-img {
    --ks-face-scale: 1.32;
    --ks-face-y: 7%;
    object-fit: cover !important;
    object-position: var(--ks-face-x, 50%) var(--ks-face-y, 7%) !important;
    transform: scale(var(--ks-face-scale, 1.32)) !important;
    transform-origin: 50% 14% !important;
}

@media (max-width: 760px) {
    .football-momentum-tooltip .ks-player-face-frame--momentum {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px;
        min-height: 40px;
    }
}
