/* Forex Daily — Author Card (global, shared component).

   One shared design for the author bio card shown at the bottom of
   content across every template that has one: single-forex-brokers.php,
   single-prop-firms.php, single-news.php, single-blog.php. Rendered by
   the single fordai_render_author_card() function (inc/render-author-card.php)
   — enqueued unconditionally on is_singular() (functions.php), same as
   toc.css, so it's available no matter which template calls it.

   Class name (.broker-author-card*) is a holdover from where this was
   first built (broker reviews) — kept as-is now that it's the global
   name, not renamed just to relabel an unchanged design. */

.broker-author-card {
  display: flex;
  gap: var(--fdt-space-4);
  border: 1px solid var(--fxd-border);
  border-radius: var(--fdt-radius-lg);
  padding: var(--fdt-space-4);
  margin-bottom: var(--fdt-space-5);
  background: var(--fxd-surface);
  box-shadow: var(--fdt-shadow-sm);
}

/* ── Avatar ─────────────────────────────────────────── */
.broker-author-card__avatar {
  flex: 0 0 auto;
}
.broker-author-card__avatar img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.broker-author-card__body {
  flex: 1 1 auto;
  min-width: 0;
}

/* ── Name + verified badge ──────────────────────────── */
.broker-author-card__name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}
.broker-author-card__name {
  font-size: 18px;
  font-weight: 800;
  color: var(--fxd-text);
  text-decoration: none;
  line-height: 1.3;
}
.broker-author-card__name:hover { text-decoration: underline; }
.broker-author-card__verified {
  display: inline-flex;
  color: var(--fxd-primary);
  flex: 0 0 auto;
}
.broker-author-card__verified svg { width: 18px; height: 18px; }

.broker-author-card__title {
  font-size: 13px;
  color: var(--fxd-text-muted);
  margin-bottom: 10px;
}

.broker-author-card__bio {
  font-size: 14px;
  color: var(--fxd-text-muted);
  line-height: 1.6;
  margin: 0 0 var(--fdt-space-3);
}

/* ── Stats row (bookmark / calendar) ────────────────── */
.broker-author-card__stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fdt-space-4);
  font-size: 13px;
  color: var(--fxd-text-muted);
  padding-top: var(--fdt-space-3);
  margin-bottom: var(--fdt-space-3);
  border-top: 1px solid var(--fxd-border);
}
.broker-author-card__stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.broker-author-card__stat svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  color: var(--fxd-primary);
}

/* ── Links row (Contact / Methodology / LinkedIn) ───── */
.broker-author-card__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fdt-space-2);
}
.broker-author-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: var(--fxd-primary);
  text-decoration: none;
  padding: 9px 14px;
  border: 1px solid var(--fxd-primary);
  border-radius: var(--fdt-radius-md);
  background: var(--fxd-surface);
  transition: background-color .15s ease, border-color .15s ease;
}
.broker-author-card__link svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}
.broker-author-card__link:hover {
  background: var(--fxd-primary-tint);
  text-decoration: none;
}

/* LinkedIn: neutral/outline style, brand-blue icon only */
.broker-author-card__link--linkedin {
  color: var(--fxd-text);
  border-color: var(--fxd-border);
}
.broker-author-card__link--linkedin svg { color: var(--fxd-linkedin); }
.broker-author-card__link--linkedin:hover {
  background: var(--fxd-surface-alt);
  border-color: var(--fxd-border);
}

@media (max-width: 480px) {
  .broker-author-card { flex-direction: column; }
  .broker-author-card__links { gap: var(--fdt-space-2); }
  .broker-author-card__link { flex: 1 1 auto; justify-content: center; }
}