/* ==================================================
   JETBET PLAYER CARDS ? UNIVERSAL V2

   NFL / NBA / NHL / MLB
================================================== */


/* --------------------------------------------------
   LARGE TEAM BACKGROUND LOGO

   This is the sole team-logo treatment on cards.
-------------------------------------------------- */

.card-team-logo {
    position: absolute;

    width: 225px;
    height: 175px;

    left: 8px;
    right: auto;

    top: 2px;

    object-fit: contain;
    object-position: center;

    opacity: .12;

    filter:
        grayscale(.08)
        saturate(.82)
        brightness(1.08);

    z-index: 0;

    pointer-events: none;
}


/* --------------------------------------------------
   JB MARK ? TOP LEFT
-------------------------------------------------- */

.card-hero::before {
    content: "";

    position: absolute;

    top: 13px;
    left: 15px;

    width: 43px;
    height: 26px;

    z-index: 5;

    background:
        url("/static/assets/brand/jetbet-logo.png?v=2")
        center
        / contain
        no-repeat;

    pointer-events: none;
}


/* --------------------------------------------------
   PLAYER IDENTITY
-------------------------------------------------- */

.card-player-meta {
    z-index: 3;
}


.card-team-position {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px;
}


.card-jersey-number {
    min-width: 27px;
    height: 20px;

    padding: 0 7px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid
        rgba(255, 255, 255, .22);

    border-radius: 6px;

    background:
        rgba(10, 14, 21, .30);

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .08);

    color: white;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 0;

    text-transform: none;
}


/* --------------------------------------------------
   RECENT GAME VALUES

   data-value is deliberately blank for samples >20.
-------------------------------------------------- */

.performance-chart {
    height: 72px;

    margin-top: 21px;
}


.performance-bar {
    overflow: visible;
}


.performance-chart
.performance-bar::before {

    content:
        attr(data-value);

    position: absolute;

    top: -14px;
    left: 50%;

    transform:
        translateX(-50%);

    color:
        rgba(235, 241, 252, .90);

    font-size: 7px;
    font-weight: 800;

    line-height: 1;

    white-space: nowrap;

    pointer-events: none;
}


/* --------------------------------------------------
   MOBILE
-------------------------------------------------- */

@media (max-width: 680px) {

    .card-team-logo {
        width: 245px;
        height: 192px;

        left: 8px;
        top: 0;
    }


    .card-hero::before {
        width: 47px;
        height: 28px;
    }


    .performance-chart
    .performance-bar::before {
        font-size: 8px;
    }

}

/* JETBET_CARD_EXPORT_V30 */
.player-card { position: relative; }
.jb-card-export {
  position: absolute; top: 12px; right: 12px; z-index: 9;
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 9px;
  color: #f1f4fc; background: rgba(7,12,24,.79);
  border: 1px solid rgba(220,229,255,.32);
  box-shadow: 0 3px 14px rgba(0,0,0,.26);
  cursor:pointer; transition: background .15s, transform .15s;
}
.jb-card-export svg { width: 18px; height: 18px; pointer-events:none; }
.jb-card-export:hover, .jb-card-export:focus-visible {
  background: #262044; border-color: #b99cff; transform: translateY(-1px);
  outline: none;
}
.jb-card-export:disabled { opacity:.65; cursor:wait; }
@media (max-width:680px) {.jb-card-export {top: 10px;right:10px;}}

/* JetBet V32: intentionally tiny secondary control. */
.player-card { position:relative; }
.jb-export {position:absolute;z-index:30;top:10px;right:10px;display:grid;place-items:center;
  width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;
  color:rgba(255,255,255,.66);opacity:.45;cursor:pointer;
  transition:opacity .15s ease,color .15s ease;}
.player-card:hover .jb-export,.jb-export:hover,.jb-export:focus-visible {opacity:1;color:white}
.jb-export:focus-visible {outline:1px solid #c3a2ff;outline-offset:1px}
.jb-export[disabled] {opacity:.3;cursor:wait}