/* Rendered, source-controlled Quantum banner: approved artwork resized for 16:9 signage. */
.tv-live-header.tv-live-rendered{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  height:17vh;
  min-height:110px;
  width:100%;
  padding:0;
  gap:0;
  overflow:hidden;
  background-color:#05243e;
  background-image:url("./bid-board-live-cinematic-banner.webp?v=45");
  background-size:100% 100%;
  background-position:center center;
  background-repeat:no-repeat;
}
.tv-live-header.tv-live-rendered::before,
.tv-live-header.tv-live-rendered::after{content:none!important;display:none!important;}
.tv-live-rendered .tv-live-hero-copy{flex:1;min-width:0;}
.tv-live-rendered .tv-live-time{
  position:relative;
  z-index:2;
  flex:0 0 16.5%;
  width:16.5%;
  height:100%;
  align-items:flex-end;
  justify-content:center;
  text-align:right;
  margin:0;
  padding:.8vh 1.5vw;
  background:linear-gradient(90deg,rgba(1,22,40,0),rgba(1,19,35,.86) 36%,rgba(1,19,35,.95));
  border-radius:0;
}
.tv-live-rendered #tv-clock small{font-size:clamp(11px,.91vw,20px);font-weight:750;color:#fff;}
.tv-live-rendered #tv-clock strong{font-size:clamp(24px,2.45vw,50px);color:#fff;}
.tv-live-rendered .tv-exit{border-color:#7e9aac;color:#ecf6fc;background:rgba(4,34,58,.7);}
@media(max-width:900px){
  .tv-live-header.tv-live-rendered{height:16vh;min-height:90px;}
  .tv-live-rendered .tv-live-time{flex-basis:18%;width:18%;padding:.5vh 1vw;}
  .tv-live-rendered #tv-clock strong{font-size:clamp(14px,2.3vw,28px);}
  .tv-live-rendered #tv-clock small{font-size:clamp(9px,1vw,13px);}
}