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

/* ---------------------------
   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: #ffffff;
    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: #ffffff;
    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;
}

/* 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: Driver's License Number
  9: Date of Birth
 10: Social Security Number
 11: Supporting Documents
 12: 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(9) {
        width: 49% !important;
    }
}



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

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