.eu-contact-section {
  background: var(--eu-contact-bg, #fff);
}

.eu-contact-card,
.eu-form-card {
  background-color: #f8f9fa !important;
  border-radius: 1rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.eu-contact-card .eu-contact-item {
  font-size: 1rem;
  line-height: 1.5;
}

.eu-contact-card .eu-icon {
  font-size: 1.25rem;
  line-height: 1.6;
}

.eu-form-card form {
  /* Make webform fields breathe a bit */
}
.eu-form-card .form-item {
  margin-bottom: 1rem;
}
.eu-form-card .webform-button--submit,
.eu-form-card [type="submit"] {
  padding: .75rem 1.25rem;
  border-radius: .75rem;
  border: 0;
}

/* Keep iframes responsive if you used the map field */
.eu-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: .75rem;
}

/* RTL tweaks (Drupal will set dir=rtl on html when Arabic is active) */
:root:dir(rtl) .eu-contact-item {
  flex-direction: row-reverse;
}
:root:dir(rtl) .eu-contact-item .eu-icon {
  margin-inline-start: 0;
  margin-inline-end: .25rem;
}