/* ================================================================
   Panacea — Contact Page
   ================================================================ */

/* Fix eyebrow to use brand green instead of red */
.contact-eyebrow {
  color: #02a650 !important;
}

/* Lift the section background to pure white from the off-white */
.contact-form-details {
  background: #ffffff;
  padding: 72px 0 80px;
}

/* Section header typography tightening */
.contact-section-header h2 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #013d1d;
  margin-bottom: 14px;
}

.contact-section-header p {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7060;
}

/* Contact form panel heading */
.contact-form-panel h2 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #013d1d;
  margin-bottom: 8px;
}

/* Field icons aligned to brand green */
.contact-field-input i {
  color: #02a650;
}

/* Submit button — full pill style matching site buttons */
.contact-submit {
  font-family: 'Montserrat', sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 13px 28px;
  border-radius: 999px;
  background: #013d1d;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background 0.22s ease, transform 0.22s ease;
  align-self: flex-start;
  box-shadow: none;
}
.contact-submit:hover {
  background: #02a650;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(2,166,80,0.22);
}

/* Adverse event panel — align to brand */
.report-adverse-form {
  background: linear-gradient(145deg, #013d1d 0%, #025e2c 100%);
}

/* Map section cleanup — remove Bootstrap gutter */
.contact-wrap-layout1 .map-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.contact-wrap-layout1 .gmap_canvas iframe {
  display: block;
  width: 100%;
  height: 480px;
  border: 0;
}

@media (max-width: 768px) {
  .contact-wrap-layout1 .map-row {
    grid-template-columns: 1fr;
  }
}