/* Video Hub Core 1.1.6 — real cleanup: cards, live box, mobile modal, static modals */

/* Full-width shell without horizontal WP bleed */
html, body { overflow-x: clip; }
.tvm-video-hub{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  overflow-x:hidden !important;
  background:linear-gradient(180deg,#063f47 0%,#042a34 42%,#031824 100%) !important;
  color:#fff !important;
}
.tvm-video-hub *{box-sizing:border-box!important;}

/* Header stays contained */
.tvm-video-hub .tvm-hero{
  max-width:var(--tvm-header-max,1240px)!important;
  width:min(calc(100% - 32px),var(--tvm-header-max,1240px))!important;
  margin:22px auto 24px!important;
  padding:0!important;
  overflow:visible!important;
}
.tvm-video-hub .tvm-hero__top{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:clamp(24px,3vw,34px)!important;
  border-radius:28px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) auto minmax(280px,.82fr)!important;
  align-items:center!important;
  gap:clamp(26px,4vw,58px)!important;
  background:linear-gradient(135deg,rgba(3,31,43,.96),rgba(3,68,76,.86))!important;
  border:1px solid rgba(128,232,242,.20)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.22)!important;
}

/* Tabs: separate full-width bar, no fake desktop hamburger */
.tvm-video-hub .tvm-tabs-bar{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:14px clamp(14px,4vw,72px)!important;
  overflow:visible!important;
  background:linear-gradient(90deg,#031923 0%,#054a50 50%,#031923 100%)!important;
  border-top:1px solid rgba(123,235,246,.18)!important;
  border-bottom:1px solid rgba(123,235,246,.18)!important;
}
.tvm-video-hub .tvm-tabs-inner{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:18px!important;
}
.tvm-video-hub .tvm-tabs-mobile-toggle{display:none!important;}
.tvm-video-hub .tvm-category-nav{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}
.tvm-video-hub .tvm-category-nav a{
  flex:0 0 auto!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 20px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#123744,#09242f)!important;
  border:1px solid rgba(126,232,242,.24)!important;
  color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.tvm-video-hub .tvm-category-nav a.is-active,
.tvm-video-hub .tvm-category-nav a:hover{
  background:linear-gradient(135deg,#09a8c0,#087c8f)!important;
  border-color:rgba(178,247,255,.70)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.tvm-video-hub .tvm-tabs-add-event{
  justify-self:end!important;
  white-space:nowrap!important;
  min-height:42px!important;
}

/* Filters centered */
.tvm-video-hub .tvm-content-filters,
.tvm-video-hub .tvm-event-filters{
  width:min(calc(100% - 32px),1240px)!important;
  margin:28px auto!important;
  justify-content:center!important;
}

/* Cards: remove the real white strip between image and content */
.tvm-video-hub .tvm-grid{align-items:stretch!important;}
.tvm-video-hub .tvm-card,
.tvm-video-hub .tvm-card--teaser,
.tvm-video-hub .tvm-card--event,
.tvm-video-hub .tvm-card--patron,
.tvm-video-hub .tvm-card--podcast{
  overflow:hidden!important;
  border-radius:18px!important;
  background:#064f57!important;
  border:1px solid rgba(126,232,242,.34)!important;
  color:#fff!important;
}
.tvm-video-hub .tvm-card__button{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  background:#064f57!important;
  color:#fff!important;
  border:0!important;
  overflow:hidden!important;
}
.tvm-video-hub .tvm-card__thumb{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:#042734!important;
  line-height:0!important;
  overflow:hidden!important;
}
.tvm-video-hub .tvm-card__thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  vertical-align:top!important;
  background:#042734!important;
}
.tvm-video-hub .tvm-card__thumb + .tvm-card__content{
  margin-top:0!important;
}
.tvm-video-hub .tvm-card__content{
  background:linear-gradient(180deg,#075b61 0%,#05474f 100%)!important;
  color:#fff!important;
  padding:20px 22px 18px!important;
  border:0!important;
  margin:0!important;
}
.tvm-video-hub .tvm-card__title,
.tvm-video-hub .tvm-card__description,
.tvm-video-hub .tvm-card__meta,
.tvm-video-hub .tvm-card__rating{color:#fff!important;}
.tvm-video-hub .tvm-card__description{background:transparent!important;border-left:0!important;padding:0!important;color:rgba(255,255,255,.88)!important;}
.tvm-video-hub .tvm-card__categories span,
.tvm-video-hub .tvm-card__tag{background:rgba(7,161,183,.30)!important;border:1px solid rgba(137,238,246,.24)!important;color:#d7fbff!important;}
.tvm-video-hub .tvm-card__stars{background:rgba(255,187,51,.14)!important;color:#ffc247!important;}
.tvm-video-hub .tvm-card__share-icon{background:#ffc247!important;color:#051822!important;border:0!important;}
.tvm-video-hub .tvm-card:hover{transform:translateY(-3px) scale(1.01)!important;box-shadow:0 20px 48px rgba(0,0,0,.24)!important;}

/* Live TV box */
.tvm-video-hub .tvm-live-box{
  min-height:122px!important;
  display:grid!important;
  grid-template-columns:90px 1fr!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:"screen badge" "screen text"!important;
  align-items:center!important;
  gap:8px 18px!important;
  padding:20px 24px!important;
  color:#fff!important;
  text-align:left!important;
}
.tvm-video-hub .tvm-live-box__status{
  grid-area:badge!important;
  justify-self:start!important;
  color:#c9fbff!important;
  border-color:rgba(148,244,255,.34)!important;
  background:rgba(8,125,142,.34)!important;
}
.tvm-video-hub .tvm-live-box.is-live .tvm-live-box__status{
  background:#cf1f2c!important;
  border-color:#ff6f78!important;
  color:#fff!important;
}
.tvm-video-hub .tvm-live-box__body{display:contents!important;}
.tvm-video-hub .tvm-live-box__icon{
  grid-area:screen!important;
  width:74px!important;
  height:62px!important;
  display:block!important;
  position:relative!important;
  font-size:0!important;
  color:transparent!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.tvm-video-hub .tvm-live-box__icon::before{
  content:""!important;
  position:absolute!important;
  left:7px!important; top:0!important;
  width:58px!important; height:42px!important;
  border-radius:12px!important;
  border:3px solid #bdf5ff!important;
  background:linear-gradient(180deg,#05a4b9,#06434e)!important;
  box-shadow:inset 0 0 16px rgba(255,255,255,.16)!important;
}
.tvm-video-hub .tvm-live-box__icon::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:19px!important; bottom:0!important;
  width:36px!important; height:4px!important;
  border-radius:99px!important;
  background:#d7b64e!important;
  box-shadow:0 -10px 0 #d7b64e,0 -20px 0 #d7b64e!important;
}
.tvm-video-hub .tvm-live-box__meta{grid-area:text!important;display:flex!important;flex-direction:column!important;gap:3px!important;color:#fff!important;}
.tvm-video-hub .tvm-live-box__meta strong{color:#fff!important;font-weight:950!important;line-height:1.08!important;}
.tvm-video-hub .tvm-live-box__meta small{color:rgba(255,255,255,.82)!important;line-height:1.22!important;}

/* Static modals fill available modal neatly */

/* Footer line */
.tvm-video-hub .tvm-footer{background:linear-gradient(90deg,#031923,#052d3d 55%,#04464d)!important;color:#fff!important;}
.tvm-video-hub .tvm-footer a,.tvm-video-hub .tvm-footer button{color:#fff!important;}

@media (max-width:980px){
  .tvm-video-hub .tvm-hero__top{grid-template-columns:1fr!important;text-align:center!important;gap:18px!important;}
  .tvm-video-hub .tvm-live-box{width:min(100%,420px)!important;margin:0 auto!important;}
  .tvm-video-hub .tvm-tabs-inner{display:block!important;}
  .tvm-video-hub .tvm-tabs-mobile-toggle{display:flex!important;width:min(100%,420px)!important;margin:0 auto!important;}
  .tvm-video-hub .tvm-category-nav{display:none!important;width:min(100%,420px)!important;margin:10px auto 0!important;grid-template-columns:1fr!important;gap:8px!important;}
  .tvm-video-hub .tvm-category-nav.is-open{display:grid!important;}
  .tvm-video-hub .tvm-tabs-add-event{display:flex!important;width:min(100%,420px)!important;margin:10px auto 0!important;justify-content:center!important;}

}