/* Contact page — Fluent Forms */

.mds-contact-page .page-hero {
  text-align: center;
}

.mds-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(1.5rem, 4vw, 2.75rem);
  align-items: start;
  max-width: 56rem;
  margin: 0 auto;
}

.mds-contact-info {
  padding: 0.25rem 0;
}

.mds-contact-info h2 {
  margin: 0 0 0.75rem;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  font-weight: 600;
  color: var(--gold-dark);
}

.mds-contact-info > p {
  margin: 0 0 1.25rem;
  max-width: 36ch;
  color: var(--charcoal);
  line-height: 1.7;
}

.mds-contact-details {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
  display: grid;
  gap: 0.85rem;
}

.mds-contact-details li {
  display: grid;
  gap: 0.2rem;
}

.mds-contact-details strong {
  color: var(--gold-dark);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mds-contact-details a,
.mds-contact-details span {
  color: var(--charcoal);
  text-decoration: none;
}

.mds-contact-details a:hover {
  color: var(--gold-dark);
}

.mds-look .form-wrap {
  max-width: none;
  margin: 0;
  border-radius: 18px;
  box-shadow: 0 10px 28px -18px rgba(74, 70, 63, 0.35);
}

.mds-contact-notice {
  margin: 0;
  padding: 0.9rem 1rem;
  border-radius: 12px;
  background: color-mix(in srgb, var(--cream) 70%, #fff);
  border: 1px solid var(--border);
  color: var(--charcoal);
}

/* Fluent Forms fields */
.mds-look .form-wrap .fluentform .ff-el-group {
  margin-bottom: 0.95rem;
}

.mds-look .form-wrap .fluentform .ff-el-input--label label {
  color: var(--charcoal);
  font-size: 0.88rem;
  font-weight: 600;
}

.mds-look .form-wrap .fluentform .ff-el-is-required .ff-el-input--label label:after {
  color: var(--gold-dark);
}

.mds-look .form-wrap .fluentform input.ff-el-form-control,
.mds-look .form-wrap .fluentform textarea.ff-el-form-control,
.mds-look .form-wrap .fluentform select.ff-el-form-control {
  width: 100%;
  box-sizing: border-box;
  min-height: 48px;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 0.85rem 1rem;
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.95rem;
  background: #fff;
  color: var(--charcoal);
  box-shadow: none;
}

.mds-look .form-wrap .fluentform textarea.ff-el-form-control {
  resize: vertical;
  min-height: 140px;
}

.mds-look .form-wrap .fluentform input.ff-el-form-control:focus,
.mds-look .form-wrap .fluentform textarea.ff-el-form-control:focus {
  outline: none;
  border-color: var(--gold-dark);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold-dark) 16%, transparent);
}

.mds-look .form-wrap .fluentform .ff-btn-submit,
.mds-look .form-wrap .fluentform button.ff-btn-submit {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 0.85rem 1.4rem;
  border: 1px solid var(--gold-dark);
  border-radius: 999px;
  background: var(--gold-dark);
  color: var(--off-white);
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.18s ease, border-color 0.18s ease;
}

.mds-look .form-wrap .fluentform .ff-btn-submit:hover,
.mds-look .form-wrap .fluentform button.ff-btn-submit:hover {
  background: var(--gold-mid);
  border-color: var(--gold-mid);
  color: var(--off-white);
}

.mds-look .form-wrap .fluentform .ff-message-success {
  margin: 0;
  padding: 1rem 1.1rem;
  border-radius: 12px;
  background: color-mix(in srgb, var(--cream) 75%, #fff);
  border: 1px solid var(--border);
  color: var(--charcoal);
}

.mds-look .form-wrap .fluentform .ff-errors-in-stack,
.mds-look .form-wrap .fluentform .error {
  color: #8a3b2a;
}

@media (max-width: 860px) {
  .mds-contact-layout {
    grid-template-columns: 1fr;
  }
}