/* NextGenAI V2 — authoritative brand form borders.
 * Kept in a static stylesheet so legacy theme dynamic CSS cannot reintroduce
 * the old #e74c3c border colour on V2 controls.
 */

/* V2 content forms: calm amber edge at rest. */
body.tng2 #tng2-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
body.tng2 #tng2-main textarea,
body.tng2 #tng2-main select,
body.tng2 #tng2-search-overlay #tng2-search-input {
  -webkit-appearance: none !important;
  appearance: none !important;
  border-top-color: rgba(242,184,75,.42) !important;
  border-right-color: rgba(242,184,75,.42) !important;
  border-bottom-color: rgba(242,184,75,.42) !important;
  border-left-color: rgba(242,184,75,.42) !important;
  outline-color: transparent !important;
}

/* Required/invalid states stay on-brand rather than turning red. */
body.tng2 #tng2-main input:required:invalid,
body.tng2 #tng2-main textarea:required:invalid,
body.tng2 #tng2-main select:required:invalid,
body.tng2 #tng2-main input:user-invalid,
body.tng2 #tng2-main textarea:user-invalid,
body.tng2 #tng2-main select:user-invalid,
body.tng2 #tng2-main input[aria-invalid="true"],
body.tng2 #tng2-main textarea[aria-invalid="true"],
body.tng2 #tng2-main select[aria-invalid="true"],
body.tng2 #tng2-search-overlay #tng2-search-input:invalid {
  border-top-color: rgba(242,184,75,.62) !important;
  border-right-color: rgba(242,184,75,.62) !important;
  border-bottom-color: rgba(242,184,75,.62) !important;
  border-left-color: rgba(242,184,75,.62) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Focus is unmistakably NextGenAI amber. */
body.tng2 #tng2-main input:focus,
body.tng2 #tng2-main input:focus-visible,
body.tng2 #tng2-main textarea:focus,
body.tng2 #tng2-main textarea:focus-visible,
body.tng2 #tng2-main select:focus,
body.tng2 #tng2-main select:focus-visible,
body.tng2 #tng2-search-overlay #tng2-search-input:focus,
body.tng2 #tng2-search-overlay #tng2-search-input:focus-visible {
  border-top-color: #f2b84b !important;
  border-right-color: #f2b84b !important;
  border-bottom-color: #f2b84b !important;
  border-left-color: #f2b84b !important;
  outline: 2px solid #f2b84b !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(242,184,75,.12) !important;
}

/* The newsletter field is the most visible control on the homepage. */
html body.tng2 #tng2-main #tng2-newsletter #tng2-newsletter-form #tng2-newsletter-email,
html body.tng2 #tng2-main #tng2-newsletter #tng2-newsletter-form #tng2-newsletter-email:required,
html body.tng2 #tng2-main #tng2-newsletter #tng2-newsletter-form #tng2-newsletter-email:invalid,
html body.tng2 #tng2-main #tng2-newsletter #tng2-newsletter-form #tng2-newsletter-email:user-invalid {
  border: 1px solid rgba(242,184,75,.62) !important;
}

html body.tng2 #tng2-main #tng2-newsletter #tng2-newsletter-form #tng2-newsletter-email:focus,
html body.tng2 #tng2-main #tng2-newsletter #tng2-newsletter-form #tng2-newsletter-email:focus-visible {
  border: 1px solid #f2b84b !important;
}