/* Contact Form 7 — loaded conditionally on CF7 pages */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--wk-border-base);
  border-radius: var(--wk-radius-md);
  background-color: var(--wk-surface-input);
  font-size: 1rem;
  color: var(--wk-text-base);
  transition:
    border-color var(--wk-transition-fast),
    box-shadow var(--wk-transition-fast),
    background-color var(--wk-transition-base);
}

.wpcf7 textarea {
  min-height: 120px;
  resize: vertical;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: none;
  border-color: var(--wk-border-focus);
  box-shadow: 0 0 0 3px rgba(228, 89, 0, 0.2);
}

/* Dark mode — tokens handle the palette switch */
.dark .wpcf7 input[type="text"],
.dark .wpcf7 input[type="email"],
.dark .wpcf7 input[type="tel"],
.dark .wpcf7 input[type="url"],
.dark .wpcf7 textarea,
.dark .wpcf7 select {
  background-color: var(--wk-surface-input);
  border-color: var(--wk-border-base);
  color: var(--wk-text-base);
}

.dark .wpcf7 input:focus,
.dark .wpcf7 textarea:focus,
.dark .wpcf7 select:focus {
  border-color: var(--wk-border-focus);
  box-shadow: 0 0 0 3px rgba(228, 89, 0, 0.3);
}

.wpcf7 input[type="submit"],
.wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  background-color: var(--wk-color-primary);
  color: var(--wk-text-on-primary);
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: var(--wk-radius-md);
  cursor: pointer;
  transition: background-color var(--wk-transition-fast);
}

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

.wpcf7-not-valid {
  border-color: #ef4444 !important;
}

.wpcf7-not-valid-tip {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #ef4444;
}

.dark .wpcf7-not-valid {
  border-color: #f87171 !important;
}

.dark .wpcf7-not-valid-tip {
  color: #f87171;
}
