/* BSCAA Registration — restyles real Ultimate Member markup to match
   blackscaa.org (navy #100f2c, blue accent #1f5aef, white, rounded
   Quicksand/Nunito type). Scoped under .bscaa-register-page so it only
   applies on the Register page. */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700;800&family=Nunito:wght@400;500;600;700;800&display=swap');

.bscaa-register-page{
  background:#fff;
  font-family:Nunito,sans-serif;
  color:#1c2140;
  padding-bottom:64px;
}

/* ---- hero ---- */
.bscaa-reg-hero{ text-align:center; padding:48px 24px 12px; }
.bscaa-reg-eyebrow{ font-size:11px; letter-spacing:.14em; font-weight:700; color:#1f5aef; margin-bottom:10px; }
.bscaa-reg-title{ font-family:Quicksand,sans-serif; font-weight:700; font-size:34px; color:#171a33; margin:0; }

/* ---- two-column layout ---- */
.bscaa-reg-grid{
  display:grid;
  grid-template-columns:300px 1fr;
  gap:0;
  max-width:1100px;
  margin:20px auto 0;
  padding:0 32px;
}
@media (max-width:860px){
  .bscaa-reg-grid{ grid-template-columns:1fr; }
  .bscaa-reg-rail{ border-right:none !important; border-bottom:1px solid #edeef6; padding:0 0 24px !important; }
}

/* ---- benefits rail ---- */
.bscaa-reg-rail{
  padding:20px 28px 20px 0;
  border-right:1px solid #e3e5ef;
  display:flex;
  flex-direction:column;
  gap:22px;
}
.bscaa-reg-rail-h{ font-size:12px; font-weight:800; letter-spacing:.05em; color:#1f5aef; }
.bscaa-reg-rail-items{ display:flex; flex-direction:column; gap:16px; }
.bscaa-reg-rail-item-t{ font-weight:700; font-size:13.5px; color:#171a33; }
.bscaa-reg-rail-item-d{ font-size:12.5px; color:#6b7094; line-height:1.5; }
.bscaa-reg-rail-quote{
  margin:auto 0 0; padding:16px; background:#eef2ff;
  border-left:3px solid #1f5aef; border-radius:0 8px 8px 0;
  font-size:12.5px; font-style:italic; color:#33396b;
}

.bscaa-reg-form-col{ padding:20px 0 20px 32px; }

/* ---- Ultimate Member form itself ---- */
.bscaa-reg-form-col .um{ max-width:none !important; font-family:Nunito,sans-serif !important; }
.bscaa-reg-form-col .um-field-label label{
  font-size:11.5px !important; font-weight:700 !important; letter-spacing:.03em;
  text-transform:uppercase; color:#6b7094 !important;
}
.bscaa-reg-form-col input[type="text"],
.bscaa-reg-form-col input[type="email"],
.bscaa-reg-form-col input[type="tel"],
.bscaa-reg-form-col input[type="url"],
.bscaa-reg-form-col select,
.bscaa-reg-form-col textarea{
  font-family:Nunito,sans-serif !important;
  border:1px solid #d7dae8 !important;
  border-radius:6px !important;
  padding:11px 13px !important;
  font-size:14px !important;
  background:#fff !important;
  color:#1c2140 !important;
}
.bscaa-reg-form-col .um-button,
.bscaa-reg-form-col button[type="submit"]{
  background:#1f5aef !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  font-family:Nunito,sans-serif !important;
  font-weight:800 !important;
  letter-spacing:.03em;
  padding:14px 30px !important;
}
.bscaa-reg-form-col .um-button:hover{ background:#1747c4 !important; }

/* Fieldset/section headings (e.g. "About Me", "My Location") become
   accordion headers — see um-register-accordion-v2.js */
.bscaa-reg-section{
  border:1px solid #edeef6; border-radius:10px; overflow:hidden;
  margin-bottom:14px; background:#fff;
}
.bscaa-reg-section-head{
  background:#f5f6fb; padding:16px 20px; cursor:pointer;
  display:flex; justify-content:space-between; align-items:center;
  font-family:Quicksand,sans-serif; font-weight:700; font-size:17px; color:#171a33;
}
.bscaa-reg-section-head .bscaa-reg-toggle{ color:#1f5aef; font-weight:700; font-size:18px; }
.bscaa-reg-section-body{ padding:22px 20px; display:flex; flex-direction:column; gap:14px; }
.bscaa-reg-section.is-collapsed .bscaa-reg-section-body{ display:none; }