/* IPTV Belgique Commerce Engine v2.7.19.1 — Access page, secure credential and multi-delivery client legacy styles.
   Extracted from the previous monolithic assets/css/commerce.css.
   Keep module order unchanged unless a visual regression audit is performed. */

/* IPTV Belgique Commerce v2.6.66 — Access Page Premium Layout Fix
   Dedicated visual correction for "Mes accès": balanced premium cards, no empty right side,
   stronger copy/reveal actions, clear sections, desktop 3/2/1 layout and clean mobile stacking. */

.iptvbc-client-portal-v2637.is-section-access{
  --access-card:#ffffff;
  --access-soft:#f8fcfc;
  --access-border:#dfeaec;
  --access-text:#142033;
  --access-muted:#667085;
  --access-teal:#00b8a9;
  --access-teal-dark:#009e92;
  --access-teal-soft:#e9fbf9;
  --access-gold:#f2c979;
  --access-gold-soft:#fff7e7;
  --access-blue-soft:#eef8ff;
  --access-shadow:0 18px 42px rgba(20,32,51,.07);
}

/* Keep the whole access section centered, calmer and easier to scan */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-v265,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-v2629{
  display:grid!important;
  gap:18px!important;
  padding:24px!important;
  border-radius:30px!important;
  border:1px solid var(--access-border)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfefe 100%)!important;
  box-shadow:0 24px 60px rgba(20,32,51,.08)!important;
  overflow:hidden!important;
}

