/* Golden Crest auth compatibility layer.
   Restores the shared branded container around Power Pages single-form auth pages
   without moving or rebuilding the forms. */

ul.nav.nav-tabs.nav-account .nav-link {
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading)),
.gch-auth-row--single {
  display: block !important;
  width: 100% !important;
  min-height: 560px !important;
  margin: 0 0 3rem !important;
  padding: 0 0 0 340px !important;
  border: 1px solid rgba(76,65,47,.17) !important;
  border-radius: 0 24px 24px 24px !important;
  background: #fffdf9 !important;
  box-shadow: 0 24px 60px rgba(43,36,27,.13) !important;
  overflow: hidden !important;
  position: relative !important;
  box-sizing: border-box !important;
}

ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading))::before,
.gch-auth-row--single::before {
  content: "Welcome\A home.";
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  display: flex !important;
  width: 340px !important;
  padding: 235px 38px 170px !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #1f1d19 !important;
  background-image: url('/GCH Logo White.png'), linear-gradient(135deg,rgba(215,181,94,.08) 1px,transparent 1px), linear-gradient(45deg,rgba(215,181,94,.045) 1px,transparent 1px), radial-gradient(circle at 18% 10%,rgba(215,181,94,.14),transparent 34%) !important;
  background-repeat: no-repeat,repeat,repeat,no-repeat !important;
  background-position: center 58px,0 0,0 0,0 0 !important;
  background-size: 150px auto,34px 34px,34px 34px,auto !important;
  color: #d7b55e !important;
  font-family: Georgia,"Times New Roman",serif !important;
  font-size: 3.35rem !important;
  font-weight: 500 !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  text-align: center !important;
  white-space: pre-line !important;
  box-sizing: border-box !important;
}

ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading))::after,
.gch-auth-row--single::after {
  content: "Your Golden Crest account keeps your homebuilding journey organized in one place.";
  position: absolute !important;
  left: 28px !important;
  bottom: 52px !important;
  width: 284px !important;
  padding: 22px 0 0 !important;
  border-top: 1px solid #d7b55e !important;
  color: rgba(248,245,237,.84) !important;
  font-size: .9rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.gch-auth-row--single.gch-auth-mode-signup::before { content: "Create your\A account."; }
.gch-auth-row--single.gch-auth-mode-signup::after { content: "Save your information and keep your Golden Crest homebuilding journey organized in one place."; }
.gch-auth-row--single.gch-auth-mode-redeem::before { content: "You're\A invited."; }
.gch-auth-row--single.gch-auth-mode-redeem::after { content: "Redeem your Golden Crest invitation to activate your account and continue your personalized journey."; }

html[lang^="es" i] .gch-auth-row--single.gch-auth-mode-signup::before { content: "Crea tu\A cuenta."; }
html[lang^="es" i] .gch-auth-row--single.gch-auth-mode-signup::after { content: "Guarda tu información y mantén organizada tu experiencia de construcción con Golden Crest."; }
html[lang^="es" i] .gch-auth-row--single.gch-auth-mode-redeem::before { content: "Estás\A invitado."; }
html[lang^="es" i] .gch-auth-row--single.gch-auth-mode-redeem::after { content: "Canjea tu invitación de Golden Crest para activar tu cuenta y continuar tu experiencia personalizada."; }

ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading)) > [class*="col-"],
.gch-auth-row--single > [class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(2.2rem,4vw,3.25rem) !important;
  background: #fffdf9 !important;
  box-sizing: border-box !important;
}

ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading)) button[type="submit"],
ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading)) input[type="submit"],
.gch-auth-row--single button[type="submit"],
.gch-auth-row--single input[type="submit"] {
  min-height: 48px !important;
  padding: .75rem 1.1rem !important;
  border: 1px solid #d7b55e !important;
  border-radius: 8px !important;
  background: #d7b55e !important;
  color: #1c180f !important;
  font-weight: 800 !important;
}

.gch-auth-switch {
  margin: .9rem 0 0 !important;
  color: #625b50 !important;
  font-size: .9rem !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

.gch-auth-switch a {
  color: #805f1c !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* Desktop balance: tighten the brand column without touching the form columns. */
@media (min-width: 901px) {
  .row:has(> .col-md-6 #local-login-heading):has(> .col-md-6 #external-login-heading)::before,
  ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading))::before,
  .gch-auth-row--single::before {
    padding: 205px 34px 150px !important;
    background-position: center 42px,0 0,0 0,0 0 !important;
    background-size: 132px auto,34px 34px,34px 34px,auto !important;
    font-size: 3.1rem !important;
    line-height: .96 !important;
  }

  .row:has(> .col-md-6 #local-login-heading):has(> .col-md-6 #external-login-heading)::after,
  ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading))::after,
  .gch-auth-row--single::after {
    left: 30px !important;
    bottom: 40px !important;
    width: 280px !important;
    padding: 18px 4px 0 !important;
    border-top-width: 1px !important;
    font-size: .92rem !important;
    line-height: 1.48 !important;
    transform: none !important;
  }
}

@media (max-width: 767px) {
  ul.nav.nav-tabs.nav-account {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  ul.nav.nav-tabs.nav-account > li.nav-item { min-width: 0 !important; }
  ul.nav.nav-tabs.nav-account .nav-link {
    min-width: 0 !important;
    padding: .7rem .45rem !important;
    font-size: clamp(.72rem,3.35vw,.84rem) !important;
    white-space: normal !important;
  }
  ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading)),
  .gch-auth-row--single {
    min-height: 0 !important;
    padding: 330px 0 0 !important;
    border-radius: 0 0 20px 20px !important;
  }
  ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading))::before,
  .gch-auth-row--single::before {
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: 330px !important;
    padding: 145px 1.4rem 105px !important;
    background-position: center 28px,0 0,0 0,0 0 !important;
    background-size: 108px auto,34px 34px,34px 34px,auto !important;
    font-size: clamp(2.35rem,10.5vw,2.8rem) !important;
  }
  ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading))::after,
  .gch-auth-row--single::after {
    left: 10% !important;
    top: 245px !important;
    bottom: auto !important;
    width: 80% !important;
    padding-top: 15px !important;
    font-size: clamp(.82rem,3.6vw,.92rem) !important;
    line-height: 1.45 !important;
  }
  ul.nav.nav-tabs.nav-account ~ .row:has(form):not(:has(#local-login-heading)) > [class*="col-"],
  .gch-auth-row--single > [class*="col-"] { padding: 1.5rem !important; }
}