/* top-scorers.php */
.ahly-top-scorers-365{
    --ahly-inner-gap:16px;
    background:#fff;
    color:#111;
    border:1px solid #e8e8e8;
    border-radius:8px;
    overflow:hidden;
    font-family: "Noto Kufi Arabic", sans-serif !important;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
}

.ahly-ts-header{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    background:#f7f7f7;
    border-bottom:1px solid #e9e9e9;
    padding:13px 16px;
    font-size:17px;
    font-weight:bold;
    color:#111;
}

.ahly-ts-header:before{
    content:"";
    width:14px;
    height:14px;
    border-radius:50%;
    background:#e51b2b;
    flex:0 0 14px;
}

.ahly-ts-podium{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:var(--ahly-inner-gap) var(--ahly-inner-gap) 0;
    background:#fff;
}

.ahly-ts-podium-card{
    min-height:186px;
    display:grid;
    grid-template-rows:auto auto 1fr auto auto auto;
    align-items:center;
    justify-items:center;
    gap:8px;
    padding:18px 12px 16px;
    border:1px solid #eee;
    border-radius:8px;
    text-align:center;
    background:#fff;
}

.ahly-ts-podium-card:last-child{
    border-left:1px solid #eee;
}

.ahly-ts-podium-card.rank-1{
    background:#fff;
}

.ahly-ts-podium-card.is-ahly{
    background:#f7dbdb;
}

.ahly-ts-podium-card > strong{
    width:52px;
    height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(0,0,0,.70);
    color:#fff;
    font-size:26px;
    line-height:1;
}

.ahly-ts-podium-card > .ahly-ts-avatar.large{
    grid-row:auto;
}

.ahly-ts-podium-card.is-ahly > strong,
.ahly-ts-podium-card.is-ahly b{
    background:#e51b2b;
}

.ahly-ts-avatar{
    width:46px;
    height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f2f4f7;
    color:#667085;
    overflow:hidden;
    flex:0 0 46px;
    font-size:16px;
    font-weight:800;
}

.ahly-ts-avatar.large{
    width:86px;
    height:86px;
    flex-basis:86px;
}

.ahly-ts-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.ahly-ts-podium-card h3{
    margin:0;
    font-size:14px;
    font-weight:800;
    line-height:1.45;
}

.ahly-ts-player-meta{
    margin-top:4px!important;
    color:#344054!important;
    flex-wrap:wrap;
}

.ahly-ts-podium-card h3 a,
.ahly-ts-table a{
    color:#111;
    text-decoration:none;
}

.ahly-ts-podium-card h3 a:hover,
.ahly-ts-table a:hover{
    color:#e51b2b;
}

.ahly-ts-podium-card p{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin:6px 0 0;
    color:#667085;
    font-size:12px;
    font-weight:700;
}

.ahly-ts-podium-card p img{
    width:30px;
    height:30px;
    object-fit:contain;
}

.ahly-ts-match-count,
.ahly-ts-average{
    color:#344054;
    font-size:12px;
    font-weight:800;
    line-height:1.35;
}

.ahly-ts-match-count{
    margin-top:2px;
}

.ahly-ts-average{
    color:#667085;
}

.ahly-ts-average,
.ahly-ts-table .avg-col{
    word-spacing:4px;
}

.ahly-ts-podium-card b{
    min-width:70px;
    display:inline-flex;
    align-items:baseline;
    justify-content:center;
    gap:4px;
    border-radius:18px;
    background:rgba(0,0,0,.70);
    color:#fff;
    padding:7px 12px;
    font-size:18px;
    line-height:1;
}

.ahly-ts-podium-card b small{
    font-size:11px;
    font-weight:700;
}

.ahly-ts-table .goals-col small{
    display:none;
}

.ahly-ts-scroll{
    width:100%;
    overflow-x:auto;
    padding:var(--ahly-inner-gap);
    box-sizing:border-box;
}

.ahly-ts-mobile-cards{
    display:none;
}

.ahly-ts-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    table-layout:auto;
    font-size:12px;
    text-align:center;
    border:1px solid #dfe3e8;
    border-radius:8px;
    overflow:hidden;
}

.ahly-ts-table th{
    height:34px;
    background:#f3f3f3;
    color:#555;
    font-weight:bold;
    border-bottom:1px solid #e5e5e5;
    white-space:nowrap;
    padding:0 8px;
}

.ahly-ts-table thead th{
    background:#f7f7f7;
    color:#4b5563;
    font-size:12px;
    font-weight:800;
    text-align:center;
    vertical-align:middle;
}

