/**
 * Contact Form 7 — theme styles (matches homepage/contact UI).
 */

.wpcf7 {
  direction: rtl;
  text-align: right;
}

.wpcf7 .dt-cf7-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 700px) {
  .wpcf7 .dt-cf7-grid {
    grid-template-columns: 1fr 1fr;
  }

  .wpcf7 .dt-cf7-full {
    grid-column: 1 / -1;
  }
}

.wpcf7 .dt-cf7-field label {
  display: block;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: var(--color-dark);
  font-size: 0.95rem;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  max-width: 100%;
  padding: 0.85rem 1.1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-family: var(--font);
  font-size: 1rem;
  color: var(--color-dark);
  background: var(--color-white);
  transition: border-color var(--transition), box-shadow var(--transition);
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px var(--color-accent-soft);
}

.wpcf7 textarea {
  min-height: 8rem;
  resize: vertical;
}

.wpcf7 input[type="submit"],
.wpcf7 .wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.75rem;
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--color-accent);
  color: var(--color-white);
  font-family: var(--font);
  font-weight: 700;
  cursor: pointer;
  transition: background var(--transition), transform var(--transition);
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 .wpcf7-submit:hover {
  background: var(--color-accent-hover);
}

.wpcf7 .wpcf7-not-valid-tip {
  color: #c0392b;
  font-size: 0.85rem;
  margin-top: 0.35rem;
}

.wpcf7 .wpcf7-response-output {
  margin: 1.25rem 0 0;
  padding: 1rem 1.25rem;
  border-radius: var(--radius-sm);
  border: 0;
  font-weight: 600;
}

.wpcf7 form.sent .wpcf7-response-output {
  background: rgba(40, 167, 69, 0.12);
  color: #1e7e34;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  background: rgba(220, 53, 69, 0.12);
  color: #c0392b;
}

.wpcf7 .ajax-loader {
  margin-inline-start: 0.75rem;
}