/* -------------------------------
   EXD Contact Form Grid Layout
-------------------------------- */
.exd-contact-grid {
  display: grid;
  gap: 18px;
  background: #ffffff;
  padding: 25px;
  border-radius: 8px;
}

/* Two columns */
.exd-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

/* Full width row */
.exd-row-full {
  display: block;
}

/* Mobile responsive */
@media (max-width: 700px) {
  .exd-row {
    grid-template-columns: 1fr;
  }
}

/* -------------------------------
   Fields
-------------------------------- */
.exd-contact-grid label {
  font-weight: bold;
  margin-bottom: 6px;
  display: block;
}

.exd-contact-grid input,
.exd-contact-grid textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  font-size: 15px;
  transition: border-color 0.2s ease;
}
/* Match textarea font to input fields */
.exd-contact-grid textarea {
  font-family: inherit; /* Ensures same font as inputs */
  min-height: 150px;
}

.exd-contact-grid input:focus,
.exd-contact-grid textarea:focus {
  border-color: #00aeef;
  outline: none;
}

/* -------------------------------
   Errors
-------------------------------- */
.exd-field-error {
  font-size: 13px;
  color: #cc0000;
  margin-top: 4px;
}

.exd-form-error {
  background: #ffe8e8;
  color: #9b0000;
  padding: 12px;
  border-left: 4px solid #cc0000;
  border-radius: 4px;
  font-size: 16px;
}

/* Success message */
.exd-form-error.success {
  background: #e7ffef;
  color: #1d7d3b;
  border-left-color: #1d7d3b;
}

/* -------------------------------
   Submit Button
-------------------------------- */
#exd-submit-btn {
  background: #98c138;
  border: none;
  padding: 12px 20px;
  color: white;
  cursor: pointer;
  font-size: 16px;
  border-radius: 4px;
  transition: background 0.2s ease;
}

#exd-submit-btn:hover {
  background: #7da32c;
}

.exd-btn-loading {
  font-style: italic;
}

/* Light placeholder across browsers */
.exd-contact-grid ::placeholder {
  color: #d6d6d6; /* very light grey */
  opacity: 1; /* ensure full visibility in Firefox */
}

/* Safari & older iOS */
.exd-contact-grid :-webkit-input-placeholder {
  color: #d6d6d6;
}

/* Edge */
.exd-contact-grid :-ms-input-placeholder {
  color: #d6d6d6;
}

/* IE 10+ */
.exd-contact-grid ::-ms-input-placeholder {
  color: #d6d6d6;
}