/* ==========================================================================
   Contact Form 7 - Style Overrides
   Matches the existing Adi Gamliel contact form design
   ========================================================================== */

.wpcf7-form .wpcf7-form-control-wrap {
  display: block;
}

.wpcf7-form label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 0.5rem;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100%;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-family: "Rubik", sans-serif;
  font-size: 1rem;
  color: #18181b;
  transition: all 0.2s;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: #000;
  box-shadow: 0 0 0 1px #000;
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: #d1d5db;
}

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

.wpcf7-form input[type="submit"],
.wpcf7-form .wpcf7-submit {
  width: 100%;
  background-color: #000;
  color: #fff;
  font-weight: 700;
  padding: 1rem;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  font-family: "Rubik", sans-serif;
  font-size: 1rem;
  transition: all 0.2s;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.wpcf7-form input[type="submit"]:hover,
.wpcf7-form .wpcf7-submit:hover {
  background-color: #52525b;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

/* Grid layout for name/phone row */
.cf7-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

/* Validation messages */
.wpcf7-not-valid-tip {
  color: #ef4444;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

.wpcf7-response-output {
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 1rem;
  font-size: 0.875rem;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #22c55e;
  background-color: #f0fdf4;
  color: #166534;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
  border-color: #ef4444;
  background-color: #fef2f2;
  color: #991b1b;
}

/* Spinner */
.wpcf7-spinner {
  display: none;
}