/* apps/dtx_cms/dtx_cms/public/css/contact.css */
/* Baseline styles. Inline overrides from CMS Contact only apply when fields are set. */

.contact-section {
  /* baseline background; can be overridden inline by CMS Contact */
  background-color: #f8fafc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.contact-grid {
  gap: 2rem;
}

.contact-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.contact-heading {
  line-height: 1.2;
}

.map-frame iframe {
  display: block;
  width: 100%;
  border: 0;
}

/* Optional helpers if you want consistent spacing */
.contact-section .container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* Don’t fight Tailwind; keep it light so inline and utilities can win. */