/* ============================================================
   training.css — Training arm (Safe-Med) theme overrides
   Mirrors caring.css — red where caring uses blue.
   ============================================================ */

.arm-training-page .logo-mark { background: var(--training-colour); }
.arm-training-page .eyebrow   { color: var(--training-colour); }
.arm-training-page .on-dark .eyebrow { color: rgba(255,255,255,0.75) !important; }
.arm-training-page .nav-cta   { background: var(--training-colour) !important; }
.arm-training-page .cert-badge { background: #fff0f0; color: var(--training-colour); }

.arm-training-page .page-hero::after { background: var(--training-colour); }
.arm-training-page .course-card::before { background: var(--training-colour); }
.arm-training-page .course-card:hover  { border-color: var(--training-colour); }

.arm-training-page .partner-card:hover { border-color: var(--training-colour); }
.arm-training-page .partner-initials   { color: var(--training-colour); }
.arm-training-page .partner-link       { color: var(--training-colour); }

.arm-training-page .pillar-icon  { background: #fff0f0; color: var(--training-colour); }
.arm-training-page .contact-icon { background: #fff0f0; color: var(--training-colour); }

.arm-training-page .btn-primary { background: var(--training-colour); }
.arm-training-page .btn-outline { color: var(--training-colour); border-color: var(--training-colour); }
.arm-training-page .form-input:focus,
.arm-training-page .form-select:focus,
.arm-training-page .form-textarea:focus { border-color: var(--training-colour); }

/* ---- Upcoming dates — light background (overrides the dark .dates-section in main.css) ---- */
.arm-training-page .dates-section {
  background: var(--light-bg);
  border-top: 1px solid var(--border);
}
.arm-training-page .dates-section h2          { color: var(--dark); }
.arm-training-page .dates-section .section-intro { color: var(--muted); }

.arm-training-page .date-card {
  background: #fff;
  border-color: var(--border);
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.arm-training-page .date-course   { color: var(--dark); }
.arm-training-page .date-location { color: var(--muted); }
.arm-training-page .date-notes    { color: var(--muted); }
.arm-training-page .no-dates      { color: var(--muted); }
.arm-training-page .no-dates a    { color: var(--training-colour); text-decoration: underline; }

/* ---- Healthcare professionals section ---- */
#hcp-courses .course-card { background: #fff; }

/* ---- Training-specific components ---- */
.audience-tag {
  display: inline-block;
  font-size: 11px; font-weight: 600;
  background: #fff0f0; color: var(--training-colour);
  padding: 3px 9px; border-radius: 3px; margin: 3px 3px 0 0;
  letter-spacing: 0.03em;
}

.candidates-note {
  font-size: 12.5px; color: var(--muted);
  display: flex; align-items: center; gap: 5px;
  margin-top: 8px;
}

.vitality-strip {
  background: #3E4F5C;
  border: 1px solid #4a5d6c;
  border-radius: var(--radius);
  padding: 1rem 1.4rem;
  display: flex; align-items: center; gap: 1rem;
  margin-top: 2rem;
}
.vitality-strip .miles { font-family: var(--font-serif); font-size: 1.5rem; font-weight: 700; color: var(--training-colour); }
.vitality-strip p { font-size: 13.5px; color: rgba(255,255,255,0.8); font-weight: 300; }

.private-callout {
  background: var(--light-bg);
  border-left: 4px solid var(--training-colour);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 1.2rem 1.5rem;
  margin-top: 2rem;
}
.private-callout h3 { font-size: 15px; margin-bottom: 0.4rem; }
.private-callout p  { font-size: 13.5px; color: var(--muted); font-weight: 300; }