/* KISURE FE993 ??? Transfer Centre final UI polish.
   Scoped only to /football/transfers. */

/* Keep the player-position pill above the portrait and outside the crop frame. */
.ks-transfer-centre-page .ks-transfer-table .ks-transfer-player-cell,
.ks-transfer-centre-page .ks-transfer-table .ks-transfer-player-cell > a,
.ks-transfer-centre-page .ks-transfer-table .ks-transfer-player-cell > span {
    overflow: visible !important;
}

.ks-transfer-centre-page .ks-transfer-table .ks-transfer-player-photo {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
}

.ks-transfer-centre-page .ks-transfer-table .ks-transfer-player-photo img.ks-player-face-img {
    position: relative !important;
    z-index: 1 !important;
}

.ks-transfer-centre-page .ks-transfer-table .ks-transfer-player-photo small {
    position: absolute !important;
    top: calc(100% - 1px) !important;
    right: -5px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 20 !important;
    transform: none !important;
    min-width: 26px !important;
    padding: 3px 6px !important;
    border: 1px solid color-mix(in srgb, var(--kt-primary, #0B9CA0) 45%, var(--kt-border, #d7e5e5)) !important;
    border-radius: 999px !important;
    background: var(--kt-card, #fff) !important;
    color: var(--kt-primary-dark, #087C78) !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .14) !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    pointer-events: none !important;
}

html[data-theme="dark"] .ks-transfer-centre-page .ks-transfer-table .ks-transfer-player-photo small {
    background: var(--kt-card, #101827) !important;
    color: #8ce4e5 !important;
}

/* Make transfer type immediately readable without changing the underlying data. */
.ks-transfer-centre-page .ks-transfer-type-label {
    display: inline-flex !important;
    width: max-content;
    max-width: 100%;
    align-items: center !important;
    gap: 7px !important;
    line-height: 1.2 !important;
}

.ks-transfer-centre-page .ks-transfer-type-label > span:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ks-transfer-centre-page .ks-transfer-type-icon {
    display: inline-grid !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    place-items: center !important;
    flex: 0 0 24px !important;
    border: 1px solid color-mix(in srgb, var(--kt-primary, #0B9CA0) 28%, var(--kt-border, #d7e5e5)) !important;
    border-radius: 999px !important;
    background: var(--kt-primary-soft, #E8F7F7) !important;
    color: var(--kt-primary-dark, #087C78) !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

.ks-transfer-centre-page .ks-transfer-type-icon.is-loan {
    border-style: dashed !important;
}

.ks-transfer-centre-page .ks-transfer-type-icon.is-loan-return i {
    transform: rotate(180deg);
}

.ks-transfer-centre-page .ks-transfer-type-icon.is-free {
    background: color-mix(in srgb, var(--kt-primary-soft, #E8F7F7) 64%, var(--kt-card, #fff)) !important;
}

html[data-theme="dark"] .ks-transfer-centre-page .ks-transfer-type-icon {
    background: #153536 !important;
    border-color: #315455 !important;
    color: #8ce4e5 !important;
}

/* Keep Show more visually attached to the results without spanning edge-to-edge. */
.ks-transfer-centre-page .ks-transfer-results > .ks-transfer-show-more {
    display: flex !important;
    width: min(520px, calc(100% - 40px)) !important;
    max-width: 520px !important;
    min-height: 46px !important;
    margin: 16px auto 18px !important;
    padding: 0 20px !important;
    justify-content: center !important;
    border: 1px solid var(--kt-border, #d7e5e5) !important;
    border-radius: 12px !important;
    background: var(--kt-card-soft, #f7fbfb) !important;
    color: var(--kt-text, #102425) !important;
    box-shadow: none !important;
}

.ks-transfer-centre-page .ks-transfer-results > .ks-transfer-show-more:hover,
.ks-transfer-centre-page .ks-transfer-results > .ks-transfer-show-more:focus-visible {
    border-color: var(--kt-primary, #0B9CA0) !important;
    background: var(--kt-primary-soft, #E8F7F7) !important;
    color: var(--kt-primary-dark, #087C78) !important;
}

html[data-theme="dark"] .ks-transfer-centre-page .ks-transfer-results > .ks-transfer-show-more {
    background: var(--kt-card-soft, #152221) !important;
    color: var(--kt-text, #f6fbfb) !important;
    border-color: var(--kt-border, #284342) !important;
}

@media (max-width: 720px) {
    .ks-transfer-centre-page .ks-transfer-results > .ks-transfer-show-more {
        width: calc(100% - 24px) !important;
        max-width: 420px !important;
        margin: 12px auto 14px !important;
        min-height: 44px !important;
    }

    .ks-transfer-centre-page .ks-transfer-type-icon {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        flex-basis: 22px !important;
        font-size: 9px !important;
    }
}