/***************************************
# FIFA Club World Cup
***************************************/

.fifa-club-world-cup-banner{
    background-image: url(/v1.190/r/images/cybet/banners/clubworld_cup_banner_2560.png);        
    width: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(calc(100vw - 576px) / 30);
   
}

#root .fifa-club-world-cup .filter-line > app-widget-host{
    gap: 8px;
    justify-content: center
}

.fifa-club-world-cup .filter-line .beto-content-block:hover,
.fifa-club-world-cup .filter-line .beto-content-block.selected {
    background: var(--c-emphasis-b);
    color: var(--c-white-e)
}

.fifa-club-world-cup .filter-line .beto-content-block {
    background: var(--c-emphasis);
    border-radius: 10px;
    min-width: 10%;
    max-width: 25vw;
    font-size: 1rem;
    font-weight: bold;
    border: 1px solid var(--c-shade-b)
}
.fifa-club-world-cup .filter-line .beto-content-block > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px 12px;
    cursor: pointer
}
.fifa-club-world-cup .coupon-carousel.teams-with-flags .match-teams div[class*="c-"]::before{
    display: none
}
.fifa-club-world-cup.antepost .events-tournaments-wrapper{
    background-color: transparent;
    overflow: unset;
    margin: 0
}
.fifa-club-world-cup.antepost .events-tournaments-wrapper .events-tournament-content{
    background-color: transparent;
    padding: 0
}
.fifa-club-world-cup.antepost .events-tournaments-wrapper .events-tournament-content .item-info-wrapper{
    padding-left: 10px
}
.fifa-club-world-cup.antepost .item-info-wrapper:hover{
    background-color: transparent
}
.fifa-club-world-cup.antepost .item-info-wrapper .match-type{
    
}  
.fifa-club-world-cup .coupon-carousel .events-item-wrapper .match-info .match-type{
    margin: 0
}
.fifa-club-world-cup.statistics-statistics-page .iframe.live-scores iframe {
    min-height: 100vh;
}  
/* Standing */
.standings-scrollable .live-score-standings-title{
    display: none
}
.standings-scrollable .tournament-name{
    padding: 0 12px
}
.standings-scrollable .tournament-name{
    color: var(--c-emphasis)
}
.beto-league-standings tbody tr td{
    text-align: center;
}
.beto-league-standings tbody .column-name{
    font-weight: bold
}
.standings-scrollable .tournament-legend{
    padding: 12px;
    line-height: 1.3;
    display: none
}



body#root .standings-container {
    width:100%;
    margin-top: 8px;
    position: relative;
}
body#root .standings-container button {
    position:absolute;
    width:45px;
    height:100%;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--c-primary-d)
}
body#root .standings-container button .icon{
    width:24px;
    height:24px;
    background-image:url(/v1.953/r/images/site/icons/Arrow_Down.svg);
    background-position:center;
    transform:rotate(90deg)
}
body#root .standings-container button.next .icon {
    transform:rotate(-90deg)
}
body#root .standings-container button.next {
    right:0;
}
body#root .standings-container > app-widget-host {
    display:flex;
   
    /* flex-wrap: nowrap; */
    overflow: auto;
    width: auto;
}
body#root .standings-container .standings-scrollable > app-widget-host{
    display:flex;
    flex-direction:row;
    /* flex-wrap: nowrap; */
  
    width: auto;
}
body#root .standings-container .standings-scrollable {
    overflow:auto;
    scroll-behavior:smooth;
    /* margin:0 45px; */
}
body#root .mobile .standings-container .standings-scrollable {
     margin:0;
}
.beto-league-standings.league-table-card .live-score-standings-title{
    display:none;
}
.beto-league-standings {
    color: var(--c-primary);
    background-color: var(--c-primary-d)
}
.beto-league-standings.league-table-card {
    /* width:320px; */
    min-width: 320px;
    border-radius:5px;
    overflow:hidden;
    background-color:var(--c-primary);
    box-shadow:1px 1px 5px var(--c-shade-b);
    display: flex;
}
.beto-league-standings.league-table-card form {
    /* margin-top:-8px; */
}
.beto-league-standings thead th {
    font-size:0px;
}
.beto-league-standings thead th::before {
    content:"t";
    font-size:12px;;
}
.beto-league-standings thead th.column-position::before {
    content:'#'
}
.beto-league-standings thead th.column-name::before {
    content:"T"
}
.beto-league-standings thead th.column-points::before {
    content:"PTS"
}
.beto-league-standings thead th.column-matches::before {
    content:"M"
}
.beto-league-standings thead th.column-wins::before {
    content:"W"
}
.beto-league-standings thead th.column-draws::before {
    content:"D"
}
.beto-league-standings thead th.column-losses::before {
    content:"L"
}
.beto-league-standings thead th.column-goals-diff::before {
    content:"DIFF"
}
#root .beto-league-standings tr {
    display:flex;
    flex-direction:row;
    width:100%;
    font-size:12px;
    background-color: var(--c-background)
}
#root .beto-league-standings thead th,
#root .beto-league-standings tbody td {
    padding: 4px;
    border:0;
    display: flex!important;
    flex-direction:row;
    align-items:center;
    background-color:transparent;
    /* justify-content: center; */
    position:relative;
    margin:2px;
    width:calc(60% / 7 - 4px)!important;
    overflow: unset;
}
#root .beto-league-standings  tfoot {
    display:none;
}
#root .beto-league-standings  td.column-name,
#root .beto-league-standings  th.column-name{
    width:40%!important;
    flex:unset;
    font-weight: bold;
}
#root .beto-league-standings  td:not(.column-name),
#root .beto-league-standings  th:not(.column-name){
    justify-content:center;
}
#root .beto-league-standings.league-table-card .tournament-legend{
    display:none;
}
#root .beto-league-standings.league-table-card .view-more-link {
    display:none;
}
#root .beto-league-standings.league-table-card .report-content {
    height:auto;
    align-items:flex-start;
    /* display:flex; */
}
#root .beto-league-standings.league-table-card .report-content p-table {
    width:100%;
}
#root .beto-league-standings.league-table-card h3 {
    margin:0;
    padding:8px;
    background-color:var(--c-primary);
    text-align: center;
}
#root .beto-league-standings.league-table-card {
    margin-right:8px;
    padding: 8px;
}
#root .beto-league-standings td:not(.column-name):not(.column-position) {
    border:1px solid var(--c-shade);
   background-color:var(--c-primary-b);
    border-radius: 4px;
    color: var(--c-white-e);
}
#root .beto-league-standings td:not(.column-name):not(.column-position):not(:last-child)::before {
    content:"";
    position:absolute;
    right:-1px;
    top:50%;
    width:4px;
    height:2px;
    background-color:var(--c-shade);;
    transform:translate(100%,-50%);
}




