/* IPTV Belgique Commerce Engine v2.7.19.104
   Final fix for sidebar VIP card compression.
   The card is forced into a vertical layout to avoid inherited sidebar grid compression. */

#iptvbc-client-app .iptvbc-client-sidebar-vip-v271103,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v271994,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v279{
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:16px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  text-align:left!important;
  background:
    radial-gradient(circle at 22% 14%, rgba(245,158,11,.16), transparent 26%),
    linear-gradient(180deg, rgba(255,250,238,.98), rgba(255,255,255,.98))!important;
  border:1px solid rgba(245,158,11,.22)!important;
  box-shadow:0 14px 30px rgba(245,158,11,.08)!important;
  color:#172033!important;
  text-decoration:none!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-v271103::after,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v271994::after,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v279::after{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:54px!important;
  height:1px!important;
  background:linear-gradient(90deg, rgba(245,158,11,.06), rgba(245,158,11,.22), rgba(245,158,11,.06))!important;
  pointer-events:none!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-v271103 .iptvbc-client-sidebar-vip-icon-v271994,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v271994 .iptvbc-client-sidebar-vip-icon-v271994,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v279 .iptvbc-client-sidebar-vip-icon-v271994{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  margin:0 0 12px!important;
  border-radius:16px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#ffbd3b,#f59e0b)!important;
  border:0!important;
  box-shadow:0 16px 26px rgba(245,158,11,.24)!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-v271103 .iptvbc-client-sidebar-vip-icon-v271994 svg,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v271994 .iptvbc-client-sidebar-vip-icon-v271994 svg,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v279 .iptvbc-client-sidebar-vip-icon-v271994 svg{
  width:21px!important;
  height:21px!important;
  color:#fff!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271103,
#iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-title-v271103,
#iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994 > strong{
  display:block!important;
  width:100%!important;
  margin:0 0 7px!important;
  padding:0!important;
  color:#172033!important;
  font-size:15px!important;
  line-height:1.16!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-overflow:clip!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-desc-v271103,
#iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994 > em{
  display:block!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
  color:#5f6d85!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  font-style:normal!important;
  font-weight:650!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-overflow:clip!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-cta-v271103,
#iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994 > b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ffffff,#fff8eb)!important;
  border:1px solid rgba(37,99,235,.16)!important;
  color:#2563eb!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  text-align:center!important;
  box-shadow:0 10px 22px rgba(37,99,235,.08)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Neutralize old inherited grid placement from previous sidebar systems. */
#iptvbc-client-app .iptvbc-client-sidebar-vip-v271103 *,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v271994 *,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v279 *{
  grid-column:auto!important;
  grid-row:auto!important;
  grid-area:auto!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-v271103:hover,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v271994:hover,
#iptvbc-client-app .iptvbc-client-sidebar-vip-v279:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 18px 34px rgba(245,158,11,.10)!important;
}

@media (max-width:1180px){
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271103,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271994,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v279{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    gap:12px!important;
    align-items:center!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271103::after,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271994::after,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v279::after{
    display:none!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271103 .iptvbc-client-sidebar-vip-icon-v271994,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271994 .iptvbc-client-sidebar-vip-icon-v271994,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v279 .iptvbc-client-sidebar-vip-icon-v271994{
    margin:0!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271103,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994{
    display:grid!important;
    gap:4px!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-title-v271103,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994 > strong{
    margin:0!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-desc-v271103,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994 > em{
    margin:0!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-cta-v271103,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994 > b{
    width:auto!important;
    min-width:140px!important;
  }
}

@media (max-width:760px){
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271103,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271994,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v279{
    display:block!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271103 .iptvbc-client-sidebar-vip-icon-v271994,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271994 .iptvbc-client-sidebar-vip-icon-v271994,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v279 .iptvbc-client-sidebar-vip-icon-v271994{
    margin:0 0 12px!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-cta-v271103,
  #iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271994 > b{
    width:100%!important;
    min-width:0!important;
  }
}
