/* IPTV Belgique Commerce v2.7.19.49 — Font Awesome finalizer
   Purpose: render real FontAwesome glyphs through stable DOM <i> nodes, neutralize old mask/SVG leftovers, and keep icons crisp inside the client portal. */
#iptvbc-client-app{
  --iptvbc-fa-family:"Font Awesome 6 Free";
  --iptvbc-fa-green:#047857;
  --iptvbc-fa-teal:#0f766e;
  --iptvbc-fa-ink:#0f172a;
  --iptvbc-fa-amber:#b45309;
}
#iptvbc-client-app .fa-solid,
#iptvbc-client-app .fa-solid::before{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  speak:never;
}

/* Buttons: Copier / Afficher — real FontAwesome icons, not SVG masks. */
#iptvbc-client-app .iptvbc-copy-btn .iptvbc-btn-icon,
#iptvbc-client-app .iptvbc-toggle-secret .iptvbc-btn-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  border-radius:10px!important;
  line-height:1!important;
  font-size:0!important;
  color:currentColor!important;
  -webkit-mask:none!important;
  mask:none!important;
}
#iptvbc-client-app .iptvbc-copy-btn .iptvbc-btn-icon::before,
#iptvbc-client-app .iptvbc-toggle-secret .iptvbc-btn-icon::before{
  content:none!important;
  display:none!important;
}
#iptvbc-client-app .iptvbc-copy-btn .iptvbc-btn-icon i,
#iptvbc-client-app .iptvbc-toggle-secret .iptvbc-btn-icon i{
  display:inline-grid!important;
  place-items:center!important;
  width:15px!important;
  height:15px!important;
  color:currentColor!important;
  font-size:13px!important;
  line-height:1!important;
  background:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
}

/* Trust pills below the hero title. */
#iptvbc-client-app .iptvbc-access-trust-row-v2710 span{
  gap:7px!important;
}
#iptvbc-client-app .iptvbc-access-trust-row-v2710 span i.fa-solid{
  display:inline-grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#ecfdf5,#ffffff)!important;
  border:1px solid rgba(16,185,129,.18)!important;
  color:var(--iptvbc-fa-green)!important;
  font-size:12px!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(16,185,129,.10)!important;
  -webkit-mask:none!important;
  mask:none!important;
}
#iptvbc-client-app .iptvbc-access-trust-row-v2710 span i.fa-solid::before{
  display:block!important;
  width:auto!important;
  height:auto!important;
  color:currentColor!important;
  background:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
}

/* Access group headings: real icons in a dedicated node, no empty circles. */
#iptvbc-client-app .iptvbc-access-field-group-v2700 details>summary{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-areas:"icon title" "icon help"!important;
  align-items:center!important;
  gap:2px 12px!important;
}
#iptvbc-client-app .iptvbc-access-group-fa-v271949{
  grid-area:icon!important;
  display:grid!important;
  place-items:center!important;
  width:35px!important;
  height:35px!important;
  min-width:35px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#ecfdf5,#ffffff)!important;
  border:1px solid rgba(16,185,129,.18)!important;
  color:var(--iptvbc-fa-green)!important;
  box-shadow:0 12px 26px rgba(16,185,129,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#iptvbc-client-app .iptvbc-access-group-fa-v271949 i{
  display:block!important;
  color:currentColor!important;
  font-size:15px!important;
  line-height:1!important;
}
#iptvbc-client-app .iptvbc-access-field-group-v2700.is-group-connection .iptvbc-access-group-fa-v271949{
  color:var(--iptvbc-fa-teal)!important;
}
#iptvbc-client-app .iptvbc-access-field-group-v2700.is-group-expiration .iptvbc-access-group-fa-v271949{
  color:var(--iptvbc-fa-amber)!important;
  background:linear-gradient(145deg,#fff7ed,#ffffff)!important;
  border-color:rgba(245,158,11,.22)!important;
}
#iptvbc-client-app .iptvbc-access-field-group-v2700 details>summary strong{
  grid-area:title!important;
  min-height:0!important;
  padding-left:0!important;
  display:block!important;
}
#iptvbc-client-app .iptvbc-access-field-group-v2700 details>summary strong::before,
#iptvbc-client-app .iptvbc-access-field-group-v2700 details>summary strong::after{
  content:none!important;
  display:none!important;
}
#iptvbc-client-app .iptvbc-access-field-group-v2700 details>summary small{
  grid-area:help!important;
}

