/*
 * GCheck – Human Trafficking Dispute Form
 * Scoped layout + minor tweaks so it matches the standard Dispute Form
 * without touching other forms.
 */

/* Honeypot: hide from real users; bots still see and fill it in the DOM */
.gcheck-honeypot-wrap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	margin: 0;
	padding: 0;
}

/* ---------------------------
   Field-specific tweaks
---------------------------- */

/* Make DOB input visually match other text inputs */
body.page .form-template .gcheck-ht-dispute-container input[type="date"] {
	width: 100%;
	height: 50px;
	padding: 10px;
	background: #fff;
	border-radius: 1px;
	cursor: pointer;
	box-sizing: border-box;
}

/* File input: full-width, same “field” look */
body.page .form-template .gcheck-ht-dispute-container input[type="file"] {
	width: 100%;
	padding: 10px;
	background: #fff;
	border-radius: 1px;
	box-sizing: border-box;
}

/* Helper text under file input */
.gcheck-ht-dispute-container .gcheck-help-text {
	font-size: 13px;
	color: #cdd6e0;
	margin-top: 4px;
}

/* Validation error state for phone/SSN */
.gcheck-ht-dispute-container .gcheck-form-group input.error {
	border-color: #ef4444;
	background: #fef2f2;
}

.gcheck-ht-dispute-container .gcheck-error-message {
	color: #ef4444;
	font-size: .875rem;
	margin-top: 6px;
	display: none;
}

.gcheck-ht-dispute-container .gcheck-error-message[style*="block"] {
	display: block;
}

/* Optional label colour (to match existing Dispute form) */
.gcheck-ht-dispute-container label span {
	color: #3fc5fd;
}

/* ---------------------------
   Layout rules
---------------------------- */

/* MOBILE: everything full width */
@media screen and (max-width: 767px) {
	body.page .form-template .gcheck-ht-dispute-container .gcheck-form-group {
		width: 100% !important;
	}
}

/*
 Order of .gcheck-form-group inside the HT form:

  3: First Name
  4: Last Name
  5: Email
  6: Phone
  7: Address
  8: Honeypot (Website – hidden)
  9: Driver's License Number
 10: Date of Birth
 11: Social Security Number
 12: Supporting Documents
 13: Message
*/

/* Address & DOB – half width only on desktop */
@media screen and (min-width: 768px) {
	/* Address – half width */
	body.page .form-template .gcheck-ht-dispute-container .gcheck-form-group:nth-child(7) {
		width: 49% !important;
	}
	
	/* DOB – half width */
	body.page .form-template .gcheck-ht-dispute-container .gcheck-form-group:nth-child(10) {
		width: 49% !important;
	}
}

/* Supporting Documents – full width */
body.page .form-template .gcheck-ht-dispute-container .gcheck-form-group:nth-child(12) {
	width: 100% !important;
}

/* Message – full width */
body.page .form-template .gcheck-ht-dispute-container .gcheck-form-group:nth-child(13) {
	width: 100% !important;
}