.base-liga-container{margin-bottom: 21px !important;}
.base-liga-container .width-max{max-width: var(--body-container); width: 100%; position: relative; z-index: 9;}
.split-content{display: flex; align-items: center; gap: 4px;}
.jadwal-menu-container, 
.jadwal-content-container{position: relative;}
.jadwal-content-container{margin-top: 13px;}

.nav-icon-select-liga{position: absolute; right: 13px; top: 10px;}
.card-jadwal-menu-wrapper, 
.card-jadwal-content-wrapper{ max-width: 970px; overflow: hidden; margin: 0 25px;}
.card-jadwal-menu-list .card-jadwal-menu-item, 
.card-jadwal-content-list .card-jadwal-content-item{list-style: none; border-radius: 4px; overflow: hidden;}
.card-jadwal-menu-list .card-jadwal-menu-item .card-jadwal-menu-link, 
.card-jadwal-content-list .card-jadwal-content-item .card-jadwal-content-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, 
.card-jadwal-content-list .card-jadwal-content-link .card-jadwal-content-title{ color: #2B2B2B; font-weight: 400; }
.card-jadwal-menu-list .card-jadwal-menu-link .card-jadwal-menu-title{text-align: center; font-size: 12px;}
.card-jadwal-content-list .card-jadwal-content-link .card-jadwal-content-title{font-size: 14px;}
.swiper-action-menu-liga, 
.swiper-action-content-liga{position: absolute; top: 0; background: #F5F5F5; border-radius: 4px; overflow: hidden; padding: 8px;}
.swiper-action-menu-liga{max-height: 30px;}
.swiper-action-content-liga{min-height: 103px; height: 100%; display: flex; align-items: center;}
.swiper-jadwal-menu-prev, 
.swiper-jadwal-content-prev{left: 0;}
.swiper-jadwal-menu-next, 
.swiper-jadwal-content-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;}
.card-jadwal-content-link{display: flex !important; justify-content: space-between; min-height: 103px;}
.card-jadwal-content-title.right-title{font-weight: 700 !important;}
.info-sub-jadwal-liga{font-size: 8px; color: #868686; font-weight: 400 !important;}
.frame-logo-club{position: relative; width: 21px;}
.frame-logo-club::before{content: ""; display: block; padding-top: 100%;}
.frame-logo-club img { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.jadwal-content-right, .jadwal-content-left{ display: grid; row-gap: 5px; align-content: space-between;}
.content-info-jadwal-container ul{display: grid; row-gap: 4px; }
.content-info-jadwal-container ul li{display: flex; align-items: center; min-height: 22px; gap: 5px;}
.content-info-jadwal-container.content-right{background: var(--color-liga-primary); border-radius: 4px; overflow: hidden;}
.content-info-jadwal-container.content-right ul li{justify-content: center; color: #FFFFFF;}
.content-info-jadwal-container ul li .club-name{color: #1A1A1A; font-weight: 400 !important;}
.content-info-jadwal-container ul li .club-name.active{font-weight: 700 !important;}
.content-info-jadwal-container.content-right ul{padding: 0 8px;}
.content-info-jadwal-container.content-right ul li:first-child{border-bottom: 1px solid #CC5357;}
.title-info-jadwal-container{display: grid; grid-template-columns: 1fr;}
.swiper-action-content-liga.swiper-button-lock{display: flex !important; align-items: center;}
.jadwal-no-content-container{display: flex; justify-content: center; margin-top: 21px; align-items: center; min-height: 103px;}
.card-no-jadwal-content{padding: 8px 21px; display: flex; justify-content: center; background: #F5F5F5; border-radius: 4px;}

@media screen and (max-width:375px) {
  .card-jadwal-content-link { min-height: 120px;}
  .select-liga-container, .select-liga-container select{min-width: 150px;}
  .jadwal-menu-container{ max-width: 200px; width: 100%;}
  .base-liga-container{height: 165px;}
}

@media screen and (min-width:376px){
.jadwal-menu-container{ min-width: 150px; width: 100%;}
.base-liga-container{height: 149px;}
}

@media screen and (min-width:0px) and (max-width:1023px){
  .select-liga-container, .select-liga-container select{min-width: 180px;}
}

@media screen and (min-width:1024px){
  .split-content{gap: 12px;}
  .select-liga-container, .select-liga-container select{width: 200px;}
}