/* V169 Front Live Streaming Restore
   Restores LIVE NOW desktop button, mobile red bar, livenow.php video/timeline/squads layout.
   Isolated from admin Match Center CSS. */

.live-link.live-now-link,
.mobile-menu a.live-now-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  background:#e31818!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 26px rgba(227,24,24,.28)!important;
}
.live-now-dot{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#fff!important;
  display:inline-block!important;
  box-shadow:0 0 0 rgba(255,255,255,.55)!important;
  animation:uflLivePulse 1.15s infinite!important;
  flex:0 0 auto!important;
}
@keyframes uflLivePulse{
  0%{opacity:1;box-shadow:0 0 0 0 rgba(255,255,255,.65)}
  70%{opacity:.6;box-shadow:0 0 0 8px rgba(255,255,255,0)}
  100%{opacity:1;box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.mobile-live-now-bar{display:none!important;}

.live-now-body,
.live-now-body .page-shell,
.live-now-body .live-now-page-shell,
.live-now-body .ufl-live-now-page{
  background:#070707!important;
}
.live-now-page-shell{
  overflow-x:hidden!important;
}
.ufl-live-now-page{
  width:min(1180px,calc(100% - 44px))!important;
  margin:0 auto!important;
  padding:58px 0 70px!important;
  color:#fff!important;
}
.ufl-live-now-head{text-align:center!important;margin-bottom:26px!important;}
.ufl-live-now-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#fff!important;
  background:#e31818!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  margin-bottom:15px!important;
}
.ufl-live-now-head h1,
.ufl-live-now-empty h1{
  margin:0!important;
  font-size:clamp(36px,6vw,76px)!important;
  line-height:.92!important;
  letter-spacing:-.07em!important;
  font-weight:900!important;
  color:#fff!important;
}
.ufl-live-now-head p,
.ufl-live-now-empty p{
  margin:14px auto 0!important;
  color:#a9a9a9!important;
  font-size:16px!important;
  font-weight:700!important;
  max-width:720px!important;
}
.ufl-live-now-player{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#050505!important;
  border:1px solid #282828!important;
  box-shadow:0 30px 80px rgba(0,0,0,.45)!important;
}
.ufl-live-now-player iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
}
.ufl-live-now-title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  flex-wrap:wrap!important;
}
.ufl-live-now-title em{
  font-style:normal!important;
  color:#777!important;
  font-size:clamp(18px,2.2vw,28px)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.ufl-live-title-team{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-width:0!important;
}
.ufl-live-team-logo-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  line-height:0!important;
  border:0!important;
  flex:0 0 auto!important;
}
.ufl-live-team-logo-link img{transition:transform .18s ease,opacity .18s ease!important;}
.ufl-live-team-logo-link:hover img{transform:scale(1.04)!important;opacity:.9!important;}
.ufl-live-title-team img{
  width:54px!important;
  height:54px!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
}
.ufl-live-title-team strong{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:7px!important;
  color:#fff!important;
  font:inherit!important;
  min-width:0!important;
}
.ufl-live-title-team small{
  color:#9b9b9b!important;
  font-size:.42em!important;
  letter-spacing:-.04em!important;
  font-weight:200!important;
}
.ufl-live-now-scorecard{
  margin:24px auto 0!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:26px!important;
  background:#181818!important;
  border:1px solid #2d2d2d!important;
  border-radius:24px!important;
  padding:18px 22px!important;
}
.ufl-live-now-team{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
}
.ufl-live-now-team.away{justify-content:flex-end!important;text-align:right!important;}
.ufl-live-now-team img{width:48px!important;height:48px!important;object-fit:contain!important;flex:0 0 auto!important;}
.ufl-live-now-team strong{display:block!important;font-size:28px!important;font-weight:900!important;letter-spacing:-.05em!important;line-height:1!important;color:#f4f4f4!important;}
.ufl-live-now-team span{display:block!important;color:#9d9d9d!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:280px!important;}
.ufl-live-now-score{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;}
.ufl-live-now-score b{font-size:34px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.06em!important;color:#fff!important;white-space:nowrap!important;}
.ufl-live-now-score b span{display:inline!important;color:inherit!important;background:transparent!important;border-radius:0!important;padding:0!important;min-height:0!important;font:inherit!important;line-height:inherit!important;}
.ufl-live-now-score .ufl-live-now-clock{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#1f8d4d!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}
.ufl-live-now-empty{text-align:center!important;padding:110px 0 130px!important;}
.ufl-live-now-empty .ufl-live-now-kicker{background:#252525!important;color:#d7d7d7!important;}
.ufl-live-now-empty a{display:inline-flex!important;margin-top:26px!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 18px!important;border-radius:999px!important;background:#2a2a2a!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;}
.live-now-tabs{margin-top:30px!important;}
.live-now-panel{display:none!important;}
.live-now-panel.is-active{display:block!important;}
.live-now-panel .match-timeline-shell,
.live-now-panel .match-lineups-shell{width:100%!important;max-width:none!important;}
.live-now-panel.match-timeline-section,
.live-now-panel.match-lineups-section{padding-top:0!important;}
.live-now-body .match-tabs,
.live-now-body .live-now-tabs,
.live-now-body .match-tabs-shell{background:#070707!important;border-color:#202020!important;}
.live-now-body .match-tab{color:#b7b7b7!important;font-weight:700!important;}
.live-now-body .match-tab.is-active{color:#e3e3e3!important;}
.live-now-body .match-tab.is-active::after{background:#6f6f6f!important;}
.live-now-body .live-now-panel.match-timeline-section,
.live-now-body .live-now-panel.match-lineups-section,
.live-now-body .live-now-panel .match-timeline-shell,
.live-now-body .live-now-panel .match-lineups-shell,
.live-now-body .match-timeline,
.live-now-body .lineup-column{background:#070707!important;}
.live-now-body .lineup-column{border-color:#222!important;}
.live-now-body .match-timeline::before{background:#272727!important;}
.live-now-body .timeline-event{border-bottom-color:#1f1f1f!important;}
.live-now-body .event-content h3,
.live-now-body .lineup-title h2,
.live-now-body .lineup-player strong{color:#ececec!important;}
.live-now-body .event-content h3 span,
.live-now-body .lineup-player em,
.live-now-body .event-content p,
.live-now-body .lineup-list li{color:#b6b6b6!important;}
.live-now-body .score-pill,
.live-now-body .event-dot{background:#151515!important;border-color:#292929!important;color:#d8d8d8!important;}
.live-now-body .lineup-title,
.live-now-body .lineup-list li{border-bottom-color:#202020!important;}
.live-now-body .match-timeline-empty{background:#181818!important;border:1px solid #2c2c2c!important;color:#bdbdbd!important;}
.live-now-body .lineup-wa-icon,
.live-now-body .lineup-icons .fa-regular,
.live-now-body .lineup-icons .fa-solid{color:#f4f4f4!important;}
.live-now-body .lineup-icons .own,
.live-now-body .lineup-wa-icon.own{color:#ff6a61!important;}

@media (max-width:900px){
  .topbar > .live-link.live-now-link,
  .topbar .live-link.live-now-link{display:none!important;}
  .mobile-live-now-bar{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    height:42px!important;
    background:#e31818!important;
    color:#ffffff!important;
    text-decoration:none!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    position:relative!important;
    z-index:31!important;
    box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 10px 24px rgba(227,24,24,.22)!important;
  }
  .mobile-live-now-bar strong{color:#fff!important;font:inherit!important;}
  .mobile-menu a.live-now-link{background:transparent!important;box-shadow:none!important;border-radius:10px!important;color:#ededed!important;padding:11px 12px!important;margin-top:0!important;display:flex!important;width:100%!important;justify-content:flex-start!important;}
  .ufl-live-now-page{width:calc(100% - 28px)!important;padding:28px 0 48px!important;}
  .ufl-live-now-player{border-radius:18px!important;}
  .ufl-live-now-title{gap:8px!important;flex-wrap:nowrap!important;width:100%!important;}
  .ufl-live-title-team{gap:7px!important;flex:1 1 0!important;}
  .ufl-live-title-team.home{justify-content:flex-end!important;}
  .ufl-live-title-team.away{justify-content:flex-start!important;}
  .ufl-live-title-team img{width:34px!important;height:34px!important;}
  .ufl-live-now-title em{flex:0 0 auto!important;font-size:15px!important;}
  .ufl-live-title-team strong{font-size:32px!important;line-height:1!important;letter-spacing:-.07em!important;gap:4px!important;}
  .ufl-live-title-team small{font-size:.38em!important;}
  .ufl-live-now-head p{font-size:12px!important;margin-top:10px!important;}
  .ufl-live-now-scorecard{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:8px!important;padding:12px 10px!important;border-radius:16px!important;}
  .ufl-live-now-team{gap:7px!important;justify-content:flex-start!important;text-align:left!important;}
  .ufl-live-now-team.away{justify-content:flex-end!important;text-align:right!important;flex-direction:row!important;}
  .ufl-live-now-team img{width:30px!important;height:30px!important;}
  .ufl-live-now-team strong{font-size:18px!important;letter-spacing:-.05em!important;}
  .ufl-live-now-team span{display:none!important;}
  .ufl-live-now-score{gap:4px!important;}
  .ufl-live-now-score b{font-size:22px!important;white-space:nowrap!important;}
  .ufl-live-now-score .ufl-live-now-clock{min-height:21px!important;padding:0 8px!important;font-size:10px!important;}
  .live-now-tabs{margin-top:22px!important;}
  .live-now-tabs .match-tabs-shell{width:100%!important;}
  .live-now-panel .match-timeline-shell,
  .live-now-panel .match-lineups-shell{padding-left:0!important;padding-right:0!important;}
}
