/* ============================================================
   HirePunk Landing — shared footer additions
   Founder card + legal links, themed for the dark v3 footer.
   Layered on hp-landing-v3(.b).css. Class names do not collide
   with the v3 footer styles.
   ============================================================ */

/* ---------- FOUNDER CARD (in the brand column) ---------- */
.foot-brand .founder-card {
  display: inline-flex; align-items: center; gap: 14px;
  margin-top: 22px; padding: 14px 18px; max-width: 320px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.025);
  border-radius: 12px; text-decoration: none; color: inherit;
  transition: border-color .15s ease, background .15s ease;
}
.foot-brand .founder-card:hover { border-color: var(--acid); background: rgba(206, 252, 0, 0.05); }
.foot-brand .founder-photo {
  width: 52px; height: 52px; flex: none; border-radius: 50%;
  background-color: #222; background-size: cover; background-position: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.foot-brand .founder-name { font-family: var(--mono); font-size: 13px; font-weight: 700; color: var(--frost); letter-spacing: -0.01em; }
.foot-brand .founder-role { font-family: var(--mono); font-size: 11.5px; color: var(--ash-3); margin-top: 2px; }
.foot-brand .founder-link {
  font-family: var(--mono); font-size: 10px; color: var(--acid); margin-top: 6px;
  display: inline-flex; align-items: center; gap: 5px;
  font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
}

/* ---------- LEGAL LINKS (in the meta row) ---------- */
.foot-meta .legal-links { display: inline-flex; gap: 20px; flex-wrap: wrap; }
.foot-meta .legal-links a { color: var(--ash); text-decoration: none; transition: color .15s ease; }
.foot-meta .legal-links a:hover { color: var(--acid); }

@media (max-width: 760px) {
  .foot-brand .founder-card { margin-top: 18px; }
}