/* Contact Us page specific styles (lean; avoids duplicating base.css) */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 980px) {
  .contact-grid { grid-template-columns: 1fr 1fr; }
}

.map-embed {
  margin-top: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.map-embed iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* Minor refinements */
#support-channels + .card ul li { margin-bottom: var(--space-5); }
#social-media + .card-body ul { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); display: grid; }

/* Make form buttons cluster nicely on small screens */
.card-footer .btn + .btn { margin-left: var(--space-4); }
@media (max-width: 520px) {
  .card-footer { display: grid; gap: var(--space-4); }
  .card-footer .btn + .btn { margin-left: 0; }

  /* Visible success message shown after form submission */
  .form-success {
    margin-top: var(--space-6);
    padding: var(--space-5);
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-success);
    background-color: rgba(22,163,74,0.06);
    color: var(--color-success);
    font-weight: 600;
  }

  .form-success small {
    display: block;
    font-weight: 400;
    color: inherit;
    opacity: 0.9;
  }
}