/* Access accordion chevron remains FontAwesome and visible. */
#iptvbc-client-app .iptvbc-access-accordion-v2700>summary>i{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:14px!important;
  background:rgba(20,184,166,.10)!important;
  border:1px solid rgba(20,184,166,.18)!important;
  color:var(--iptvbc-fa-teal)!important;
  font-size:0!important;
  line-height:1!important;
  -webkit-mask:none!important;
  mask:none!important;
}
#iptvbc-client-app .iptvbc-access-accordion-v2700>summary>i::before{
  content:"\f077"!important;
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:11px!important;
  line-height:1!important;
  color:currentColor!important;
  background:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
}
#iptvbc-client-app .iptvbc-access-accordion-v2700:not([open])>summary>i::before{
  content:"\f078"!important;
}

/* Bottom support block: replace the old empty dark square with a real headset glyph. */
#iptvbc-client-app .iptvbc-access-support-v2700{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
}
#iptvbc-client-app .iptvbc-access-support-v2700::before,
#iptvbc-client-app .iptvbc-access-support-v2700::after{
  content:none!important;
  display:none!important;
}
#iptvbc-client-app .iptvbc-access-support-icon-v271949{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#0f172a,#134e4a)!important;
  color:#ffffff!important;
  box-shadow:0 18px 34px rgba(15,23,42,.20),0 0 0 9px rgba(20,184,166,.06)!important;
}
#iptvbc-client-app .iptvbc-access-support-icon-v271949 i{
  display:block!important;
  color:currentColor!important;
  font-size:20px!important;
  line-height:1!important;
}

/* Client topbar: use real <i> FA icons instead of drawn pseudo-shapes. */
#iptvbc-client-app .iptvbc-topbar-live-glyph-v271941{
  display:grid!important;
  place-items:center!important;
  width:21px!important;
  height:21px!important;
  color:currentColor!important;
  font-size:0!important;
  line-height:1!important;
  -webkit-mask:none!important;
  mask:none!important;
}
#iptvbc-client-app .iptvbc-topbar-live-glyph-v271941::before,
#iptvbc-client-app .iptvbc-topbar-live-glyph-v271941::after{
  content:none!important;
  display:none!important;
}
#iptvbc-client-app .iptvbc-topbar-live-glyph-v271941 i.fa-solid{
  display:block!important;
  color:currentColor!important;
  font-size:16px!important;
  line-height:1!important;
  background:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
}
#iptvbc-client-app .iptvbc-client-top-icon-bell-v271941 .iptvbc-topbar-live-glyph-v271941 i.fa-solid{
  font-size:15px!important;
}
#iptvbc-client-app .iptvbc-topbar-live-glyph-bell-v271941 b,
#iptvbc-client-app .iptvbc-topbar-live-glyph-support-v271941 b{
  display:none!important;
}

/* Order timeline: real FontAwesome icons inside the step circle. */
.iptvbc-client-unified-v273.is-section-orders .iptvbc-order-progress-shell-v271818 .iptvbc-order-step-dot::before{
  content:none!important;
  display:none!important;
}
.iptvbc-client-unified-v273.is-section-orders .iptvbc-order-progress-shell-v271818 .iptvbc-order-step-dot i.fa-solid{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  color:var(--iptvbc-step-icon-color,#64748b)!important;
  font-size:16px!important;
  line-height:1!important;
  background:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
}
.iptvbc-client-unified-v273.is-section-orders .iptvbc-order-progress-shell-v271818 .iptvbc-order-progress-steps li.is-done .iptvbc-order-step-dot i.fa-solid,
.iptvbc-client-unified-v273.is-section-orders .iptvbc-order-progress-shell-v271818 .iptvbc-order-progress-steps li.is-current .iptvbc-order-step-dot i.fa-solid{
  color:#ffffff!important;
}
.iptvbc-client-unified-v273.is-section-orders .iptvbc-order-progress-shell-v271818 .iptvbc-order-progress-summary::after{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  -webkit-mask:none!important;
  mask:none!important;
}

@media(max-width:760px){
  #iptvbc-client-app .iptvbc-access-support-v2700{
    grid-template-columns:1fr!important;
    text-align:left!important;
  }
  #iptvbc-client-app .iptvbc-access-support-icon-v271949{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
  #iptvbc-client-app .iptvbc-access-field-group-v2700 details>summary{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
}