/* =====================================================
   NRC Build the Trades — apply.css
   Styles for registration.php (student application page)
   ===================================================== */

/* ── Brand tokens ───────────────────────────────────── */
:root {
  --nrc-blue:     #1F4E79;
  --nrc-blue-mid: #2E75B6;
  --nrc-gold:     #BF8F00;
  --nrc-gold-lt:  #FFF2CC;
  --nrc-blue-lt:  #D6E4F0;
  --nrc-bg:       #F8F7F4;
  --nrc-muted:    #595959;
}

/* ── Hero ───────────────────────────────────────────── */
.apply-hero {
  background-color: var(--nrc-blue);
  border-bottom: 4px solid var(--nrc-gold);
}
.apply-eyebrow {
  font-family: 'Nunito', sans-serif;
  font-size: .8rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--nrc-gold);
}
.apply-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #fff;
}
.apply-lead {
  font-family: 'Nunito', sans-serif;
  font-size: 1.05rem;
  color: rgba(255,255,255,.85);
  line-height: 1.7;
}

/* ── Eligibility section ────────────────────────────── */
.apply-eligibility {
  background-color: var(--nrc-bg);
}
.eligibility-card {
  background-color: #fff;
  border: 1px solid #e4e0d8;
  box-shadow: 0 2px 16px rgba(31,78,121,.07);
}
.eligibility-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--nrc-blue);
}
.eli-icon {
  font-size: 1.35rem;
  color: var(--nrc-gold);
  margin-top: .1rem;
  flex-shrink: 0;
}
.eli-label {
  font-family: 'Nunito', sans-serif;
  font-size: .85rem;
  font-weight: 700;
  color: var(--nrc-blue);
  margin-bottom: .2rem;
}
.eli-text {
  font-family: 'Nunito', sans-serif;
  font-size: .88rem;
  color: var(--nrc-muted);
  line-height: 1.5;
}

/* ── Form section ───────────────────────────────────── */
.apply-form-section {
  background-color: var(--nrc-bg);
}
.apply-form-wrap {
  background-color: #fff;
  border: 1px solid #e4e0d8;
  box-shadow: 0 2px 16px rgba(31,78,121,.07);
}
.apply-form-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--nrc-blue);
}
.apply-form-sub {
  font-family: 'Nunito', sans-serif;
  font-size: .93rem;
  color: var(--nrc-muted);
}

/* ── Help strip ─────────────────────────────────────── */
.apply-help {
  background-color: var(--nrc-blue);
}
.apply-help-text {
  font-family: 'Nunito', sans-serif;
  font-size: .93rem;
  color: rgba(255,255,255,.85);
}
.apply-help-link {
  color: var(--nrc-gold);
  text-decoration: none;
  font-weight: 700;
}
.apply-help-link:hover {
  text-decoration: underline;
  color: #e6ac00;
}

/* ── Buttons ────────────────────────────────────────── */
.btn-nrc-outline {
  background-color: transparent;
  border: 2px solid var(--nrc-blue);
  color: var(--nrc-blue);
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  transition: background .2s, color .2s;
}
.btn-nrc-outline:hover {
  background-color: var(--nrc-blue);
  color: #fff;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 767.98px) {
  .apply-title      { font-size: 2rem; }
  .apply-form-title { font-size: 1.4rem; }
}