/* BDX UNLOCKER header logo final sizing + text alignment fix (2026-07-25) */
.header .head-main .bdx-header-brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  max-width:275px!important;
  height:auto!important;
  line-height:1!important;
  text-decoration:none!important;
  overflow:visible!important;
}
.header .head-main .bdx-header-brand .custom-logo{display:none!important;}
.header .head-main .bdx-header-brand .brand-cube-icon,
.header .head-main .bdx-header-brand.has-custom-logo .brand-cube-icon{
  display:block!important;
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  filter:drop-shadow(0 8px 18px rgba(73,64,255,.34))!important;
}
.header .head-main .bdx-header-brand .brand-copy{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.header .head-main .bdx-header-brand .brand-main,
.header .head-main .bdx-header-brand.has-custom-logo .brand-main{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:28px!important;
  line-height:.96!important;
  font-weight:950!important;
  letter-spacing:-1.15px!important;
  white-space:nowrap!important;
  color:#f4f7fb!important;
  text-transform:uppercase!important;
  text-shadow:0 3px 14px rgba(0,0,0,.30)!important;
}
.header .head-main .bdx-header-brand .brand-main > span{
  color:var(--orange,#ff6a00)!important;
}
.header .head-main .bdx-header-brand .brand-sub{display:none!important;}
html[data-theme="light"] body:not(.admin-body) .header .head-main .bdx-header-brand .brand-main,
html.light-mode body:not(.admin-body) .header .head-main .bdx-header-brand .brand-main,
html.white-mode body:not(.admin-body) .header .head-main .bdx-header-brand .brand-main{
  color:#111923!important;
  text-shadow:none!important;
}

/* Footer branding stays aligned with the same cube + BDX UNLOCKER identity. */
.footer-brand .footer-brand-head{display:flex!important;align-items:center!important;gap:11px!important;}
.footer-brand .footer-brand-cube-logo{width:58px!important;height:58px!important;flex:0 0 58px!important;object-fit:contain!important;background:transparent!important;}
.footer-brand .footer-brand-head .brand-main{font-size:27px!important;line-height:1!important;font-weight:950!important;letter-spacing:-1px!important;white-space:nowrap!important;}

@media(max-width:1100px){
  .header .head-main .bdx-header-brand{gap:8px!important;max-width:235px!important;}
  .header .head-main .bdx-header-brand .brand-cube-icon,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-cube-icon{width:50px!important;height:50px!important;flex-basis:50px!important;}
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{font-size:24px!important;letter-spacing:-1px!important;}
}
@media(max-width:620px){
  .header .head-main .bdx-header-brand{gap:7px!important;max-width:198px!important;}
  .header .head-main .bdx-header-brand .brand-cube-icon,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-cube-icon{width:42px!important;height:42px!important;flex-basis:42px!important;}
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{font-size:19px!important;letter-spacing:-.72px!important;line-height:1!important;}
  .footer-brand .footer-brand-cube-logo{width:48px!important;height:48px!important;flex-basis:48px!important;}
  .footer-brand .footer-brand-head .brand-main{font-size:22px!important;}
}
@media(max-width:390px){
  .header .head-main .bdx-header-brand{gap:6px!important;max-width:185px!important;}
  .header .head-main .bdx-header-brand .brand-cube-icon,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-cube-icon{width:39px!important;height:39px!important;flex-basis:39px!important;}
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{font-size:18px!important;letter-spacing:-.65px!important;}
}

/* 2026-07-26: larger cube + reference-matched multicolor BDX UNLOCKER wordmark */
.header .head-main .bdx-header-brand{
  gap:11px!important;
  max-width:286px!important;
}
.header .head-main .bdx-header-brand .brand-cube-icon,
.header .head-main .bdx-header-brand.has-custom-logo .brand-cube-icon{
  width:62px!important;
  height:62px!important;
  flex:0 0 62px!important;
  transform:scale(1.14)!important;
  transform-origin:center!important;
  filter:
    drop-shadow(0 9px 18px rgba(73,42,255,.42))
    drop-shadow(0 0 9px rgba(26,177,255,.24))!important;
}
.header .head-main .bdx-header-brand .brand-main,
.header .head-main .bdx-header-brand.has-custom-logo .brand-main{
  display:inline-block!important;
  font-family:"Arial Black","Roboto Black","Segoe UI Black",system-ui,sans-serif!important;
  font-size:29px!important;
  line-height:.92!important;
  font-weight:1000!important;
  letter-spacing:-1.55px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.25px rgba(255,255,255,.14)!important;
  background-image:linear-gradient(
    93deg,
    #24d9ff 0%,
    #078cff 8%,
    #ffb32d 18%,
    #d13cff 29%,
    #58d8ff 35%,
    #3c86ff 51%,
    #ad49ff 72%,
    #ff922b 100%
  )!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:none!important;
  transform:scaleX(.74)!important;
  transform-origin:left center!important;
  filter:
    drop-shadow(0 2px 1px rgba(0,0,0,.72))
    drop-shadow(0 0 7px rgba(73,132,255,.28))!important;
}
.header .head-main .bdx-header-brand .brand-main > span,
.header .head-main .bdx-header-brand.has-custom-logo .brand-main > span{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
html[data-theme="light"] body:not(.admin-body) .header .head-main .bdx-header-brand .brand-main,
html.light-mode body:not(.admin-body) .header .head-main .bdx-header-brand .brand-main,
html.white-mode body:not(.admin-body) .header .head-main .bdx-header-brand .brand-main{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  filter:
    drop-shadow(0 2px 1px rgba(14,28,52,.28))
    drop-shadow(0 0 6px rgba(73,132,255,.18))!important;
}
html[data-theme="light"] body:not(.admin-body) .header .head-main .bdx-header-brand .brand-main > span,
html.light-mode body:not(.admin-body) .header .head-main .bdx-header-brand .brand-main > span,
html.white-mode body:not(.admin-body) .header .head-main .bdx-header-brand .brand-main > span{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
@media(max-width:1100px){
  .header .head-main .bdx-header-brand{gap:9px!important;max-width:245px!important;}
  .header .head-main .bdx-header-brand .brand-cube-icon,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-cube-icon{
    width:54px!important;
    height:54px!important;
    flex-basis:54px!important;
    transform:scale(1.15)!important;
  }
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{
    font-size:24px!important;
    letter-spacing:-1.2px!important;
    transform:scaleX(.80)!important;
  }
}
@media(max-width:620px){
  .header .head-main .bdx-header-brand{gap:7px!important;max-width:198px!important;}
  .header .head-main .bdx-header-brand .brand-cube-icon,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-cube-icon{
    width:45px!important;
    height:45px!important;
    flex-basis:45px!important;
    transform:scale(1.18)!important;
  }
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{
    font-size:19px!important;
    letter-spacing:-.82px!important;
    line-height:.94!important;
    transform:scaleX(.80)!important;
  }
}
@media(max-width:390px){
  .header .head-main .bdx-header-brand{gap:6px!important;max-width:185px!important;}
  .header .head-main .bdx-header-brand .brand-cube-icon,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-cube-icon{
    width:43px!important;
    height:43px!important;
    flex-basis:43px!important;
    transform:scale(1.17)!important;
  }
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{
    font-size:18px!important;
    letter-spacing:-.72px!important;
    transform:scaleX(.80)!important;
  }
}

/* 2026-07-26 v4: mobile-only stacked wordmark; all header/menu layout stays unchanged */
@media(max-width:620px){
  .header .head-main .bdx-header-brand{
    gap:7px!important;
    max-width:164px!important;
  }
  .header .head-main .bdx-header-brand .brand-copy{
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:0!important;
    width:max-content!important;
    max-width:none!important;
    font-size:18px!important;
    line-height:.82!important;
    letter-spacing:-.48px!important;
    text-align:left!important;
    transform:scaleX(.88)!important;
    transform-origin:left center!important;
  }
  .header .head-main .bdx-header-brand .brand-main > span,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main > span{
    display:block!important;
    margin:0!important;
    padding:0!important;
    line-height:.82!important;
  }
}

@media(max-width:390px){
  .header .head-main .bdx-header-brand{
    gap:6px!important;
    max-width:156px!important;
  }
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{
    font-size:17px!important;
    letter-spacing:-.42px!important;
    transform:scaleX(.87)!important;
  }
}

/* 2026-07-26 v6: full wordmark uses blue / orange / purple */
.header .head-main .bdx-header-brand .brand-main,
.header .head-main .bdx-header-brand.has-custom-logo .brand-main{
  --bdx-wordmark-font-size:29px;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  width:max-content!important;
  max-width:none!important;
  font-size:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-text-fill-color:transparent!important;
}
.header .head-main .bdx-header-brand .brand-main::before,
.header .head-main .bdx-header-brand .brand-main::after,
.header .head-main .bdx-header-brand.has-custom-logo .brand-main::before,
.header .head-main .bdx-header-brand.has-custom-logo .brand-main::after{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  font-family:"Arial Black","Roboto Black","Segoe UI Black",system-ui,sans-serif!important;
  font-size:var(--bdx-wordmark-font-size)!important;
  line-height:.92!important;
  font-weight:1000!important;
  letter-spacing:-1.05px!important;
  white-space:nowrap!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-position:center!important;
  -webkit-text-stroke:.22px rgba(255,255,255,.18)!important;
}
.header .head-main .bdx-header-brand .brand-main::before,
.header .head-main .bdx-header-brand.has-custom-logo .brand-main::before{
  content:"BDX"!important;
  background-image:linear-gradient(
    98deg,
    #20b8ff 0%,
    #0080f0 31%,
    #ffb02e 35%,
    #ff6500 63%,
    #c060f0 68%,
    #7030f0 100%
  )!important;
}
.header .head-main .bdx-header-brand .brand-main::after,
.header .head-main .bdx-header-brand.has-custom-logo .brand-main::after{
  content:"UNLOCKER"!important;
  margin-left:7px!important;
  background-image:linear-gradient(
    98deg,
    #20b8ff 0%,
    #0080f0 28%,
    #ffae28 43%,
    #ff6200 61%,
    #c060f0 77%,
    #7030f0 100%
  )!important;
}
.header .head-main .bdx-header-brand .brand-main > span,
.header .head-main .bdx-header-brand.has-custom-logo .brand-main > span{
  display:none!important;
}

@media(max-width:1100px){
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{
    --bdx-wordmark-font-size:24px;
  }
  .header .head-main .bdx-header-brand .brand-main::after,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main::after{
    margin-left:6px!important;
  }
}
@media(max-width:620px){
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{
    --bdx-wordmark-font-size:18px;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:0!important;
  }
  .header .head-main .bdx-header-brand .brand-main::before,
  .header .head-main .bdx-header-brand .brand-main::after,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main::before,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main::after{
    line-height:.82!important;
    letter-spacing:-.48px!important;
    margin-left:0!important;
  }
}
@media(max-width:390px){
  .header .head-main .bdx-header-brand .brand-main,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main{
    --bdx-wordmark-font-size:17px;
  }
  .header .head-main .bdx-header-brand .brand-main::before,
  .header .head-main .bdx-header-brand .brand-main::after,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main::before,
  .header .head-main .bdx-header-brand.has-custom-logo .brand-main::after{
    letter-spacing:-.42px!important;
  }
}

/* 2026-07-26 v7: PC-only cube/wordmark separation */
@media(min-width:901px) and (max-width:1100px){
  .header .head-main .bdx-header-brand .brand-copy{
    margin-left:14px!important;
  }
}
@media(min-width:1101px){
  .header .head-main .bdx-header-brand .brand-copy{
    margin-left:16px!important;
  }
}