/* IPTV Belgique Commerce Engine v2.7.19.97
   Targeted visual bugfix after screenshot review.
   Fixes: sidebar brand overlap, overview metric truncation, and access/overview hero balance.
   Scope: client portal only. Global site header/footer remain untouched. */

/* 1) Sidebar brand/logo area */
#iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-brand-v271813{
  grid-template-columns:46px minmax(0,1fr)!important;
  grid-template-areas:"logo copy"!important;
  gap:12px!important;
  align-items:center!important;
}
#iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-logo-v271994,
#iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-logo-v279{
  grid-area:logo!important;
}
#iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-brand-copy-v271994{
  grid-area:copy!important;
  display:grid!important;
  align-content:center!important;
  gap:2px!important;
  min-width:0!important;
}
#iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-close-v271813{
  display:none!important;
}
#iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-brand-copy-v271994 strong,
#iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-brand-copy-v271994 em{
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  transform:none!important;
  letter-spacing:-.02em!important;
}
#iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-brand-copy-v271994 strong{
  font-size:13px!important;
  line-height:1.08!important;
  text-transform:none!important;
}
#iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-brand-copy-v271994 em{
  font-size:11px!important;
  line-height:1.15!important;
}

/* 2) Overview hero metrics should not clip key values */
#iptvbc-client-app .iptvbc-client-dashboard-mainrow-v2693{
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(230px,.8fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
#iptvbc-client-app .iptvbc-client-subscription-metrics-v2693{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
#iptvbc-client-app .iptvbc-client-subscription-metrics-v2693 span{
  min-width:0!important;
  align-content:start!important;
}
#iptvbc-client-app .iptvbc-client-subscription-metrics-v2693 small,
#iptvbc-client-app .iptvbc-client-subscription-metrics-v2693 em{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}
#iptvbc-client-app .iptvbc-client-subscription-metrics-v2693 strong{
  font-size:clamp(14px,1.05vw,18px)!important;
  line-height:1.16!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
#iptvbc-client-app .iptvbc-client-subscription-card-v2693 h3{
  overflow-wrap:anywhere!important;
}

/* 3) Expiry card better balance */
#iptvbc-client-app .iptvbc-client-expiry-card-v2693{
  display:grid!important;
  align-content:space-between!important;
  gap:14px!important;
  padding:22px!important;
}
#iptvbc-client-app .iptvbc-client-expiry-card-v2693 > div{
  display:grid!important;
  gap:6px!important;
  align-content:start!important;
}
#iptvbc-client-app .iptvbc-client-expiry-card-v2693 strong{
  font-size:clamp(24px,1.9vw,34px)!important;
  line-height:1.02!important;
}
#iptvbc-client-app .iptvbc-client-expiry-card-v2693 p{
  margin:0!important;
}

@media (max-width:1180px){
  #iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-brand-v271813{
    grid-template-columns:46px minmax(0,1fr) 40px!important;
    grid-template-areas:"logo copy close"!important;
  }
  #iptvbc-client-app > .iptvbc-client-nav-v2629 .iptvbc-client-sidebar-close-v271813{
    display:grid!important;
    grid-area:close!important;
  }
  #iptvbc-client-app .iptvbc-client-dashboard-mainrow-v2693{
    grid-template-columns:1fr!important;
  }
  #iptvbc-client-app .iptvbc-client-subscription-metrics-v2693{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:680px){
  #iptvbc-client-app .iptvbc-client-subscription-metrics-v2693{
    grid-template-columns:1fr!important;
  }
}