/**
 * VenueQuest Inquiry Form – Custom Styles
 *
 * Supplements Tailwind CSS with animations and overrides.
 */

/* ── Fade-in animation ── */
.vq-fade-in {
  animation: vqFadeIn 0.4s ease-out;
}

@keyframes vqFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Ensure the form wrapper doesn't conflict with WP themes ── */
.vq-wrap {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  color: #1e293b; /* slate-800 */
  box-sizing: border-box;
}

.vq-wrap *,
.vq-wrap *::before,
.vq-wrap *::after {
  box-sizing: border-box;
}

/* ── Input focus transition ── */
.vq-wrap input:focus,
.vq-wrap select:focus,
.vq-wrap textarea:focus {
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* ── Error state border ── */
.vq-wrap .border-red-500 {
  border-color: #ef4444 !important;
}

/* ── Smooth section hover ── */
.vq-wrap .hover\:shadow-md:hover {
  transition: box-shadow 0.2s ease;
}

/* ── Submit button lift ── */
.vq-wrap .hover\:-translate-y-1:hover {
  transform: translateY(-4px);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* ── Spinner animation ── */
.vq-wrap .animate-spin {
  animation: vqSpin 1s linear infinite;
}

@keyframes vqSpin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* ── Disabled select styling ── */
.vq-wrap select:disabled {
  background-color: #f1f5f9; /* slate-100 */
  cursor: not-allowed;
  opacity: 0.7;
}

/* ── Service checkbox label transition ── */
.vq-service-label {
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

/* ── Availability indicator transition ── */
#vq-availability {
  transition: all 0.3s ease;
}

/* ── AI analysis slide-in ── */
#vq-ai-analysis {
  animation: vqFadeIn 0.3s ease-out;
}