:root {
	--spin-dur: .68s;
	--e-global-color-11e8198: #4B6D5B !important
}
html {
  scroll-behavior: smooth !important;
}
.loadingball{
	background: #930912 url('../images/logo/BBLCricket-ball.svg') 0 0 / 100% 100% no-repeat !important;
	transform-origin: center center !important; /* 原地（中心）旋轉 */
  	animation: spin var(--spin-dur) linear infinite !important;
  	will-change: transform !important; /* 提升效能 */
}
@keyframes spin {
	to { transform: rotate(360deg); }
}
.CountdownArea{
  font-size: 88px;
  font-weight: bold;
  color: #FFF;
  text-shadow: 4px 3px 3px #333;
}
.CountdownArea .unitT{ font-size: 44px;}

body:not(.rtl) .elementor-350 .elementor-element.elementor-element-289fd74{ bottom: 52px !important;}
.codeArea{ color:#FFF; }
.codeArea span{ letter-spacing: 1.5px; margin: 0 5px; padding: 0 10px;}
.couponDate{ color: #333 !important;}
.couponBG{ border-radius: 5px 0 5px 0; line-height: 16px;}
.codeAce .couponBG{ background: #CE9C12;}
.code365 .couponBG{ background: #005440;}
.codeul{ color:#333; margin-bottom: 15px; list-style: none;}
.codeul li{ color: #333; text-indent: 28px; font-weight:bold;}
.codeul span{ margin: 0;}


.BBLogo{ max-width: 300% !important; margin-left: -100%; }
.rFixedm{ margin-top: -20px; }
.socialicon svg{ width: 20px; height: 20px; opacity: .85;}
.socialicon:hover svg{ opacity: 1;}
.btn-go.jitaace{ border-radius: 0 20px 0 20px !important;}
.btn-go.jita365{ border-radius: 20px 0 20px 0 !important;}
.iTopColor{ background:#4B6D5B url('../images/topBG.webp') 0 0 / 100% 100% no-repeat; }
.iDownColor{ background: #4B6D5B !important; }
.iDownColor.leftarea{ background: #f9bb22 !important; }
.iBGColor{ background: #6d9516 !important; }
.TareaMID{ justify-content: center;}

.bg-ivideo { width: 100%; height: 100%; opacity: .9;}

.text-cbTxtSec{ color: #dedede;}
/*↓四大賽事階段綠區*/
.elementor-element-12b6f2e,
.elementor-element-eea1c44,
.elementor-element-f75f8ec,
.elementor-element-93cd63a,
.elementor-element-7f14d40,
.elementor-element-b46fe37{ background: #61873b !important; }
.elementor-element-97fb201,
.elementor-element-b6cce76,
.elementor-element-da08994,
.elementor-element-025dfd9,
.elementor-element-345cd20,
.elementor-element-6d2fd36,
.elementor-element-15aa66f,
.elementor-element-8251258,
.elementor-element-28c866e,
.elementor-element-44d8577,
.elementor-element-72b5d0c,
.elementor-element-fa31ee8{ background: #567b4e !important; }
.elementor-element-e8efd37,
.elementor-element-70f1eac,
.elementor-element-eda36fd,
.elementor-element-b54320e,
.elementor-element-15fdfa0,
.elementor-element-fcff841,
.elementor-element-f1660f8,
.elementor-element-5fcc212{ background: #4c6e5b !important; }

.TeamTitles{ font-size: 88px;}

.eventinfoArea{ font-size: 15px;}
.eventinfoArea li{ list-style: none; }

/*==↓ BBL-Matches =========================*/
/* Wrapper */
#bblContainer{
  max-width:100vw;
  margin:40px auto;
  font-family:"Poppins",sans-serif;
  color:#fff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(0, 1fr);
  gap: 8px;
}
/* Title */
.bblTitle{
  text-align:center;
  font-size: 34px;
  font-weight: 700;
  background:linear-gradient(45deg,#00f9d2,#1df2ff,#04c8ff);
  -webkit-background-clip:text;
  color:transparent;
  letter-spacing: 1px;
  margin-bottom: -20px;
}

/* Match Card */
.matchCard{
  /*background: rgba(16,24,40,1);*/
  background: var(--bg) rgba(16,24,40,1) center / cover no-repeat;
  color: var(--text);
  border:1px solid rgba(255,255,255,0.08);
  padding:18px 22px;
  border-radius:14px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.6rem), calc(100% - 1.6rem) 100%, 0 100%);
  margin-bottom:14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  overflow: hidden;
  opacity: .95;
  will-change: transform;
  transition: transform .3s cubic-bezier(.25,.8,.25,1), 
              box-shadow .3s cubic-bezier(.25,.8,.25,1);
}
.matchCard .layer{
  position: absolute;
  inset: 0;
  background: var(--mask);
  backdrop-filter: blur(4px);
}
.matchCard>*{position:relative;z-index:2;}

/* 光線效果 */
.matchCard::before{
  content:"";
  position:absolute;
  top:0;
  left:-80%;  /* 從左側外準備進場 */
  width:50%;
  height:100%;
  background:linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.15) 50%,
    rgba(255,255,255,0) 100%
  );
  transform:skewX(-15deg); /* 帥氣斜切角 */
  transition: all .7s ease;
}
.matchCard:hover{
  opacity: 1;
  transform: translateY(-6px) scale(1.01);
  box-shadow:0 8px 20px rgba(0,255,200,.18);
}
.matchCard:hover::before{
  left:130%; /* 光線掃過 */
}

/* Tag Row */
.matchTop{
  display:flex;
  justify-content:space-between;
  font-size:14px;
  opacity:.85;
}

/* Teams Row */
.teamRow{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:18px;
  font-weight:600;
  margin-top:5px;
}
.vs{ color: #F00; font-weight:bolder; font-size: 26px;}

/* Logo */
.teamLogo{
  width: 45px;
  height: 45px;
  border-radius:6px;
  object-fit: cover;
}
.teamRow,.venue{ margin: 0 auto; }
/* Status */
.status{
  margin-top:5px;
  display:inline-block;
  padding:4px 8px;
  font-size:12px;
  border-radius:6px;
  font-weight:600;
  text-align: center;
}
.upcoming{ background:#1e90ff;}
.finished{ background:#41f2b8;color:#000;}
.ongoing{ background:#ffac2f;color:#000;}
.actions{
  margin-top:10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  text-align: center;
}
.actions button{
  background:rgba(255,255,255,0.15);
  border:none;
  padding: 6px 12px;
  border-radius:6px;
  cursor:pointer;
  font-size: 13px;
  color:#fff;
}
.actions button:hover{
  background: #00fff2;
  color: #000;
}
.countdown{
  font-size: 14px;
  margin-top: 6px;
  color: #00fff2;
  text-align: center;
}

/* -------------------------------------------
Responsive Style
------------------------------------------- */
@media (max-width: 1380px) {
  .bg-ivideo { margin-top: 80px !important;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  
}
@media (max-width: 767px) {
  body:not(.rtl) .elementor-350 .elementor-element.elementor-element-289fd74{ bottom: 0px !important;}
  body:not(.rtl) .elementor-13 .elementor-element.elementor-element-76937e8{ bottom: 0px !important;}
  body:not(.rtl) .elementor-13 .elementor-element.elementor-element-1fb2c4d{ top: 555px !important;}
  .BBLogo{ max-width: 250% !important; margin-left: -75%; }
  .iTopColor{
  	background:#4B6D5B url('../images/topBG.webp') 80% 0 / 120% 100% no-repeat;
  }
  .CountdownArea{ font-size: 50px;}
  .CountdownArea .unitT{ font-size: 25px;}
  .elementor-element-5109ef4,
  .elementor-element-6b86a06,
  .elementor-element-8bdf5cb,
  .elementor-element-58f6630,
  .elementor-element-ef5f426,
  .elementor-element-67e01dc,
  .elementor-element-613535e,
  .elementor-element-66018d1,
  .elementor-element-62baa6b,
  .elementor-element-35778de,
  .elementor-element-fd6b5c3,
  .elementor-element-88a0945{ display: none !important;}

  .elementor-13 .elementor-element.elementor-element-2a76bad .elementor-heading-title{ text-align: right; }

  .teamRow{ flex-direction:column; text-align:center;}

  .matchTop{ flex-direction: column;}
  .matchTop span{ text-align: center;}
  .teamRow{ margin: 12px auto;}
  .teamRow img{ margin: 10px auto -10px;}
  .teamRow span{ display:block; line-height: 18px;}
  .teamRow span:nth-child(2){ margin: 0 auto; }
  .mb-h{ height: 50px;}
  .vs{ font-size: 36px;}
  .venue{ text-align: center; line-height: 18px;}
  .venue::before {
    content: "🏟";         
    display:block;
    font-size: 1.6em;
    margin-bottom: 8px;
  }
  .actions{ flex-direction: column; }
}