.ccx-tvhub{ padding:22px 0 10px; }
.ccx-tvhub__inner{ max-width:1180px; margin:0 auto; padding:0 14px; }
.ccx-tvhub__title{ font-size:28px; line-height:1.15; margin:0 0 16px; letter-spacing:-0.2px; }

.ccx-tvhub__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }

.ccx-tvhub__card{
  display:block; text-decoration:none !important;
  border-radius:18px; background:rgba(255,255,255,0.96);
  border:1px solid rgba(0,0,0,0.06);
  box-shadow:0 16px 40px rgba(0,0,0,0.08);
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ccx-tvhub__card:hover{ transform:translateY(-3px); box-shadow:0 22px 55px rgba(0,0,0,0.12); border-color:rgba(0,0,0,0.10); }

.ccx-tvhub__media{ padding:14px 14px 0; }
.ccx-tvhub__media img{
  width:100%; height:170px; object-fit:contain;
  background:#fff; border-radius:14px;
  border:1px solid rgba(0,0,0,0.06);
}
.ccx-tvhub__body{ padding:12px 16px 16px; }
.ccx-tvhub__cardTitle{ font-size:18px; font-weight:700; margin:2px 0 6px; color:#0f1216; }
.ccx-tvhub__cardDesc{ font-size:13px; line-height:1.45; color:rgba(15,18,22,0.62); min-height:36px; }
.ccx-tvhub__cta{ margin-top:10px; font-size:13px; font-weight:700; color:#0f1216; opacity:.92; }

@media (max-width:980px){
  .ccx-tvhub__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ccx-tvhub__media img{ height:160px; }
}
@media (max-width:620px){
  .ccx-tvhub__title{ font-size:22px; }
  .ccx-tvhub__grid{ grid-template-columns:1fr; }
  .ccx-tvhub__media img{ height:150px; }
}

/* ===== Fix: titre page blanc sur blanc (TV & Audio) ===== */
body.page-tv-audio .entry-title,
body.page-tv-audio h1.entry-title,
body.page-tv-audio .et_post_meta_wrapper h1,
body.page-tv-audio .et_pb_title_container h1{
  color:#0f1216 !important;
}


h1.entry-title,
h1.entry-title.main_title,
.entry-title{
  display: table !important;
  margin: 22px auto 22px !important;
  text-align: center !important;

  /* look premium */
  font-weight: 800 !important;
  letter-spacing: -0.4px !important;
  line-height: 1.05 !important;

  color:#0f1216 !important;
  -webkit-text-fill-color:#0f1216 !important;
  opacity:1 !important;
  visibility:visible !important;

  padding: 12px 18px !important;
  border-radius: 16px !important;

  background:
    radial-gradient(900px 220px at 20% 10%, rgba(0,255,106,.12), transparent 60%),
    radial-gradient(700px 220px at 80% 20%, rgba(255,122,0,.12), transparent 60%),
    rgba(255,255,255,.92) !important;

  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.10) !important;

  backdrop-filter: blur(10px) saturate(1.15);
  -webkit-backdrop-filter: blur(10px) saturate(1.15);
}

/* Taille responsive */
@media (max-width: 980px){
  h1.entry-title,
  h1.entry-title.main_title,
  .entry-title{
    font-size: 28px !important;
    padding: 11px 16px !important;
    border-radius: 14px !important;
  }
}
@media (max-width: 620px){
  h1.entry-title,
  h1.entry-title.main_title,
  .entry-title{
    font-size: 24px !important;
    padding: 10px 14px !important;
  }
}


/* ===== CCX HUB PANEL (encadre tout, style smartphone) ===== */
.ccx-pchub__inner,
.ccx-tvhub__inner,
.ccx-gamehub__inner,
.ccx-objhub__inner{
  /* on garde le centrage max-width existant */
  background:
    radial-gradient(900px 260px at 15% 0%, rgba(0,255,106,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.92));
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 26px;
  box-shadow: 0 26px 70px rgba(0,0,0,.10);
  padding: 22px 20px 18px;
}

/* espace interne propre */
.ccx-pchub__title,
.ccx-tvhub__title,
.ccx-gamehub__title,
.ccx-objhub__title{
  margin-top: 0;
}

/* Responsive padding */
@media (max-width: 620px){
  .ccx-pchub__inner,
  .ccx-tvhub__inner,
  .ccx-gamehub__inner,
  .ccx-objhub__inner{
    padding: 18px 14px 14px;
    border-radius: 22px;
  }
}