/* ══════════════════════════════════════════════
   CONCORDIA FORMATIONS — CONTACT.CSS
   ══════════════════════════════════════════════ */

.contact-grid {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 5fr);
  gap: clamp(32px, 6vw, 80px); align-items: start;
}
@media (max-width: 991px) { .contact-grid { grid-template-columns: 1fr; } }

.contact-rows { margin-top: clamp(20px, 3vw, 34px); display: grid; gap: 22px; }
.contact-row { display: flex; align-items: flex-start; gap: 15px; }
.contact-row-ic {
  width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;
  border: 1.5px solid var(--line); color: var(--rouge);
  display: flex; align-items: center; justify-content: center;
}
.contact-row-ic svg { width: 18px; height: 18px; display: block; }
.contact-row strong { display: block; font-size: .95rem; color: var(--navy); }
.contact-row a:hover strong { color: var(--rouge); }
.contact-row span { display: block; font-size: .8rem; color: var(--gris); margin-top: 3px; line-height: 1.55; }

.contact-form-card {
  background: var(--navy); border-radius: var(--radius);
  padding: clamp(24px, 3.5vw, 40px);
  box-shadow: 0 20px 50px rgba(15,33,72,.22);
}
.contact-form-card .form-input, .contact-form-card .form-textarea {
  background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.18);
  color: #fff;
}
.contact-form-card .form-input::placeholder, .contact-form-card .form-textarea::placeholder { color: rgba(255,255,255,.55); }
.contact-form-card .form-input:focus, .contact-form-card .form-textarea:focus { border-color: var(--rouge); box-shadow: 0 0 0 3px rgba(200,16,46,.25); }
.contact-form-card .form-consent { color: rgba(255,255,255,.7); }