/* =============================================
   PARKAR.IN — AIONIQ HLS Case Study (gated download)
   css/aioniq-hls.css

   Builds on css/contact.css (shared hero + form-card
   styles). This file only carries the deltas needed
   for the coded form on the white card: dark labels,
   inline validation errors, back link, success state.
   ============================================= */

/* Page background matches the site-wide dark theme */
body.page-aioniq-hls {
  background-color: var(--color-bg, #080808);
}

/* The hero is the only section on this page — no need for full-viewport height */
.page-aioniq-hls .contact-hero {
  min-height: auto;
}

/* ─── Form sits on the WHITE card → labels/help text must be dark ───
   (contact.css styles these for a dark background, so we override here) */
.page-aioniq-hls .contact-form-card .form-field label { color: #374151; }
.page-aioniq-hls .contact-form-card .form-field .req { color: #3056D3; }
.page-aioniq-hls .contact-privacy-note { color: #6b7280; }
.page-aioniq-hls .contact-privacy-note a { color: #3056D3; }

/* ─── Inline field validation errors ─── */
.page-aioniq-hls .field-error {
  display: none;
  color: #dc2626;
  font-size: 0.75rem;
  line-height: 1.4;
  margin-top: 2px;
}
.page-aioniq-hls .form-field.has-error .field-error { display: block; }
.page-aioniq-hls .form-field.has-error input {
  border-color: #f87171;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
  background: #ffffff;
}

/* ─── Submit button states ─── */
.page-aioniq-hls .contact-submit[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* ─── Success state lives inside the white card → dark text ─── */
.page-aioniq-hls .contact-success-state h3 { color: #0f172a; }
.page-aioniq-hls .contact-success-state p { color: #6b7280; }
.page-aioniq-hls .contact-success-state a {
  color: #3056D3;
  text-decoration: underline;
}