/* IPTV Belgique Commerce Engine v2.7.19.103
   Sidebar VIP card fix.
   Rebuilds the VIP upsell card with cleaner hierarchy and a real CTA button.
   Scope: client portal sidebar only. */

#iptvbc-client-app .iptvbc-client-sidebar-vip-v271103{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:start!important;
  gap:14px!important;
  padding:16px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 14%, rgba(245,158,11,.16), transparent 24%),
    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;
}

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

#iptvbc-client-app .iptvbc-client-sidebar-vip-v271103 .iptvbc-client-sidebar-vip-icon-v271994{
  width:44px!important;
  height:44px!important;
  border-radius:15px!important;
  color:#f59e0b!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{
  width:20px!important;
  height:20px!important;
  color:#fff!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-copy-v271103{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-title-v271103{
  display:block!important;
  margin:0!important;
  color:#172033!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-desc-v271103{
  display:block!important;
  margin:0!important;
  color:#5f6d85!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  font-style:normal!important;
  font-weight:650!important;
}

#iptvbc-client-app .iptvbc-client-sidebar-vip-cta-v271103{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:38px!important;
  margin-top:8px!important;
  padding:0 16px!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;
  box-shadow:0 10px 22px rgba(37,99,235,.08)!important;
}

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

#iptvbc-client-app .iptvbc-client-sidebar-vip-v271103:hover .iptvbc-client-sidebar-vip-cta-v271103{
  color:#1d4ed8!important;
  box-shadow:0 14px 26px rgba(37,99,235,.12)!important;
}

@media (max-width:1180px){
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271103{
    grid-template-columns:44px minmax(0,1fr)!important;
  }
}

@media (max-width:760px){
  #iptvbc-client-app .iptvbc-client-sidebar-vip-v271103{
    padding:14px!important;
    gap:12px!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-title-v271103{
    font-size:14px!important;
  }
  #iptvbc-client-app .iptvbc-client-sidebar-vip-desc-v271103{
    font-size:12px!important;
  }
}