/* SHOOTSIMO MATCHES — V9 Fixed Team Layout */
.shootsimo-matches{
    --sm-purple:#55248a;
    --sm-purple-dark:#482078;
    --sm-bg:#f3f1f4;
    --sm-card:#ffffff;
    --sm-text:#090909;
    --sm-muted:#777;
    display:block!important;
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding:8px 10px 22px!important;
    box-sizing:border-box!important;
    direction:rtl!important;
    text-align:center!important;
    font-family:inherit!important;
    color:var(--sm-text)!important;
    background:transparent!important;
    font-size:15px!important;
}
.shootsimo-matches *,.shootsimo-matches *::before,.shootsimo-matches *::after{box-sizing:border-box!important}

/* Header/tabs kept compact */
.shootsimo-matches .shoot-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:8px!important;margin:0 0 8px!important;padding:0!important;
}
.shootsimo-matches .shoot-brand-mini{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    padding:6px 10px!important;border-radius:6px!important;
    background:var(--sm-purple)!important;color:#fff!important;
    font-size:14px!important;font-weight:800!important;line-height:1.2!important;
}
.shootsimo-matches .shoot-live-count{margin:0!important;padding:0!important;color:#777!important;font-size:11px!important}
.shootsimo-matches .shoot-live-count b{color:#d9294f!important}

.shootsimo-matches .shoot-tabs{
    display:flex!important;align-items:center!important;gap:5px!important;
    width:100%!important;margin:0 0 8px!important;padding:0!important;
    overflow-x:auto!important;scrollbar-width:none!important;
}
.shootsimo-matches .shoot-tabs::-webkit-scrollbar{display:none!important}
.shootsimo-matches .shoot-tab{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;min-height:31px!important;padding:6px 10px!important;
    border:1px solid #e1dce4!important;border-radius:18px!important;
    background:#fff!important;color:#666!important;font:inherit!important;
    font-size:12px!important;font-weight:700!important;cursor:pointer!important;
}
.shootsimo-matches .shoot-tab.active,
.shootsimo-matches .shoot-tab[data-filter="today"].active{
    background:var(--sm-purple)!important;border-color:var(--sm-purple)!important;color:#fff!important;
}
.shootsimo-matches .shoot-tab span{margin-inline-start:3px!important;font-size:11px!important}

/* List */
.shootsimo-matches .shoot-list{display:block!important;width:100%!important;margin:0!important;padding:0!important}

/* Main card: similar to the supplied screenshot */
.shootsimo-matches .shoot-card{
    position:relative!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;min-height:132px!important;
    margin:8px 0!important;padding:12px 16px!important;
    border:0!important;border-radius:10px!important;
    border-left:4px solid var(--sm-purple)!important;
    background:var(--sm-card)!important;
    box-shadow:0 2px 8px rgba(35,25,45,.10)!important;
    overflow:hidden!important;
    direction:rtl!important;text-align:center!important;
    text-decoration:none!important;color:var(--sm-text)!important;
}
.shootsimo-matches .shoot-card[href]{cursor:pointer!important}
.shootsimo-matches .shoot-card[href]:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(35,25,45,.14)!important}
.shootsimo-matches .shoot-card.no-watch{cursor:default!important}

/* Teams: logo above name */
.shootsimo-matches .shoot-card .shoot-team{
    display:flex!important;flex:1 1 0!important;width:0!important;min-width:0!important;
    height:100%!important;flex-direction:column!important;align-items:center!important;
    justify-content:center!important;gap:5px!important;
    margin:0!important;padding:0 5px!important;
    color:var(--sm-text)!important;background:transparent!important;border:0!important;
    font:inherit!important;text-align:center!important;
}
.shootsimo-matches .shoot-card .team-home{order:3!important}
/* Both teams use exactly the same vertical order: logo first, name second. */
.shootsimo-matches .shoot-card .team-home,
.shootsimo-matches .shoot-card .team-away{
    flex-direction:column!important;
}
.shootsimo-matches .shoot-card .team-home .team-name,
.shootsimo-matches .shoot-card .team-away .team-name{
    order:2!important;
}
.shootsimo-matches .shoot-card .team-home img,
.shootsimo-matches .shoot-card .team-away img{
    order:1!important;
}
.shootsimo-matches .shoot-card .shoot-middle{order:2!important}
.shootsimo-matches .shoot-card .team-away{order:1!important}

.shootsimo-matches .shoot-team img{
    display:block!important;width:54px!important;height:54px!important;
    min-width:54px!important;max-width:54px!important;flex:0 0 54px!important;
    margin:0!important;padding:0!important;object-fit:contain!important;
    border-radius:0!important;background:transparent!important;
}
.shootsimo-matches .team-name{
    display:block!important;width:100%!important;max-width:150px!important;min-width:0!important;
    margin:0!important;padding:0!important;color:#080808!important;
    font:inherit!important;font-size:15px!important;font-weight:600!important;
    line-height:1.3!important;overflow-wrap:anywhere!important;text-align:center!important;
}

/* Center: time, score, status */
.shootsimo-matches .shoot-middle{
    display:flex!important;flex:0 0 128px!important;width:128px!important;min-width:128px!important;
    height:100%!important;flex-direction:column!important;align-items:center!important;
    justify-content:center!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;text-align:center!important;
}
.shootsimo-matches .shoot-time{
    display:inline-block!important;width:auto!important;margin:0!important;padding:3px 9px!important;
    border-radius:7px!important;background:#f1eaf3!important;color:#090909!important;
    font:inherit!important;font-size:17px!important;font-weight:700!important;line-height:1.2!important;
    white-space:nowrap!important;
}
.shootsimo-matches .shoot-time span{display:inline!important;font-size:13px!important}
.shootsimo-matches .shoot-score{
    display:block!important;margin:4px 0!important;padding:0!important;
    background:transparent!important;color:#080808!important;
    font:inherit!important;font-size:17px!important;font-weight:700!important;line-height:1.1!important;
}
.shootsimo-matches .shoot-score.is-live{font-weight:900!important}
.shootsimo-matches .shoot-status{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;margin:0!important;padding:5px 10px!important;
    border:0!important;border-radius:7px!important;
    background:var(--sm-purple)!important;color:#fff!important;
    font:inherit!important;font-size:12px!important;font-weight:800!important;line-height:1.15!important;
    white-space:nowrap!important;
}
.shootsimo-matches .shoot-status.live{background:#d92b4f!important}
.shootsimo-matches .shoot-status.finished{background:#438b3d!important}
.shootsimo-matches .shoot-status.postponed{background:#c56c00!important}
.shootsimo-matches .shoot-comp{
    display:block!important;width:100%!important;max-width:150px!important;
    margin:4px 0 0!important;padding:0!important;color:#777!important;
    font:inherit!important;font-size:9px!important;line-height:1.15!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}

/* No separate watch button: the whole card is clickable */
.shootsimo-matches .shoot-action{display:none!important}

.shootsimo-matches .shoot-empty{
    display:block!important;width:100%!important;margin:8px 0!important;padding:24px 10px!important;
    border:0!important;border-radius:10px!important;background:#fff!important;
    color:#777!important;text-align:center!important;font-size:13px!important;
}

/* Mobile */
@media (max-width:600px){
    .shootsimo-matches{max-width:100%!important;padding:5px 9px 20px!important}
    .shootsimo-matches .shoot-card{
        min-height:128px!important;margin:7px 0!important;padding:10px 9px!important;
        border-radius:10px!important;border-left-width:4px!important;
    }
    .shootsimo-matches .shoot-team{gap:5px!important;padding:0 2px!important}
    .shootsimo-matches .shoot-team img{
        width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;flex-basis:52px!important;
    }
    .shootsimo-matches .team-name{max-width:125px!important;font-size:14px!important}
    .shootsimo-matches .shoot-middle{
        flex:0 0 106px!important;width:106px!important;min-width:106px!important;
    }
    .shootsimo-matches .shoot-time{font-size:16px!important;padding:3px 8px!important}
    .shootsimo-matches .shoot-score{font-size:16px!important}
    .shootsimo-matches .shoot-status{font-size:11px!important;padding:5px 8px!important}
}
@media (max-width:420px){
    .shootsimo-matches .shoot-card{min-height:122px!important;padding:9px 5px!important}
    .shootsimo-matches .shoot-team img{
        width:45px!important;height:45px!important;min-width:45px!important;max-width:45px!important;flex-basis:45px!important;
    }
    .shootsimo-matches .team-name{max-width:90px!important;font-size:13px!important}
    .shootsimo-matches .shoot-middle{
        flex:0 0 91px!important;width:91px!important;min-width:91px!important;
    }
    .shootsimo-matches .shoot-time{font-size:14px!important}
    .shootsimo-matches .shoot-score{font-size:15px!important}
    .shootsimo-matches .shoot-status{font-size:10px!important;padding:5px 7px!important}
    .shootsimo-matches .shoot-comp{font-size:8px!important}
}