/* Inline contact form block */

.block-contact {
  padding: 1rem;
  border-radius: 6px;
  background: var(--c-bg-lite);
  border: 1px solid var(--c-bg-medium);
}

.block-contact-header h3 {
  font-size: calc(var(--f-size) * var(--f-scale-m));
  margin: 0 0 0.5rem;
}

.block-contact-form {
  margin-top: 0.5rem;
}

.block-contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 0.75rem;
}

@media (min-width: 700px) {
  .block-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .block-contact-field--full {
    grid-column: 1 / -1;
  }
}

.block-contact-field {
  display: flex;
  flex-direction: column;
  font-size: calc(var(--f-size) * var(--f-scale-s));
}

.block-contact-label {
  margin-bottom: 0.25rem;
  font-weight: 500;
}

.block-contact-input,
.block-contact-textarea {
  border: 1px solid var(--c-bg-medium);
  border-radius: 4px;
  padding: 0.4rem 0.5rem;
  font: inherit;
  background: var(--c-bg);
  color: inherit;
}

.block-contact-textarea {
  resize: vertical;
  min-height: 5rem;
}

.block-contact-actions {
  margin-top: 0.75rem;
}

.block-contact-status {
  margin-top: 0.5rem;
  font-size: calc(var(--f-size) * var(--f-scale-s));
}

.block-contact-status-success {
  color: #2e7d32;
}

.block-contact-status-error {
  color: #c62828;
}

/* Make the contact form button white */
.block-contact .button {
  background: #fff;
  border: 1px solid var(--c-bg-medium);
}

/* Optional: subtle hover state */
.block-contact .button:hover,
.block-contact .button:focus {
  background: #f5f5f5;
  border-color: var(--c-bg-medium);
}