#root .fifa-club-world-cup.antepost .events-sport-header,
#root .fifa-club-world-cup.antepost .coupon-carousel .events-sport-wrapper:first-child .events-sport-header{
    display: none
}
#root .fifa-club-world-cup.antepost .events-sport-wrapper:first-child .events-sport-header{
    
}

.fifa-club-world-cup .coupon-carousel .events-item-wrapper.match-sport-soccer,
.coupon-carousel [class*="tournament-cwc"].events-item-wrapper.match-sport-soccer{
    background-image: url(/v1.190/r/images/cybet/banners/fifa2025_carousel_football.png)
}

.fifa-club-world-cup .match-is-live.events-item-wrapper .match-info .match-teams{
    color: var(--c-white-e)
}
.fifa-club-world-cup .match-is-live.events-item-wrapper .coupon-market-name{
    color: var(--c-white-e)
}
.fifa-club-world-cup .live-part.events-item-wrapper .match-links{
    flex-direction: row
}
.fifa-club-world-cup .events-tournament-wrapper .match-is-live .match-links .match-live-tracker{
    display: none
}


#root .fifa-club-world-cup .live-part .match-odd:not(.market-special){
    background-color: var(--c-primary-c)
}
#root .mobile .fifa-club-world-cup .sports-coupon .match-is-live .match-market .match-market-wrapper .match-odd .odd .mobile-outcome{
    color: var(--c-white)
}

/* */


.fifa-club-world-cup.statistics-statistics-page .beto-back-button{
    padding: 10px;
    font-size: 16px
}


@media only screen and (max-width: 1920px){
    .fifa-club-world-cup-banner{
       height: calc(calc(100vw - 576px) / 30)
   
    }
}
@media only screen and (max-width: 1366px){
    .fifa-club-world-cup-banner{
        background-image: url(/v1.190/r/images/cybet/banners/clubworld_cup_banner_1366.png); 
        height: calc(calc(100vw - 576px) / 17) 
   
    }
}
@media only screen and (max-width: 991px){
    .fifa-club-world-cup-banner{
     background-image: url(/v1.190/r/images/cybet/banners/club_world_cup_banner_576_new.png);
     aspect-ratio: 7 / 1;
     height: auto;
      /* height: calc(calc(100vw - 576px) / 11) */
   
    }
    
}
@media only screen and (max-width: 768px){
    .fifa-club-world-cup-banner{
       /* background-image: url(/v1.190/r/images/cybet/banners/clubworld_cup_banner_576.png);    */    
   /*  height: calc(calc(100vw - 576px) / 2) */
    }
    #root .fifa-club-world-cup .filter-line > app-widget-host {   
        padding: 3px 8px
    }
}
@media only screen and (max-width: 420px){
    .fifa-club-world-cup-banner{    
          /*  height: 60px; */
    }
    
}

.mobile .beto-league-standings.league-table-card {
    width:100vw;
    min-width:100vw;
}
.mobile .fifa-club-world-cup.statistics-statistics-page .beto-back-button{
    background-color: var(--c-white-e)
}
#root .mobile .coupon-carousel button{
    display: none
}
.mobile .fifa-club-world-cup .match-is-live.events-item-wrapper .match-info .match-teams{
    color: var(--c-white-e)
}
.mobile .fifa-club-world-cup .match-is-live.events-item-wrapper .coupon-market-name{
    color: var(--c-white-e)
}


.mobile .fifa-club-world-cup .coupon-light .live-part.events-sport-wrapper .events-item-wrapper .match-links{
    flex-direction: row
}