/* ============================================================
   caring.css — Caring arm theme overrides
   Loaded on /caring/ pages only
   Accent colour is pulled from DB via CSS variable in header.php
   ============================================================ */

.arm-caring-page .logo-mark { background: var(--caring-colour); }
.arm-caring-page .eyebrow   { color: var(--caring-colour); }

/* Eyebrows on dark-background sections stay white regardless of arm colour */
.arm-caring-page .page-hero .eyebrow,
.arm-caring-page .on-dark .eyebrow { color: rgba(255,255,255,0.75) !important; }
.arm-caring-page .nav-cta   { background: var(--caring-colour) !important; }
.arm-caring-page .cert-badge { background: #f0f5ff; color: var(--caring-colour); }

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

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

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

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

/* Team cards */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.team-card {
  text-align: center;
  padding: 1.5rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  transition: border-color 0.2s;
}
.team-card:hover { border-color: var(--caring-colour); }
.team-photo {
  width: 90px; height: 90px; border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 1rem;
  border: 3px solid var(--caring-colour);
}
.team-photo-initials {
  width: 90px; height: 90px; border-radius: 50%;
  background: #f0f5ff;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-serif); font-size: 26px; font-weight: 700;
  color: var(--caring-colour);
  margin: 0 auto 1rem;
  border: 3px solid var(--caring-colour);
}
.team-name  { font-weight: 600; font-size: 15px; margin-bottom: 3px; }
.team-role  { font-size: 12.5px; color: var(--muted); }
.team-creds { font-size: 12px; color: var(--muted); margin-top: 4px; font-style: italic; }