/* Privacy Policy links: underline and inherit color */
.referral-form .agreement-link {
  text-decoration: underline !important;
  color: inherit;
  transition: color 200ms ease;
}
/* Privacy Policy links hover: Elementor primary color */
.referral-form .agreement-link:hover{
  color: var( --e-global-color-primary ) !important;
}

/*PDPA Checklist Alignment*/
.referral-form .jet-form-builder__field-wrap.checkradio-wrap span{
    display: flex;
    align-items: start;
}

/* Ensure all form fields go full-width esp on responsive devices */
.referral-form input,
.referral-form select,
.referral-form textarea {
    max-width: 100% !important;
}
/* Turn underline border and text into Denza blue when focused */
.referral-form input:focus,
.referral-form select:focus,
.referral-form textarea:focus{
    outline: none !important; /* Remove WP dotted focus outline inside this form */
    border-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-primary) !important;
}
/* Remove 5px default padding from JetFormBuilder */
.jet-form-builder-row{
    padding: 0px;
}
/* Submit button: smooth hover ring transition */
.denza--form-submit-btn{
    transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease, -moz-box-shadow 0.25s ease;
}
/* Submit button hover: subtle blue ring */
.denza--form-submit-btn:hover{ /*Submit button hover state*/
    box-shadow: 0px 0px 0px 1px rgba(0, 48, 135, 1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 48, 135, 1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,48,135,1);
}
/* Label links: underline and inherit color */
.referral-form .agreement-link {
  text-decoration: underline;
  color: inherit;
  transition: color 200ms ease;
}
/* Label links hover: Elementor primary color */
.referral-form .agreement-link:hover{
  color: var( --e-global-color-primary );
}
/* Checkbox/radio label: align to top for multi-line labels */
.referral-form .jet-form-builder__field-wrap.checkradio-wrap span {
    display: flex;
    align-items: start !important;
}
/* Removes margin for the JetForm column */
.referral-form .col-referral-honorifics-name, .col-referral-contact-num-email, .col-referral-referred-honorifics-name {
  margin-bottom: 0 !important;
}
/* Set specific spacing below the last column */
.referral-form .col-referral-referred-contact-num-email {
    margin-bottom: 32px !important;
}
/* Adds margin above the Referred Customer header text */
.referral-form .denza--referral-referred-header {
    margin-top: 2rem !important;
}

/* Tablet and below: center the first wrapper inside text-field rows; keep car cards in one row */
@media (max-width: 1024px){
    .referral-form .jet-form-builder-row.field-type-text-field div:nth-child(1){
        display: flex;
        justify-content: center;
    }
    /* Removes row-gap for the columns */
    .referral-form .col-referral-honorifics-name, .col-referral-honorifics, .col-referral-name, .col-referral-contact-num-email, .col-referral-contact-number, .col-referral-email, .col-referral-referred-honorifics-name, .col-referral-referred-contact-num-email, .col-referral-referred-honorifics, .col-referral-referred-name, .col-referral-referred-contact-number, .col-referral-referred-email {
        margin-bottom: 0 !important;
        row-gap: 0 !important;
    } 
    .referral-form .txtfield-referral-honorifics, .txtfield-referral-name, .txtfield-referral-vehicle-reg-num, .txtfield-referral-contact-number, .txtfield-referral-email, .txtfield-referral-representative-name, .txtfield-referral-referred-honorifics, .txtfield-referral-referred-name, .txtfield-referral-referred-contact-number, .txtfield-referral-referred-email {
        margin-bottom: 12px !important;
        align-items: center;
    }
}