/* ==========================================================================
   HSBG Club — profile / signup page
   Loaded after hsbg-theme.css.
   ========================================================================== */

.ftco-section{ padding: 50px 0; position:relative; z-index:2; }

.hb-profile-table.table{
  background:linear-gradient(180deg, var(--hb-panel-2), var(--hb-panel)) !important;
  border:1px solid var(--hb-line-bright) !important;
  border-radius:4px !important;
  padding:10px;
}
.hb-profile-table td{
  color:var(--hb-parchment) !important; padding:10px 14px !important;
  border-top:1px solid var(--hb-line) !important; vertical-align:middle !important;
}

.hb-profile-table .form-control{
  background:rgba(0,0,0,0.35) !important; border:1px solid var(--hb-line-bright) !important;
  color:var(--hb-parchment) !important; border-radius:3px !important;
}
.hb-profile-table .form-control:focus{
  border-color:var(--hb-gold-bright) !important;
  box-shadow:0 0 0 3px rgba(212,166,54,0.15) !important;
}
.hb-profile-table .form-control[readonly]{
  opacity:0.75; border-color:var(--hb-jade-bright) !important;
}

.hb-profile-table select.input, .hb-profile-table select{
  background:rgba(0,0,0,0.35) !important; border:1px solid var(--hb-line-bright) !important;
  color:var(--hb-parchment) !important; border-radius:3px !important;
}

/* Battle.net link banner */
.hb-bnet-link-msg.alert-info{
  max-width:520px; margin:0 auto 20px !important; padding:12px 20px !important;
  text-align:center; background:rgba(0,174,255,0.12) !important;
  border:1px solid rgba(0,174,255,0.4) !important; color:#5cc8ff !important;
  border-radius:4px !important; font-size:13.5px !important;
}

/* success alerts */
.hb-alert-success.alert-success{
  max-width:480px; margin:0 auto 18px !important; padding:12px 20px !important;
  text-align:center; background:rgba(63,134,99,0.14) !important;
  border:1px solid rgba(63,134,99,0.45) !important; color:var(--hb-jade-bright) !important;
  border-radius:4px !important;
}

/* error alerts — same punchy red treatment as the login page */
.hb-alert-danger.alert-danger{
  display:block; width:fit-content; max-width:90%;
  margin:0 auto 18px !important; padding:12px 24px !important;
  text-align:center; background:rgba(220,38,25,0.16) !important;
  border:1.5px solid #dc2619 !important; color:#ff5b47 !important;
  border-radius:4px !important; font-weight:600 !important;
  box-shadow:0 0 16px rgba(220,38,25,0.22);
}