/*
  BizFlow Phase 1J.1
  Hard public cleanup + premium mobile registration lock.
*/

/* Universal hard hide helpers */
.bf-1j1-hidden,
.bf-1j1-hidden * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Pricing payment alignment */
.bf-1j1-pricing-payment-centered {
  width: min(100% - 28px, 720px) !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  display: block !important;
  float: none !important;
}

.bf-1j1-pricing-payment-centered * {
  text-align: center !important;
}

/* Registration hard premium mobile layout */
body.bf-1j1-register-active {
  background:
    radial-gradient(circle at top left, rgba(215,179,90,.14), transparent 28%),
    linear-gradient(180deg, #001e12 0%, #00170e 45%, #00110a 100%) !important;
  color: #fff !important;
  min-height: 100vh !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.bf-1j1-register-active .bf-1j1-register-header {
  width: calc(100% - 24px) !important;
  max-width: 480px !important;
  margin: 10px auto 14px !important;
  padding: 13px 14px !important;
  box-sizing: border-box !important;
  border-radius: 22px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    rgba(0,25,15,.88) !important;
  border: 1px solid rgba(215,179,90,.32) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.20) !important;
}

body.bf-1j1-register-active .bf-1j1-register-head-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.bf-1j1-register-active .bf-1j1-register-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.bf-1j1-register-active .bf-1j1-register-logo {
  width: 42px !important;
  height: auto !important;
  max-height: 42px !important;
  object-fit: contain !important;
}

body.bf-1j1-register-active .bf-1j1-register-name {
  display: block !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  color: #fff !important;
  letter-spacing: -.02em !important;
}

body.bf-1j1-register-active .bf-1j1-register-sub {
  display: block !important;
  margin-top: 4px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  color: rgba(255,255,255,.72) !important;
}

body.bf-1j1-register-active .bf-1j1-register-language select,
body.bf-1j1-register-active .bf-1j1-register-language-select {
  width: 132px !important;
  max-width: 132px !important;
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  padding: 8px 32px 8px 12px !important;
  background: #fff !important;
  color: #102018 !important;
  border: 1px solid rgba(215,179,90,.35) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
}

body.bf-1j1-register-active .bf-1j1-register-mini {
  margin-top: 10px !important;
  padding-top: 9px !important;
  border-top: 1px solid rgba(215,179,90,.18) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: rgba(255,255,255,.82) !important;
}

/* Kill old register hero/card/branding once hard header is active */
body.bf-1j1-register-active .bf-1j1-register-old-hidden,
body.bf-1j1-register-active .bf-reg-v2-header,
body.bf-1j1-register-active .bf-register-real-logo-wrap,
body.bf-1j1-register-active .bf-heavy-noblestack-branding-hidden {
  display: none !important;
}

/* Form priority */
body.bf-1j1-register-active main,
body.bf-1j1-register-active .main,
body.bf-1j1-register-active .page,
body.bf-1j1-register-active .page-wrap,
body.bf-1j1-register-active .auth-page,
body.bf-1j1-register-active .auth-shell,
body.bf-1j1-register-active .register-shell,
body.bf-1j1-register-active .register-wrap,
body.bf-1j1-register-active .register-page,
body.bf-1j1-register-active .container,
body.bf-1j1-register-active .content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.bf-1j1-register-active .auth-layout,
body.bf-1j1-register-active .register-layout,
body.bf-1j1-register-active .registration-layout,
body.bf-1j1-register-active .auth-grid,
body.bf-1j1-register-active .register-grid,
body.bf-1j1-register-active .registration-grid {
  display: block !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.bf-1j1-register-active form {
  width: calc(100% - 24px) !important;
  max-width: 480px !important;
  min-width: 0 !important;
  margin: 0 auto 10px !important;
  padding: 0 0 12px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.bf-1j1-register-active form label,
body.bf-1j1-register-active label {
  display: block !important;
  margin: 0 0 7px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

body.bf-1j1-register-active form input,
body.bf-1j1-register-active form select,
body.bf-1j1-register-active form textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 56px !important;
  height: 56px !important;
  margin: 0 0 15px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  background: #fff !important;
  color: #101820 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.13) !important;
}

body.bf-1j1-register-active form button,
body.bf-1j1-register-active form [type="submit"],
body.bf-1j1-register-active .btn,
body.bf-1j1-register-active .button {
  width: 100% !important;
  min-height: 56px !important;
  border-radius: 16px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body.bf-1j1-register-active .bf-1j1-register-footer {
  width: calc(100% - 24px) !important;
  max-width: 480px !important;
  margin: 10px auto calc(18px + env(safe-area-inset-bottom)) !important;
  padding: 0 10px !important;
  text-align: center !important;
  color: rgba(255,255,255,.66) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.bf-1j1-register-active .bf-1j1-register-footer strong {
  color: #d7b35a !important;
  font-weight: 900 !important;
}

@media (max-width: 780px) {
  body.bf-1j1-register-active {
    padding-bottom: 92px !important;
  }
}