/* Page-specific styles for advisor.html */
body {
  background-color: #f8fafe;
  padding-top: 50px;
}

/* Prevent SVG from capturing pointer events (was inline) */
.advisor-illustration {
  pointer-events: none;
}

/* Small spacing before footer when using fragment injection */
site-footer {
  display: block;
  margin-top: 48px !important;
}

/* Utility: keep avatars and badges visually crisp */
.advisor-avatar { border: 3px solid #fff; box-shadow: 0 6px 18px rgba(37,99,235,0.12); }

/* Icon color fixes: ensure FontAwesome icons inherit intended colors */
.fa, .fas, .far, .fal, .fab { color: inherit; }

/* Brand color utility (force with !important to override other rules) */
.text-brand { color: #2563eb !important; }

/* Icons inside brand backgrounds should be white */
.bg-brand i, .bg-brand .fa { color: #fff !important; }

/* Ensure explicit text-white utilities apply to icons */
.text-white, .text-white * { color: #fff !important; }

/* Make SVG illustration strokes consistent */
.advisor-illustration circle, .advisor-illustration line { stroke: #cbd5e1; opacity: 0.6; }

/* Icon sizes and semantic classes */
.icon-feature { color: #2563eb; font-size: 1.5rem; display: inline-block; vertical-align: middle; }
.icon-muted, .icon-feature.icon-muted { opacity: 0.8; }
.icon-small { color: #2563eb; font-size: 0.9rem; display: inline-block; vertical-align: middle; }

/* Hero icon */
.icon-hero { color: #2563eb; font-size: 3rem; line-height: 1; display: inline-block; }
.hero-icon-wrap { background: #ffffff; }