.ahly-ts-table thead .player-col,
.ahly-ts-table thead .team-col{
    text-align:right;
}

.ahly-ts-table td{
    height:56px;
    border-bottom:1px solid #eee;
    background:#fff;
    white-space:nowrap;
    padding:0 8px;
}

.ahly-ts-table tr:nth-child(even) td{
    background:#fbfbfb;
}

.ahly-ts-table tr.is-ahly td{
    background:#f7dbdb!important;
    font-weight:bold;
}

.ahly-ts-table .rank-col{
    width:40px;
    color:rgba(0,0,0,.70);
    font-size:18px;
    font-weight:900;
}

.ahly-ts-table .player-col,
.ahly-ts-table .team-col{
    text-align:right;
}

.ahly-ts-table .player-col{
    min-width:190px;
    font-size:14px;
    font-weight:800;
}

.ahly-ts-table .team-col{
    min-width:150px;
    color:#555;
}

.ahly-ts-table .player-col,
.ahly-ts-table .team-col{
    display:table-cell;
}

.ahly-ts-table .player-col .ahly-ts-avatar{
    margin-left:8px;
    vertical-align:middle;
}

.ahly-ts-table .team-col img{
    width:34px;
    height:34px;
    object-fit:contain;
    vertical-align:middle;
    margin-left:7px;
}

.ahly-ts-table .goals-col{
    font-size:16px;
    font-weight:900;
    color:rgba(0,0,0,.70);
}

.ahly-ts-table .matches-col,
.ahly-ts-table .avg-col{
    font-size:14px;
    font-weight:800;
    color:#344054;
}

.ahly-ts-table tr.is-ahly .rank-col,
.ahly-ts-table tr.is-ahly .goals-col{
    color:#e51b2b;
}

.ahly-ts-table thead th.rank-col,
.ahly-ts-table thead th.player-col,
.ahly-ts-table thead th.team-col,
.ahly-ts-table thead th.matches-col,
.ahly-ts-table thead th.goals-col,
.ahly-ts-table thead th.avg-col{
    color:#4b5563;
    font-size:12px;
    font-weight:800;
}

.ahly-ts-toggle-list .is-extra{
    display:none;
}

.ahly-ts-toggle-list.is-expanded .is-extra{
    display:table-row;
}

.ahly-ts-empty{
    padding:18px 16px;
    color:#777;
    background:#fff;
    text-align:center;
}

