/* Project Inquiry Form Styles */
.wp-project-form {
  --pif-border: #e5e7eb;
  --pif-form-border: transparent; /* container border color (separate from fields) */
  --pif-primary: #2563eb;
  --pif-primary-600: #1d4ed8;
  --pif-bg: #ffffff;
  --pif-text: #111827;
  --pif-muted: #6b7280;
  --pif-error: #dc2626;
  --pif-success-bg: #ecfdf5;
  --pif-success-border: #10b981;
  --pif-success-text: #065f46;
  --pif-fail-bg: #fef2f2;
  --pif-fail-border: #fecaca;
  --pif-fail-text: #991b1b;

  background: var(--pif-bg);
  color: var(--pif-text);
  border: 1px solid var(--pif-form-border);
  border-radius: 12px;
  padding: 20px;
  max-width: 720px;
}

.pif-wrapper { max-width: 760px; margin: 0 auto; }

.pif-row { display: flex; flex-direction: column; margin-bottom: 14px; }
.pif-row label { font-weight: 600; margin-bottom: 6px; color: var(--pif-text); }
.pif-required { color: var(--pif-error); margin-left: 4px; }

.wp-project-form input[type="text"],
.wp-project-form input[type="email"],
.wp-project-form input[type="tel"],
.wp-project-form textarea {
  border: 1px solid var(--pif-border);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.wp-project-form input:focus,
.wp-project-form input:focus-visible,
.wp-project-form textarea:focus,
.wp-project-form textarea:focus-visible {
  border-color: var(--pif-border) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
}

.pif-actions { margin-top: 10px; display: flex; justify-content: flex-start; }
.pif-submit {
  background: var(--pif-primary);
  color: #fff;
  border: none;
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, transform 0.02s;
}
.pif-submit:hover { background: var(--pif-primary-600); }
.pif-submit:active { transform: translateY(1px); }
.pif-submit.is-loading { opacity: 0.7; cursor: progress; }

/* Button alignment utilities (flex-based to defeat parent styles) */
.pif-actions.pif-align-left { justify-content: flex-start !important; }
.pif-actions.pif-align-center { justify-content: center !important; }
.pif-actions.pif-align-right { justify-content: flex-end !important; }
.pif-actions .pif-submit { display: inline-block; }

.pif-error { border-color: rgba(220, 38, 38, 0.9) !important; }
.pif-error-text { color: var(--pif-error); font-size: 12px; margin-top: 6px; }

.pif-notice {
  display: none;
  background: var(--pif-success-bg);
  border: 1px solid var(--pif-success-border);
  color: var(--pif-success-text);
  padding: 10px 12px;
  border-radius: 8px;
  margin-bottom: 12px;
}
.pif-notice.pif-success { background: var(--pif-success-bg); border-color: var(--pif-success-border); color: var(--pif-success-text); }
.pif-notice.pif-failure { background: var(--pif-fail-bg); border-color: var(--pif-fail-border); color: var(--pif-fail-text); }

/* Responsive */
@media (max-width: 640px) {
  .wp-project-form { padding: 16px; }
}
