/* ==========================================================================
   Contact page (contact.php) — Altai contact layout. Loaded on every page,
   so every rule is scoped to .page-contact.
   ========================================================================== */

/* social buttons sit on the grey contact band (site.css styles .socials for the dark footer) */
.page-contact .contact-social { margin-top: 32px; }
.page-contact .contact-social-label { margin: 0; font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.page-contact .contact-social .socials { margin-top: 12px; }
.page-contact .contact-social .socials a { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); }
.page-contact .contact-social .socials a:hover { background: var(--amber); color: var(--ink); box-shadow: none; }

/* form card */
.page-contact .form-card:focus { outline: 0; }
.page-contact .form-card .kicker { margin-bottom: .6rem; }
.page-contact .form-title em { font-style: normal; color: var(--blue); }
.page-contact .field .help { margin-top: -2px; }
.page-contact .form-success .link-arrow { justify-content: center; }

/* no contact details switched on → the form takes the full width */
.page-contact .contact-grid > .form-card:only-child { grid-column: 1 / -1; width: 100%; max-width: 760px; margin: 0 auto; }

/* partnership block without a photo */
.page-contact .intro-grid--solo { grid-template-columns: minmax(0, 1fr); max-width: 760px; text-align: center; }
.page-contact .intro-grid--solo .intro-actions { justify-content: center; }