@media(max-width:768px){
    .ahly-ts-podium{
        grid-template-columns:1fr;
    }

    .ahly-ts-podium-card{
        min-height:0;
        grid-template-columns:42px 58px minmax(0,1fr) auto;
        grid-template-areas:
            "rank avatar info matches"
            "rank avatar info goals"
            "rank avatar info avg";
        grid-template-rows:auto auto auto;
        justify-items:start;
        text-align:right;
        border-left:0;
        border-bottom:1px solid #eee;
        padding:12px 14px;
    }

    .ahly-ts-avatar.large{
        grid-area:avatar;
        width:58px;
        height:58px;
        flex-basis:58px;
    }

    .ahly-ts-podium-card > strong{
        grid-area:rank;
        width:42px;
        height:42px;
        font-size:21px;
    }

    .ahly-ts-podium-card > div{
        grid-area:info;
        min-width:0;
    }

    .ahly-ts-podium-card .ahly-ts-match-count{
        grid-area:matches;
        width:70px;
        justify-self:start;
        text-align:center;
        white-space:nowrap;
    }

    .ahly-ts-podium-card b{
        grid-area:goals;
        width:70px;
        min-width:70px;
        font-size:15px;
        padding:7px 10px;
    }

    .ahly-ts-podium-card .ahly-ts-average{
        grid-area:avg;
        width:70px;
        justify-self:start;
        text-align:center;
        white-space:nowrap;
    }

    .ahly-top-scorers-365 .ahly-ts-scroll{
        display:none;
    }

    .ahly-top-scorers-365 .ahly-ts-mobile-cards{
        display:flex;
        flex-direction:column;
        gap:20px;
    }

    .ahly-top-scorers-365 .ahly-ts-table,
    .ahly-top-scorers-365 .ahly-ts-table tbody,
    .ahly-top-scorers-365 .ahly-ts-table tr,
    .ahly-top-scorers-365 .ahly-ts-table td{
        display:block;
        width:100%;
    }

    .ahly-top-scorers-365 .ahly-ts-table thead{
        display:none;
    }

    .ahly-top-scorers-365 .ahly-ts-table tr{
        min-height:0;
        display:grid;
        grid-template-columns:42px minmax(0,1fr) 70px;
        grid-template-areas:
            "rank player matches"
            "rank team goals"
            "rank team avg";
        align-items:center;
        gap:4px 10px;
        padding:12px 14px;
        border-bottom:1px solid #eee;
        background:#fff;
    }

    .ahly-top-scorers-365 .ahly-ts-table tr:nth-child(even){
        background:#fbfbfb;
    }

    .ahly-top-scorers-365 .ahly-ts-table tr.is-ahly{
        background:#f7dbdb!important;
        font-weight:bold;
    }

    .ahly-top-scorers-365 .ahly-ts-table tr.is-extra{
        display:none;
    }

    .ahly-top-scorers-365 .ahly-ts-toggle-list.is-expanded tr.is-extra{
        display:grid;
    }

    .ahly-top-scorers-365 .ahly-ts-table td{
        height:auto;
        padding:0;
        border-bottom:0;
        background:transparent!important;
        white-space:normal;
    }

    .ahly-top-scorers-365 .ahly-ts-table .rank-col{
        grid-area:rank;
        width:42px;
        height:42px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%;
        background:rgba(0,0,0,.70);
        color:#fff;
        font-size:21px;
        line-height:1;
    }

    .ahly-top-scorers-365 .ahly-ts-table tr.is-ahly .rank-col{
        background:#e51b2b;
        color:#fff;
    }

    .ahly-top-scorers-365 .ahly-ts-table .player-col{
        grid-area:player;
        min-width:0;
        display:grid;
        grid-template-columns:58px minmax(0,1fr);
        align-items:center;
        gap:10px;
        font-size:14px;
        font-weight:900;
    }

    .ahly-top-scorers-365 .ahly-ts-table .player-col .ahly-ts-avatar{
        width:58px;
        height:58px;
        flex-basis:58px;
        margin-left:0;
    }

    .ahly-top-scorers-365 .ahly-ts-table .team-col{
        grid-area:team;
        min-width:0;
        font-size:12px;
        font-weight:700;
        color:#667085;
    }

    .ahly-top-scorers-365 .ahly-ts-table .team-col img{
        display:none;
    }

    .ahly-top-scorers-365 .ahly-ts-table .goals-col{
        grid-area:goals;
        width:70px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:18px;
        background:rgba(0,0,0,.70)!important;
        color:#fff;
        padding:7px 10px;
        font-size:15px;
        line-height:1;
    }

    .ahly-top-scorers-365 .ahly-ts-table tr.is-ahly .goals-col{
        background:#e51b2b!important;
        color:#fff;
    }

    .ahly-top-scorers-365 .ahly-ts-table .matches-col{
        grid-area:matches;
        width:70px;
        justify-self:start;
        text-align:center;
    }

    .ahly-top-scorers-365 .ahly-ts-table .avg-col{
        grid-area:avg;
        width:70px;
        justify-self:start;
        text-align:center;
    }

    .ahly-top-scorers-365 .ahly-ts-table .matches-col,
    .ahly-top-scorers-365 .ahly-ts-table .avg-col{
        color:#344054;
        font-size:12px;
        font-weight:800;
    }

    .ahly-top-scorers-365{
        border:1px solid #eee;
        border-radius:8px;
        box-shadow:none;
    }

    .ahly-top-scorers-365 .ahly-ts-header{
        justify-content:flex-start;
        padding:14px 16px;
        font-size:15px;
        font-weight:800;
        line-height:1.35;
        text-align:right;
        background:#fff;
        border-bottom:1px solid #eee;
    }

    .ahly-top-scorers-365 .ahly-ts-header:before{
        display:none;
    }

    .ahly-top-scorers-365 .ahly-ts-podium,
    .ahly-top-scorers-365 .ahly-ts-toggle-list{
        display:flex;
        flex-direction:column;
        gap:14px;
        margin:0;
        padding:14px;
        border:0;
        border-radius:0;
        overflow:visible;
        border-bottom:0;
        background:#fff;
    }

    .ahly-top-scorers-365 .ahly-ts-toggle-list{
        padding-top:0;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card,
    .ahly-top-scorers-365 .ahly-ts-table tr{
        position:relative;
        min-height:192px;
        display:flex!important;
        flex-wrap:wrap;
        flex-direction:row;
        align-items:flex-start;
        justify-content:center;
        gap:2px 4px;
        padding:14px 72px 22px;
        border:1px solid #edf0f5;
        border-radius:8px;
        background:#fff;
        text-align:center;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card.is-ahly,
    .ahly-top-scorers-365 .ahly-ts-table tr.is-ahly{
        background:#f7dbdb!important;
    }

    .ahly-top-scorers-365 .ahly-ts-table tr:nth-child(even){
        background:#fff!important;
    }

    .ahly-top-scorers-365 .ahly-ts-table tr:nth-child(even).is-ahly{
        background:#f7dbdb!important;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card > strong,
    .ahly-top-scorers-365 .ahly-ts-table .rank-col{
        position:absolute;
        top:30px;
        right:32px;
        width:44px;
        height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%;
        background:#f62925;
        color:#fff;
        font-size:28px;
        font-weight:900;
        line-height:1;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card b,
    .ahly-top-scorers-365 .ahly-ts-table .goals-col{
        position:absolute;
        top:30px;
        left:32px;
        width:48px;
        min-width:48px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:4px;
        padding:0;
        border-radius:0;
        background:transparent!important;
        color:#111;
        font-size:15px;
        line-height:1;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card b span,
    .ahly-top-scorers-365 .ahly-ts-table .goals-col span{
        width:44px;
        height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%;
        background:#f62925;
        color:#fff;
        font-size:28px;
        font-weight:900;
        line-height:1;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card b small,
    .ahly-top-scorers-365 .ahly-ts-table .goals-col small{
        display:block;
        color:#111;
        font-size:15px;
        font-weight:400;
        line-height:1.1;
    }

    .ahly-top-scorers-365 .ahly-ts-avatar.large,
    .ahly-top-scorers-365 .ahly-ts-table .player-col .ahly-ts-avatar{
        width:86px;
        height:86px;
        flex:0 0 86px;
        margin:0 auto;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card > div,
    .ahly-top-scorers-365 .ahly-ts-table .player-col,
    .ahly-top-scorers-365 .ahly-ts-table .team-col{
        width:100%;
        min-width:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
    }

    .ahly-top-scorers-365 .ahly-ts-table .player-col{
        order:1;
        gap:10px;
        font-size:20px;
        font-weight:900;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card h3,
    .ahly-top-scorers-365 .ahly-ts-table .player-col a,
    .ahly-top-scorers-365 .ahly-ts-table .player-col span:not(.ahly-ts-avatar){
        margin:0;
        width:100%;
        color:#111;
        font-size:18px;
        font-weight:900;
        line-height:1.35;
        padding-left:0;
        padding-right:0;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card p,
    .ahly-top-scorers-365 .ahly-ts-table .team-col{
        order:2;
        margin:6px 0 0;
        color:#a8adb4;
        font-size:14px;
        font-weight:700;
        line-height:1.35;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card p img,
    .ahly-top-scorers-365 .ahly-ts-table .team-col img{
        display:none;
    }

    .ahly-top-scorers-365.is-club-scorers .ahly-ts-podium-card p,
    .ahly-top-scorers-365.is-club-scorers .ahly-ts-table .team-col{
        display:none;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card .ahly-ts-match-count,
    .ahly-top-scorers-365 .ahly-ts-podium-card .ahly-ts-average,
    .ahly-top-scorers-365 .ahly-ts-table .matches-col,
    .ahly-top-scorers-365 .ahly-ts-table .avg-col{
        width:100%;
        flex:0 0 100%;
        color:#878d96;
        font-size:13px;
        font-weight:700;
        line-height:1.35;
        text-align:center;
        white-space:nowrap;
        padding-left:0;
        padding-right:0;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card .ahly-ts-match-count,
    .ahly-top-scorers-365 .ahly-ts-table .matches-col{
        order:3;
        margin-top:6px;
    }

    .ahly-top-scorers-365 .ahly-ts-podium-card .ahly-ts-average,
    .ahly-top-scorers-365 .ahly-ts-table .avg-col{
        order:4;
        margin-top:6px;
    }

    .ahly-top-scorers-365 .ahly-ts-table .matches-col:after{
        content:" مباراة -";
    }

    .ahly-top-scorers-365 .ahly-ts-table .avg-col:after{
        content:" هدف / مباراة";
    }

    .ahly-top-scorers-365 .ahly-ts-mobile-cards .is-extra{
        display:none!important;
    }

    .ahly-top-scorers-365 .ahly-ts-toggle-list.is-expanded .ahly-ts-mobile-cards .is-extra{
        display:flex!important;
    }

    .ahly-top-scorers-365 .ahly-ts-more-rows{
        margin:0 auto 20px;
    }
}