.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
  padding:0 0 20px!important;
  margin:0!important;
  border-bottom:1px solid var(--access-border)!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-head h3{
  margin:10px 0 6px!important;
  color:var(--access-text)!important;
  font-size:clamp(2rem,3.5vw,3rem)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-note{
  max-width:62ch!important;
  margin:0!important;
  color:var(--access-muted)!important;
  font-weight:720!important;
  line-height:1.6!important;
}

/* Delivery container: remove inherited generic "all div = grid" problems */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v269,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v2633{
  display:grid!important;
  gap:20px!important;
  padding:22px!important;
  border-radius:28px!important;
  border:1px solid var(--access-border)!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(0,184,169,.055),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#fcfefe 100%)!important;
  box-shadow:var(--access-shadow)!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v269 > div,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v2633 > div{
  min-width:0!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  justify-items:start!important;
  padding:0 0 4px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-head h3{
  margin:0!important;
  color:var(--access-text)!important;
  font-size:clamp(1.55rem,2.7vw,2.3rem)!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
}

/* The actual premium grid */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v269 .iptvbc-access-fields-grid,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v2633 .iptvbc-access-fields-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  align-items:stretch!important;
}

/* Section separators inside the grid */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-group-title{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-width:0!important;
  margin:6px 0 -2px!important;
  padding:14px 16px!important;
  border-radius:20px!important;
  border:1px solid rgba(223,234,236,.92)!important;
  background:linear-gradient(135deg,#fffdf7 0%,#ffffff 55%,#f3fffd 100%)!important;
  box-shadow:0 12px 28px rgba(20,32,51,.045)!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-group-title span{
  color:var(--access-text)!important;
  font-size:1.02rem!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-group-title small{
  max-width:52ch!important;
  color:var(--access-muted)!important;
  font-size:.84rem!important;
  font-weight:720!important;
  line-height:1.42!important;
  text-align:right!important;
}

/* Cards */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(84px,1fr) auto!important;
  gap:12px!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  padding:16px!important;
  border-radius:24px!important;
  border:1px solid var(--access-border)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfefe 100%)!important;
  box-shadow:0 14px 34px rgba(20,32,51,.055)!important;
  overflow:hidden!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item:before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--access-teal),rgba(242,201,121,.85),transparent)!important;
  opacity:.78!important;
}

/* Strategic spanning to remove empty right side and improve visual balance */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-xtream-url,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-m3u-url,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-portal-url,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-mag-portal{
  grid-column:1/-1!important;
  grid-template-rows:auto minmax(96px,auto) auto!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-client-note{
  grid-column:span 2!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-delivery-note{
  grid-column:1/-1!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-expires-at{
  grid-column:span 1!important;
}

/* Top row */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-field-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-label{
  display:block!important;
  min-width:0!important;
  color:#b98721!important;
  font-size:.70rem!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
  overflow-wrap:anywhere!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-secure{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(0,184,169,.18)!important;
  background:var(--access-teal-soft)!important;
  color:var(--access-teal-dark)!important;
  font-size:.66rem!important;
  font-weight:950!important;
}

/* Protected/visible value area */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-value{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:14px 15px!important;
  border-radius:18px!important;
  border:1px solid rgba(223,234,236,.96)!important;
  background:linear-gradient(180deg,#f8fcfc,#ffffff)!important;
  color:var(--access-text)!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
  font-size:.88rem!important;
  font-weight:780!important;
  line-height:1.65!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  overflow:auto!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-value.is-protected{
  color:#3f4b5f!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-long-value .iptvbc-access-value{
  min-height:96px!important;
  max-height:220px!important;
  align-items:flex-start!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-xtream-url .iptvbc-access-value,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-m3u-url .iptvbc-access-value,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-portal-url .iptvbc-access-value,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-mag-portal .iptvbc-access-value{
  min-height:112px!important;
}

/* Actions become real touchable premium CTAs */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:center!important;
  margin:0!important;
  width:100%!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-actions .button,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-copy-btn,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-toggle-secret{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  border:1px solid rgba(0,184,169,.22)!important;
  background:var(--access-teal-soft)!important;
  color:var(--access-teal-dark)!important;
  font-size:.86rem!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 10px 22px rgba(0,184,169,.10)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-access-actions .button:hover,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-copy-btn:hover,
.iptvbc-client-portal-v2637.is-section-access .iptvbc-toggle-secret:hover{
  transform:translateY(-1px)!important;
  background:#dcfbf7!important;
  box-shadow:0 14px 28px rgba(0,184,169,.16)!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-copy-btn.is-copied{
  background:#ecfbf8!important;
  color:#00897e!important;
  border-color:rgba(0,184,169,.30)!important;
}

/* Non-copyable information cards keep a calmer layout */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item:not(.is-protected) .iptvbc-access-actions{
  display:none!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item:not(.is-protected){
  grid-template-rows:auto minmax(70px,1fr)!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-expires-at .iptvbc-access-value{
  min-height:70px!important;
  font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:1rem!important;
  font-weight:900!important;
}

/* Security strip */
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-warning{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:16px 18px!important;
  border-radius:22px!important;
  border:1px solid #bfdbfe!important;
  background:linear-gradient(180deg,#eff8ff,#ffffff)!important;
  color:#1d4ed8!important;
  box-shadow:0 12px 30px rgba(37,99,235,.06)!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-warning strong{
  flex:0 0 auto!important;
  color:#1d4ed8!important;
  font-weight:950!important;
}
.iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-warning span{
  color:#315fbd!important;
  font-weight:760!important;
  line-height:1.55!important;
}

/* Desktop/tablet refinements */
@media(max-width:1080px){
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v269 .iptvbc-access-fields-grid,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v2633 .iptvbc-access-fields-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-client-note,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-delivery-note,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-xtream-url,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-m3u-url,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-portal-url,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-mag-portal{
    grid-column:1/-1!important;
  }
}
@media(max-width:760px){
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-v265,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-v2629{
    padding:16px!important;
    border-radius:24px!important;
  }
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-head{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v269,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v2633{
    padding:16px!important;
    border-radius:22px!important;
  }
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v269 .iptvbc-access-fields-grid,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-delivery-box-v2633 .iptvbc-access-fields-grid{
    grid-template-columns:1fr!important;
    gap:13px!important;
  }
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-access-group-title{
    display:grid!important;
    gap:5px!important;
    align-items:start!important;
    padding:13px!important;
  }
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-access-group-title small{
    text-align:left!important;
    font-size:.80rem!important;
  }
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-client-note,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-delivery-note,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-xtream-url,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-m3u-url,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-portal-url,
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-client-access-item.is-field-mag-portal{
    grid-column:1/-1!important;
  }
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-access-actions{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:420px){
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-access-actions{
    grid-template-columns:1fr!important;
  }
  .iptvbc-client-portal-v2637.is-section-access .iptvbc-access-value{
    font-size:.82rem!important;
  }
}


/* IPTV Belgique Commerce v2.6.67 — Client Portal Poppins Typography Fix
   Poppins is now the default typography for the whole customer area.
   Technical IPTV values keep a monospace stack for copy/readability. */

.iptvbc-client-portal-v2637,
.iptvbc-client-gateway-shell-v2654,
.iptvbc-client-portal-v2637 *,
.iptvbc-client-gateway-shell-v2654 *{
  font-family:Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif!important;
}

.iptvbc-client-portal-v2637 h1,
.iptvbc-client-portal-v2637 h2,
.iptvbc-client-portal-v2637 h3,
.iptvbc-client-portal-v2637 h4,
.iptvbc-client-portal-v2637 h5,
.iptvbc-client-portal-v2637 h6,
.iptvbc-client-gateway-shell-v2654 h1,
.iptvbc-client-gateway-shell-v2654 h2,
.iptvbc-client-gateway-shell-v2654 h3,
.iptvbc-client-gateway-shell-v2654 h4,
.iptvbc-client-gateway-shell-v2654 h5,
.iptvbc-client-gateway-shell-v2654 h6{
  font-family:Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif!important;
}

/* Preserve technical readability for IPTV credentials, URLs, M3U links and code-like values. */
.iptvbc-client-portal-v2637 code,
.iptvbc-client-portal-v2637 pre,
.iptvbc-client-gateway-shell-v2654 code,
.iptvbc-client-gateway-shell-v2654 pre,
.iptvbc-client-portal-v2637 .iptvbc-access-value,
.iptvbc-client-portal-v2637 .iptvbc-copy-value,
.iptvbc-client-portal-v2637 .iptvbc-delivery-value,
.iptvbc-client-portal-v2637 .iptvbc-client-access-item dd,
.iptvbc-client-portal-v2637 .iptvbc-client-access-item.is-protected .iptvbc-access-value,
.iptvbc-client-portal-v2637 .iptvbc-client-access-item.is-secret .iptvbc-access-value,
.iptvbc-client-portal-v2637 .iptvbc-client-access-item.is-long-value .iptvbc-access-value,
.iptvbc-client-portal-v2637 [data-access-field] .iptvbc-access-value{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important;
}

/* Poppins is wider than Inter: slightly improve dense mobile text rhythm without changing layout. */
@media(max-width:680px){
  .iptvbc-client-portal-v2637,
  .iptvbc-client-gateway-shell-v2654{
    letter-spacing:-.004em!important;
  }
  .iptvbc-client-portal-v2637 p,
  .iptvbc-client-gateway-shell-v2654 p,
  .iptvbc-client-portal-v2637 small,
  .iptvbc-client-gateway-shell-v2654 small{
    line-height:1.62!important;
  }
}