/* ==========================================================================
   contact-override.css — Contact page ONLY
   No :root block. No shared components. Page-specific layout only.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. BODY CLEARANCE (hero-style header, no f365-hero padding needed)
   -------------------------------------------------------------------------- */
body {
  padding-top: 90px; /* nav clearance — no transparent hero on this page */
}

/* --------------------------------------------------------------------------
   2. CONTACT HEADER BANNER
   -------------------------------------------------------------------------- */
.f365-contact-header {
  background: var(--f365-gradient-slate);
  color: var(--f365-white);
  padding: var(--space-12) var(--space-6);
  text-align: center;
}

/* --------------------------------------------------------------------------
   3. CONTACT BODY
   -------------------------------------------------------------------------- */
.f365-contact-body {
  padding: var(--space-12) var(--space-6);
}

/* --------------------------------------------------------------------------
   4. CONTACT SOCIAL ICONS
   -------------------------------------------------------------------------- */
.f365-contact-socials {
  display: flex;
  gap: var(--space-4);
  flex-wrap: wrap;
}

/* --------------------------------------------------------------------------
   5. CONTACT CTA BUTTON WRAPPER
   -------------------------------------------------------------------------- */
.f365-contact-cta {
  padding: var(--space-6) 0 0;
}