/* ==========================================================================
   Micro-interactions layer — About Thrive Hub
   Rollback: delete the <link> to this file in about-thrive-hub.html and the
   page returns exactly to its current state. Nothing here runs on scroll —
   every rule is hover/focus only — and all of it is disabled under
   prefers-reduced-motion.
   ========================================================================== */
@media (prefers-reduced-motion: no-preference) {

  /* ---- Buttons: soft lift on hover, gentle press on click ---- */
  .btn {
    transition:
      transform 0.25s var(--ease-out-quint),
      box-shadow 0.25s var(--ease-out-quint),
      background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  }
  .btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(28, 93, 61, 0.18); }
  .btn:active { transform: translateY(0); box-shadow: 0 6px 14px rgba(28, 93, 61, 0.14); }
  .cta-flow .btn-ghost:hover { background: rgba(255, 255, 255, 0.12); }

  /* ---- Editorial photos: gentle glow / lift on hover ---- */
  .ed-photo-main, .ed-photo-over, .found-col img, .quote-portrait, .card-icon--line {
    transition:
      filter 0.35s ease,
      transform 0.45s var(--ease-out-quint),
      box-shadow 0.35s ease, color 0.35s ease;
  }
  .ed-collage:hover .ed-photo-main { filter: brightness(1.05) saturate(1.04); }
  .ed-photo-over:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 26px 56px rgba(30, 30, 30, 0.3); }
  .found-col:hover img { filter: brightness(1.06) saturate(1.05); transform: translateY(-4px); box-shadow: 0 20px 40px rgba(30, 30, 30, 0.16); }
  .quote-portrait:hover { transform: scale(1.035); }

  /* ---- Pillars: the column lifts, its icon warms to gold and rises ---- */
  .pillars--photo .card { transition: transform 0.35s var(--ease-out-quint); }
  .pillars--photo .card:hover { transform: translateY(-6px); }
  .pillars--photo .card:hover .card-icon--line { color: #dcc78c; transform: translateY(-3px); }

  /* ---- Fit glass cards: lift + brighter frame on hover ---- */
  .fit-card { transition: transform 0.35s var(--ease-out-quint), border-color 0.3s ease, background-color 0.3s ease; }
  .fit-card:hover { transform: translateY(-4px); border-color: rgba(255, 255, 255, 0.5); background: rgba(38, 40, 33, 0.42); }

  /* ---- Surviving vs thriving: rows wash on hover ---- */
  .compare-row { transition: background-color 0.3s ease; border-radius: 8px; }
  .compare-row:hover { background: rgba(28, 93, 61, 0.05); }

  /* ---- Footer explore links: underline slides in ---- */
  .site-footer .footer-grid ul li a {
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0% 1px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: background-size 0.3s var(--ease-out-quint);
  }
  .site-footer .footer-grid ul li a:hover { background-size: 100% 1px; }

  /* ---- Book-call arrow leans toward the action on hover ---- */
  .book-call-ic svg { transition: transform 0.25s var(--ease-out-quint); }
  .book-call:hover .book-call-ic svg { transform: translateX(3px); }

  /* ---- Brand logo: tiny scale feedback ---- */
  .brand img { transition: transform 0.3s var(--ease-out-quint); }
  .brand:hover img { transform: scale(1.05); }
}