.title-liga-page-container{display: flex; margin-bottom: var(--size-4);}
.title-liga-page{font-size: 34px; color: #363636;}
.title-liga-page span{color: var(--color-liga-primary); font-weight: 700;}

.line-up-liga-container > span { max-width: 970px; width: 100%; }

.menu-line-up{max-width: 860px; padding-bottom: 21px !important;}
.jadwal-menu-container{position: relative;}
.nav-icon-select-liga{position: absolute; right: 13px; top: 10px;}
.card-jadwal-menu-wrapper{ max-width: 970px; overflow: hidden; margin: 0 25px;}
.card-jadwal-menu-list .card-jadwal-menu-item{list-style: none; border-radius: 4px; overflow: hidden;}
.card-jadwal-menu-list .card-jadwal-menu-item .card-jadwal-menu-link{ user-select: none; padding: 8px; display: block; background: #F5F5F5; text-decoration: none; }
.card-jadwal-menu-list .card-jadwal-menu-link .card-jadwal-menu-title{ color: #2B2B2B; font-weight: 400; }
.card-jadwal-menu-list .card-jadwal-menu-link .card-jadwal-menu-title{text-align: center; font-size: 12px;}
.swiper-action-menu-liga{position: absolute; top: 0; background: #F5F5F5; border-radius: 4px; overflow: hidden; padding: 8px;}
.swiper-action-menu-liga{max-height: 30px;}
.swiper-jadwal-menu-prev{left: 0;}
.swiper-jadwal-menu-next{right: 0;}
.nav-icon-select-liga .svgicon path, .nav-icon-button-liga .svgicon path{stroke: var(--color-liga-primary);}
.swiper-button-disabled .nav-icon-button-liga .svgicon path{stroke: #DFDFDF;}
.card-jadwal-menu-link.curr, .card-jadwal-menu-link:hover{background: var(--color-liga-primary) !important;}
.card-jadwal-menu-link.curr .card-jadwal-menu-title, .card-jadwal-menu-link:hover .card-jadwal-menu-title{ color: #FFFFFF; font-weight: 700;}
.card-jadwal-menu-link.past .card-jadwal-menu-title{ color: #C1C1C1;}


.jadwal-liga-lineup-container{margin-top: var(--size-5); margin-bottom: var(--size-5);}
a.btn-line-up{border:1px solid var(--color-liga-primary); background: none !important; color: var(--color-liga-primary) !important;}
a.btn-line-up.curr{background: var(--color-liga-primary) !important; color: #FFFFFF !important;}

.listclub-lineup-schedule{margin-top: var(--size-4);}
.listclub-lineup-schedule:hover{background: #F5F5F5;}
.club-lineup-container{display: flex; justify-content: space-around; align-items: center; gap: var(--size-3);}
.lineup-channel{padding: var(--size-3) var(--size-5); font-size: 16px; border-radius: var(--size-2);}
.lineup-schedule{border: 1px solid #E0E0E0; color: #013766;}
.lineup-result{background: var(--color-liga-primary); color: #FFFFFF; font-weight: 700;}
.title-date-lineup{color: #343434; font-size: 24px; font-weight: 700;}
.summary-lineup{font-size: 12px; color: #949494; margin-top: var(--size-2);}
.thumb-club-lineup{position: relative; width: 32px; height: 32px;}
.thumb-club-lineup::before{display: block; content: ""; padding-top: 100%;}
.thumb-club-lineup img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}
.ft-card-lineup{display: flex; align-items: center; gap: var(--size-3);}
.ft-card-lineup .club-name{font-size: 16px; font-weight: 700; color: #363636;}


.stadion-lineup-container{display: flex; justify-content: center; margin-top: var(--size-3); gap: var(--size-3);}
.stadion-name-lineup{display: flex; gap: 5px;}
.btn-more-match{background: none; display: flex; gap: var(--size-3); color: var(--color-liga-primary);}
.btn-more-liga-schedule{display: flex; justify-content: center;}
button.btn-schedule-more{background: none; color: var(--color-liga-primary); text-transform: capitalize; font-size: 16px; display: flex; align-items: center; gap: var(--size-2);}
button.btn-schedule-more .svgicon{fill: var(--color-liga-primary);}
button.btn-schedule-more:hover .svgicon{fill: #FFFFFF;}

@media screen and (min-width:0px) and (max-width:1023px){
    .title-date-lineup{text-align: center;}
    .summary-lineup{text-align: center;}
    .btn-select-lu-container{display: flex; justify-content: center; gap: var(--size-3);}
    .jadwal-liga-lineup-container{display: grid; row-gap: var(--size-2);}
}

@media screen and (min-width:1024px){
    .listclub-lineup-schedule{display: grid; grid-template-columns: 1fr 400px; gap: 34px;}
    .club-lineup-container{gap: var(--size-4);}
    .stadion-lineup-container{display: grid; grid-template-columns: 1fr 60px; justify-items: left;}
}