/*
==========================================================
FantasyFanzone Injuries
Version: 4.3
==========================================================
*/

.ffz-injuries{
    position:relative;
    padding:var(--ffz-section-padding) 0;
}

.ffz-injuries__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--ffz-grid-gap);
    margin-top:48px;
}

.ffz-injury-team{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--ffz-border);
    border-radius:var(--ffz-radius-xl);
    background:rgba(255,255,255,.035);
    box-shadow:var(--ffz-shadow-md);
}

.ffz-injury-team__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px 20px;
    border-bottom:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.025);
}

.ffz-injury-team__identity{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.ffz-injury-team__logo{
    flex:0 0 auto;
    width:36px;
    height:36px;
    object-fit:contain;
}

.ffz-injury-team__name{
    overflow:hidden;
    color:var(--ffz-text);
    font-size:18px;
    font-weight:var(--ffz-font-weight-bold);
    white-space:nowrap;
    text-overflow:ellipsis;
}

.ffz-injury-team__count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-width:32px;
    height:32px;
    padding:0 8px;
    border-radius:var(--ffz-radius-pill);
    background:rgba(239,68,68,.12);
    color:var(--ffz-danger);
    font-size:12px;
    font-weight:var(--ffz-font-weight-bold);
}

.ffz-injury-team__players{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-height:228px;
    overflow-y:auto;
    overscroll-behavior:contain;
}

.ffz-injury-player{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    min-height:76px;
    padding:12px 14px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.ffz-injury-player:nth-child(odd){
    border-right:1px solid rgba(255,255,255,.05);
}

.ffz-injury-player__image{
    flex:0 0 auto;
    width:42px;
    height:42px;
    overflow:hidden;
    border-radius:50%;
    background:var(--ffz-surface-light);
}

.ffz-injury-player__image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.ffz-injury-player__content{
    flex:1;
    min-width:0;
}

.ffz-injury-player__name{
    overflow:hidden;
    color:var(--ffz-text);
    font-size:14px;
    font-weight:var(--ffz-font-weight-bold);
    white-space:nowrap;
    text-overflow:ellipsis;
}

.ffz-injury-player__injury{
    display:-webkit-box;
    margin-top:4px;
    overflow:hidden;
    color:var(--ffz-text-muted);
    font-size:11px;
    line-height:1.35;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.ffz-injury-player__status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    padding:5px 7px;
    border-radius:var(--ffz-radius-pill);
    font-size:9px;
    font-weight:var(--ffz-font-weight-extra-bold);
    line-height:1;
    text-transform:uppercase;
}

.ffz-injury-player__status--i{
    background:rgba(239,68,68,.12);
    color:var(--ffz-danger);
}

.ffz-injury-player__status--d{
    background:rgba(245,158,11,.12);
    color:var(--ffz-accent);
}

.ffz-injury-player__status--s{
    background:rgba(250,204,21,.12);
    color:var(--ffz-warning);
}

.ffz-injury-team__players::-webkit-scrollbar{width:7px;}
.ffz-injury-team__players::-webkit-scrollbar-track{background:transparent;}
.ffz-injury-team__players::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px;}

@media(max-width:900px){
    .ffz-injuries__grid{grid-template-columns:1fr;}
}

@media(max-width:600px){
    .ffz-injuries__grid{gap:20px;margin-top:32px;}
    .ffz-injury-team{border-radius:var(--ffz-radius-lg);}
    .ffz-injury-team__players{grid-template-columns:1fr;max-height:228px;}
    .ffz-injury-player:nth-child(odd){border-right:0;}
    .ffz-injury-player{min-height:76px;}
}

@media(prefers-reduced-motion:reduce){
    .ffz-injury-team__players{scroll-behavior:auto;}
}
