/* Video Hub Core 1.0.97 — twarda blokada układu, kart, zakładek i modali. Ładowane jako ostatnie. */
.tvm-video-hub,
.tvm-video-hub * { box-sizing: border-box !important; }
.tvm-video-hub { 
    --vhc-shell: min(1180px, calc(100vw - 36px));
    --vhc-bg: #021722;
    --vhc-navy: #031d2b;
    --vhc-card: #043744;
    --vhc-card2: #022838;
    --vhc-teal: #0797aa;
    --vhc-teal2: #064f5d;
    --vhc-line: rgba(125, 232, 240, .18);
    --vhc-text: #f4fcff;
    --vhc-muted: rgba(226,247,250,.78);
    --vhc-yellow: #f6c64b;
    --vhc-orange: #ffad3c;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
    color: var(--vhc-text) !important;
    background: radial-gradient(circle at 84% 48%, rgba(8,121,130,.30), transparent 34%), linear-gradient(180deg,#043d49 0%,#021722 46%,#031a27 100%) !important;
    font-family: Inter, Roboto, "Open Sans", "Noto Sans", Arial, sans-serif !important;
}
.tvm-video-hub [hidden] { display:none !important; }
.tvm-video-hub a { color: inherit; }

/* HEADER: wyłącznie kontener, bez full width w środku */
.tvm-video-hub .tvm-hero { width:100% !important; max-width:100% !important; margin:0 !important; padding:24px 0 26px !important; background:transparent !important; border:0 !important; overflow:hidden !important; }
.tvm-video-hub .tvm-hero__top { 
    width: var(--vhc-shell) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 26px 26px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto minmax(260px,340px) !important;
    align-items:center !important;
    gap:28px !important;
    min-height:0 !important;
    background:linear-gradient(135deg, rgba(3,45,56,.92), rgba(3,25,38,.96)) !important;
    border:1px solid var(--vhc-line) !important;
    border-radius:26px !important;
    box-shadow:0 24px 70px rgba(0,0,0,.20) !important;
}
.tvm-video-hub .tvm-hero__brand-copy,
.tvm-video-hub .tvm-hero__brand-col,
.tvm-video-hub .tvm-hero__logo-col,
.tvm-video-hub .tvm-hero__live-col { min-width:0 !important; width:auto !important; max-width:none !important; }
.tvm-video-hub .tvm-eyebrow { color:rgba(245,252,255,.86) !important; letter-spacing:.32em !important; font-size:12px !important; font-weight:950 !important; text-transform:uppercase !important; margin:0 0 26px !important; }
.tvm-video-hub .tvm-hero h2 { color:#fff !important; font-size:clamp(38px,4vw,62px) !important; line-height:.96 !important; letter-spacing:-.055em !important; margin:0 0 18px !important; font-weight:950 !important; text-shadow:none !important; }
.tvm-video-hub .tvm-intro { color:#fff !important; font-size:18px !important; line-height:1.35 !important; margin:0 !important; opacity:1 !important; }
.tvm-video-hub .tvm-site-logo { width:150px !important; height:150px !important; max-width:150px !important; max-height:150px !important; margin:0 auto !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.tvm-video-hub .tvm-site-logo img { width:100% !important; height:100% !important; object-fit:contain !important; display:block !important; }

/* LIVE BOX: mały telewizorek, nie szary klocek */
.tvm-video-hub .tvm-live-box { 
    min-height:120px !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:80px 1fr !important;
    align-items:center !important;
    gap:18px !important;
    padding:18px 20px !important;
    border-radius:22px !important;
    background:linear-gradient(135deg, rgba(6,60,70,.72), rgba(5,30,44,.88)) !important;
    border:1px solid rgba(121,226,235,.22) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 42px rgba(0,0,0,.18) !important;
    color:#fff !important;
    text-align:left !important;
}
.tvm-video-hub .tvm-live-box__status { grid-column:2 !important; justify-self:end !important; align-self:start !important; padding:7px 18px !important; border-radius:999px !important; background:rgba(4,55,69,.70) !important; border:1px solid rgba(121,226,235,.35) !important; color:#78f1ff !important; font-size:12px !important; font-weight:950 !important; letter-spacing:.18em !important; }
.tvm-video-hub .tvm-live-box__body { display:contents !important; }
.tvm-video-hub .tvm-live-box__icon { grid-row:1 / span 2 !important; grid-column:1 !important; width:70px !important; height:62px !important; border-radius:14px 14px 8px 8px !important; border:3px solid rgba(225,250,255,.86) !important; background:linear-gradient(180deg,#08a9be,#064657) !important; color:transparent !important; position:relative !important; box-shadow:0 16px 28px rgba(0,0,0,.22), inset 0 -18px 26px rgba(0,0,0,.12) !important; }
.tvm-video-hub .tvm-live-box__icon::before { content:''; position:absolute; left:20px; right:20px; bottom:-14px; height:4px; border-radius:999px; background:#f6c64b; box-shadow:0 10px 0 #bda34f, 0 20px 0 #7e7d51; }
.tvm-video-hub .tvm-live-box__meta { grid-column:2 !important; display:block !important; min-width:0 !important; }
.tvm-video-hub .tvm-live-box__meta strong { display:block !important; color:#fff !important; font-size:17px !important; line-height:1.15 !important; font-weight:950 !important; margin:0 0 4px !important; }
.tvm-video-hub .tvm-live-box__meta small { display:block !important; color:var(--vhc-muted) !important; font-size:13px !important; line-height:1.3 !important; }

/* ZAKŁADKI: osobny pełny pas; zero hamburgerów/filtrów w tym pasie */
.tvm-video-hub .tvm-tabs-bar { 
    width:100vw !important;
    max-width:100vw !important;
    margin:0 0 0 calc(50% - 50vw) !important;
    padding:14px 0 !important;
    background:rgba(2,24,34,.86) !important;
    border-top:1px solid rgba(121,226,235,.18) !important;
    border-bottom:1px solid rgba(121,226,235,.18) !important;
    overflow:hidden !important;
}
.tvm-video-hub .tvm-tabs-inner { 
    width:var(--vhc-shell) !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    min-width:0 !important;
    overflow:hidden !important;
    background:transparent !important;
    border:0 !important;
}
.tvm-video-hub .tvm-category-nav { 
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 2px 6px !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    scrollbar-width:thin !important;
}
.tvm-video-hub .tvm-tabs-row,
.tvm-video-hub .tvm-category-toggle,
.tvm-video-hub [data-category-menu-toggle],
.tvm-video-hub .tvm-filter-mobile-toggle,
.tvm-video-hub [data-filter-toggle],
.tvm-video-hub .tvm-tabs-bar .tvm-filter-mobile-toggle,
.tvm-video-hub .tvm-tabs-bar [aria-controls="tvm-content-filters"] { display:none !important; visibility:hidden !important; }
.tvm-video-hub .tvm-category-nav a,
.tvm-video-hub .tvm-tabs-add-event { 
    flex:0 0 auto !important;
    min-height:40px !important;
    padding:10px 18px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    background:linear-gradient(180deg, rgba(23,49,61,.98), rgba(10,32,44,.98)) !important;
    border:1px solid rgba(121,226,235,.18) !important;
    color:#f7feff !important;
    font-size:15px !important;
    line-height:1 !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,#0a9fb6,#087587) !important; color:#fff !important; border-color:rgba(169,244,252,.44) !important; }
.tvm-video-hub .tvm-tabs-add-event { margin-left:auto !important; background:linear-gradient(135deg,#f6c64b,#ffad3c) !important; color:#061b27 !important; border-color:rgba(255,224,140,.7) !important; box-shadow:0 10px 24px rgba(246,198,75,.12) !important; }

/* UKŁAD GŁÓWNY */
.tvm-video-hub .tvm-content-filters,
.tvm-video-hub .tvm-event-filters { width:var(--vhc-shell) !important; max-width:1180px !important; margin:26px auto 26px !important; }
.tvm-video-hub .tvm-layout { width:var(--vhc-shell) !important; max-width:1180px !important; margin:0 auto !important; display:grid !important; grid-template-columns:minmax(0,1fr) 280px !important; gap:28px !important; align-items:start !important; }
.tvm-video-hub .tvm-main,
.tvm-video-hub .tvm-sidebar { min-width:0 !important; }
.tvm-video-hub .tvm-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; }

/* KARTY: kasacja starych białych wersji i białych pasków */
.tvm-video-hub .tvm-card,
.tvm-video-hub article.tvm-card { 
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(5,68,79,.98), rgba(3,40,56,.99)) !important;
    border:1px solid rgba(121,226,235,.18) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.22) !important;
    color:#fff !important;
    opacity:1 !important;
    filter:none !important;
}
.tvm-video-hub .tvm-card:hover { transform:translateY(-2px) scale(1.008) !important; box-shadow:0 24px 56px rgba(0,0,0,.30) !important; background:linear-gradient(180deg, rgba(6,78,90,.99), rgba(3,43,60,.99)) !important; }
.tvm-video-hub .tvm-card__button { width:100% !important; height:100% !important; min-height:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; background:transparent !important; border:0 !important; color:#fff !important; text-align:left !important; overflow:hidden !important; }
.tvm-video-hub .tvm-card__thumb,
.tvm-video-hub .tvm-card--event .tvm-card__thumb,
.tvm-video-hub .tvm-card--patron .tvm-card__thumb,
.tvm-video-hub .tvm-card--teaser .tvm-card__thumb { width:100% !important; max-width:none !important; height:auto !important; aspect-ratio:16/9 !important; margin:0 !important; border-radius:0 !important; display:block !important; overflow:hidden !important; background:#032838 !important; border:0 !important; box-shadow:none !important; }
.tvm-video-hub .tvm-card__thumb::before,
.tvm-video-hub .tvm-card__thumb::after { display:none !important; content:none !important; }
.tvm-video-hub .tvm-card__thumb img,
.tvm-video-hub .tvm-card__thumb--event img { display:block !important; width:100% !important; height:100% !important; min-height:0 !important; object-fit:cover !important; margin:0 !important; border:0 !important; background:transparent !important; }
.tvm-video-hub .tvm-card__content { flex:1 1 auto !important; display:flex !important; flex-direction:column !important; gap:12px !important; width:100% !important; max-width:none !important; padding:18px 18px 16px !important; background:transparent !important; color:#fff !important; opacity:1 !important; }
.tvm-video-hub .tvm-card__title { color:#fff !important; opacity:1 !important; font-size:18px !important; line-height:1.18 !important; font-weight:950 !important; letter-spacing:-.02em !important; text-shadow:none !important; display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; }
.tvm-video-hub .tvm-card__description { margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:rgba(230,248,251,.82) !important; opacity:1 !important; font-size:14px !important; line-height:1.45 !important; display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; }
.tvm-video-hub .tvm-card__categories { display:flex !important; flex-wrap:wrap !important; gap:6px !important; min-height:0 !important; }
.tvm-video-hub .tvm-card__categories span,
.tvm-video-hub .tvm-card__tag { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:22px !important; padding:4px 9px !important; border-radius:999px !important; background:rgba(9,139,158,.30) !important; border:1px solid rgba(121,226,235,.28) !important; color:#eaffff !important; font-size:11px !important; line-height:1 !important; font-weight:850 !important; }
.tvm-video-hub .tvm-card__meta { margin-top:auto !important; padding-top:12px !important; border-top:1px solid rgba(121,226,235,.12) !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; }
.tvm-video-hub .tvm-card__stars { display:inline-flex !important; align-items:center !important; gap:2px !important; min-height:30px !important; padding:0 10px !important; border-radius:999px !important; background:rgba(246,198,75,.12) !important; border:1px solid rgba(246,198,75,.25) !important; color:var(--vhc-yellow) !important; font-size:13px !important; font-weight:900 !important; white-space:nowrap !important; }
.tvm-video-hub .tvm-card__stars span,
.tvm-video-hub .tvm-card__rating-number { color:var(--vhc-yellow) !important; }
.tvm-video-hub .tvm-card__share-icon { flex:0 0 34px !important; width:34px !important; height:34px !important; min-width:34px !important; border-radius:999px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:linear-gradient(135deg,var(--vhc-yellow),var(--vhc-orange)) !important; border:1px solid rgba(255,224,140,.55) !important; color:#061b27 !important; font-weight:950 !important; }

/* SIDEBAR */
.tvm-video-hub .tvm-top10 { background:linear-gradient(180deg, rgba(5,41,55,.92), rgba(3,27,40,.96)) !important; border:1px solid rgba(121,226,235,.16) !important; border-radius:18px !important; color:#fff !important; }
.tvm-video-hub .tvm-top10 h3 { color:#fff !important; }
.tvm-video-hub .tvm-top10__button { color:#fff !important; background:rgba(255,255,255,.06) !important; border:1px solid rgba(121,226,235,.12) !important; }
.tvm-video-hub .tvm-modal__nav { position:absolute !important; top:50% !important; transform:translateY(-50%) !important; z-index:20 !important; width:54px !important; height:86px !important; border-radius:999px !important; background:rgba(5,55,70,.90) !important; border:1px solid rgba(121,226,235,.30) !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:54px !important; line-height:1 !important; cursor:pointer !important; }
.tvm-video-hub .tvm-modal__nav--prev { left:-8px !important; }
.tvm-video-hub .tvm-modal__nav--next { right:-8px !important; }

/* FOOTER */
.tvm-video-hub .tvm-footer { width:100vw !important; max-width:100vw !important; margin:48px 0 0 calc(50% - 50vw) !important; padding:34px 0 !important; background:linear-gradient(90deg,#061722 0%,#072232 55%,#063f49 100%) !important; border-top:1px solid rgba(121,226,235,.16) !important; color:#fff !important; }
.tvm-video-hub .tvm-footer__inner { width:var(--vhc-shell) !important; max-width:1180px !important; margin:0 auto !important; }

@media (max-width:1100px){
    .tvm-video-hub .tvm-hero__top { grid-template-columns:1fr auto !important; }
    .tvm-video-hub .tvm-hero__live-col { grid-column:1 / -1 !important; }
    .tvm-video-hub .tvm-layout { grid-template-columns:1fr !important; }
    .tvm-video-hub .tvm-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:760px){
    .tvm-video-hub { --vhc-shell: calc(100vw - 24px); }
    .tvm-video-hub .tvm-hero__top { display:grid !important; grid-template-columns:1fr !important; text-align:center !important; padding:22px 18px !important; }
    .tvm-video-hub .tvm-site-logo { width:112px !important; height:112px !important; }
    .tvm-video-hub .tvm-live-box { grid-template-columns:64px 1fr !important; min-height:104px !important; }
    .tvm-video-hub .tvm-live-box__icon { width:58px !important; height:52px !important; }
    .tvm-video-hub .tvm-tabs-inner { gap:10px !important; }
    .tvm-video-hub .tvm-tabs-add-event { display:none !important; }
    .tvm-video-hub .tvm-grid { grid-template-columns:1fr !important; }
    .tvm-video-hub .tvm-card { max-width:430px !important; margin:0 auto !important; }
    .tvm-video-hub .tvm-modal__nav { width:44px !important; height:70px !important; font-size:42px !important; }
}

/* Video Hub Core 1.0.98 — korekta pełnej szerokości, zakładek, kart i czytelności modali. */
.tvm-video-hub{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  overflow-x:hidden !important;
}
.tvm-video-hub .tvm-hero__top{
  width:min(1240px, calc(100vw - 48px)) !important;
  max-width:1240px !important;
}
.tvm-video-hub .tvm-tabs-bar{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:14px clamp(18px, 5vw, 72px) !important;
  overflow:hidden !important;
}
.tvm-video-hub .tvm-tabs-inner{
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  overflow:visible !important;
}
.tvm-video-hub .tvm-category-nav{
  order:1 !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  overflow:visible !important;
  padding:0 !important;
  scrollbar-width:none !important;
}
.tvm-video-hub .tvm-category-nav::-webkit-scrollbar{display:none !important;}
.tvm-video-hub .tvm-tabs-add-event{
  order:2 !important;
  margin-left:auto !important;
  flex:0 0 auto !important;
  background:linear-gradient(135deg,#f7c94e,#ffac3c) !important;
  color:#061b27 !important;
  border-color:rgba(255,224,140,.70) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
}
.tvm-video-hub .tvm-category-nav a{
  min-width:auto !important;
  padding:11px 18px !important;
  font-size:15px !important;
}
.tvm-video-hub .is-tvm-hidden{display:none !important;}
.tvm-video-hub .tvm-card,
.tvm-video-hub .tvm-card[style],
.tvm-video-hub .tvm-card:hover{
  background:linear-gradient(180deg,#074b57 0%, #032b3a 100%) !important;
  border:1px solid rgba(121,226,235,.26) !important;
  color:#fff !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
  transform:none !important;
}
.tvm-video-hub .tvm-card:hover{transform:translateY(-3px) scale(1.01) !important;}
.tvm-video-hub .tvm-card__thumb,
.tvm-video-hub .tvm-card__thumb img{
  background:#032838 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
.tvm-video-hub .tvm-card__thumb{border-bottom:1px solid rgba(121,226,235,.16) !important;}
.tvm-video-hub .tvm-card__thumb::before,
.tvm-video-hub .tvm-card__thumb::after,
.tvm-video-hub .tvm-card__button::before,
.tvm-video-hub .tvm-card__button::after{display:none !important;content:none !important;}
.tvm-video-hub .tvm-card__content,
.tvm-video-hub .tvm-card__title,
.tvm-video-hub .tvm-card__description,
.tvm-video-hub .tvm-card__categories,
.tvm-video-hub .tvm-card__meta{background:transparent !important;color:#fff !important;opacity:1 !important;}
.tvm-video-hub .tvm-card__description{color:rgba(232,250,253,.88) !important;}
.tvm-video-hub .tvm-modal__nav{color:#fff !important; opacity:1 !important; pointer-events:auto !important;}
@media (max-width: 920px){
  .tvm-video-hub .tvm-tabs-bar{padding:12px 12px !important;}
  .tvm-video-hub .tvm-tabs-inner{display:block !important;}
  .tvm-video-hub .tvm-category-nav{justify-content:flex-start !important; flex-wrap:nowrap !important; overflow-x:auto !important; padding-bottom:4px !important;}
  .tvm-video-hub .tvm-tabs-add-event{display:none !important;}
}