/* ==========================================================================
   CONTACT — JOIN EXPERIENCE — Evolve Up Fitness (Phase 6)
   ==========================================================================
   Isolated, additive elevation — not a restructure. The existing
   quick-actions bar, contact form, contact-info grid, and map are all
   untouched in mechanism (real wa.me/tel:/mailto:/Google Maps links,
   real Netlify form submission, real honeypot spam protection). This
   file adds premium motion/lighting polish and de-emphasizes the form
   relative to the quick actions, per the approved spec.

   To roll back: remove this file's <link> tag, remove the added
   Directions quick-action button and the form's eyebrow line from
   index.html, and restore `btn btn--accent` on the submit button.
   Nothing else needs to change — the underlying mechanisms were never
   touched.

   Reuses the site's existing --accent, --ease, --radius, --glass-fill,
   --glass-border, --text-secondary tokens — same brand language as
   every other section in this series, not a new one.
   ========================================================================== */

/* ------------------------------------------------- QUICK ACTIONS ROW
   Now four real actions (Join Now/WhatsApp, Call, WhatsApp, Directions)
   — elevated entrance and hover consistent with every other section's
   card/button language, not a new interaction vocabulary. */
.contact__quick-actions .contact__quick-btn,
.contact__quick-actions .contact__join-now {
  transition: transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
}
.contact__quick-actions .contact__quick-btn:hover,
.contact__quick-actions .contact__quick-btn:focus-visible {
  transform: translateY(-2px);
}

/* ----------------------------------------------------- CONTACT FORM
   De-emphasized relative to the quick actions, per the approved spec
   — "also here if you prefer," not competing for the same attention. */
.contact-form__eyebrow {
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-tertiary);
  margin-bottom: 18px;
}

/* Complete, intentional styling from scratch — the plain btn--accent
   classes were removed from this button so it no longer shares visual
   weight with the primary CTA; this replaces that, deliberately at a
   quieter register (outlined, not solid-filled; no lift-and-glow hover
   the way the primary action gets). */
.contact-form__submit {
  margin-top: 4px;
  padding: 14px 28px;
  border-radius: var(--radius-sm);
  background: transparent;
  border: 1px solid var(--glass-border);
  color: var(--text-primary);
  font-size: 0.92rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
}
.contact-form__submit:hover,
.contact-form__submit:focus-visible {
  border-color: rgba(42, 167, 155, 0.4);
  background: var(--accent-soft);
}

/* Note: entrance timing for .contact__quick-actions, .contact-form, and
   .contact-info__card is already handled correctly by the site's
   existing global .reveal class (transition-based, already using
   var(--ease)) — deliberately not duplicated or overridden here. An
   earlier draft of this file added an animation-timing-function rule
   targeting these selectors, which was dead code: .reveal uses
   `transition`, not `animation`, so the rule had nothing to apply to,
   and would have been redundant even if it did. Caught in self-review
   before shipping; removed rather than left in as harmless clutter.
   ------------------------------------------------------------------ */

/* --------------------------------------------------- REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
  .contact__quick-actions .contact__quick-btn,
  .contact__quick-actions .contact__join-now,
  .contact-form__submit {
    transition: none !important;
  }
}