.gk-form-cct--row {
    --checked-track-bg-color: var(--gk-primary);
}

.gk-form-section-title {
    margin-block: 4rem 1.5rem;
    padding-inline: 0.75rem;
    font-size: 1.5rem !important;
}

/* Row */
.gk-form-cct--row .jet-form-builder-row:not(.field-type-submit-field) {
    margin-bottom: 1rem;
    padding: 1.25rem .75rem; /* Should be the same in Jetformbuilder Tabs CSS tab content */
    background-color: var(--gk-white);
}


.gk-form-cct--row .jet-form-builder-row:hover:not(.field-type-submit-field):not(.field-type-repeater-field):not(.jet-form-builder-repeater__row-fields .jet-form-builder-row) {
    background-color: var(--gk-bg-highlight);
}


/* Label */
.gk-form-cct--row .jet-form-builder__label {
    margin-bottom: 0.375rem;
    display: flex;

    & .jet-form-builder__label-text {
    color: var(--gk-text-heading);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.2px;
}
}


/* Input */
.gk-form-cct--row .jet-form-builder-row.field-type-date-field input, 
.gk-form-cct--row .jet-form-builder-row .jet-form-builder__field-wrap textarea,
.gk-form-cct--row .jet-form-builder-row .jet-form-builder__field-wrap select,
.gk-form-cct--row .jet-form-builder-row .jet-form-builder__field-wrap input {
    background-color: var(--gk-white);
    color: var(--gk-text-heading);
    font-size: 1rem;
    font-weight: 500;
    border-color: var(--gk-form-field-border-color);
    line-height: 46px;
    letter-spacing: -0.2px;
    border-radius: var(--gk-form-field-border-radius);
}

.gk-form-cct--row .jet-form-builder-row.field-type-date-field input {
    line-height: 44px;
}

.gk-form-cct--row .jet-form-builder__field.select-field:focus,
.gk-form-cct--row .jet-form-builder__field.textarea-field:focus, 
.gk-form-cct--row .jet-form-builder__field.text-field:focus {
  box-shadow: var(--gk-form-field-focus-shadow);
  border-color: var( --gk-form-field-focus-border);
  outline: none;
}
 

/* Description */
.gk-form-cct--row .jet-form-builder__desc {
    margin-bottom: 0;
    color: var(--gk-text-description);
    font-size: 0.8rem !important;
    font-weight: 500;
    line-height: 1.25;

    & small {
        font-size: 100%;
    }
}


/* Make form field description under label by replacing the input field position */
#affiliate_rejection_notify_email,
#device_external_storage,
#device_has_audio_jack,
#refund_send_email,
#inquiry_is_archived,
input.jet-form-builder__field,
.jet-form-builder__field.datetime-field,
.jet-form-builder__field.date-field,
.jet-form-builder__fields-group.checkradio-wrap,
.jet-form-builder__field-wrap,
.jet-form-builder__calculated-field{
    order: 4;
}

/* Input No edit */
.gk-form-cct--row .no-edit{
    background-color: var(--gk-grey-400);
    pointer-events: none;
}


/* Radio Field */
.gk-form-cct--row .jet-form-builder__fields-group.checkradio-wrap{
    margin-top: 0.25rem;
    flex-direction: row !important;
}

.gk-form-cct--row .jet-form-builder__field-label.for-checkbox span,
.gk-form-cct--row .jet-form-builder__field-label.for-radio span {
    padding-inline: 0.5rem 0.5rem;
    min-height: 48px;
    min-width: 200px;
    background-color: var(--gk-white);
    color: var(--gk-text-body);
    font-size: 0.875rem;
    font-weight:500;
    letter-spacing: -0.1px;
    border: 1px solid var(--gk-border);
    border-radius: var(--gk-input-radius);
}

.gk-form-cct--row .jet-form-builder__field-wrap.checkradio-wrap span {
    justify-content: center;
    gap: 0.625rem;
}

/*
.gk-form-cct--row .jet-form-builder__field-label.for-checkbox span::before,
.gk-form-cct--row .jet-form-builder__field-label.for-radio span::before {
    display: none;
}*/

.gk-form-cct--row .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox>span::before, 
.gk-form-cct--row .field-type-radio-field .jet-form-builder__field-label.for-radio>span::before {
    display: none !important;
}

.gk-form-cct--row .jet-form-builder__field-label :checked + span {
    background-color: var(--gk-bg-info);
    color: var(--gk-text-info);
    font-weight: 600;
    border-color: var(--gk-text-info);
}


/* Submit Button */
.gk-form-cct--row .jet-form-builder-row.field-type-submit-field {
    margin-top: 2rem !important;
}

.gk-form-cct--row .jet-form-builder__action-button {
    width: auto;
    padding-inline: 1rem;
    min-height: 40px;
    align-items: center;
    background-color: var(--gk-primary);
    color: var(--gk-white);
    font-weight: 600;
    border-radius: var(--gk-button-radius);
    transition: background .2s ease;
}

.gk-form-cct--row .jet-form-builder__action-button:hover{
    background-color: var(--gk-primary-800);
}

@media(max-width: 767px){
    .gk-form-cct--row .jet-form-builder__action-button {
    width: 100%;
    }
}


/* Hierachical Select Field */
.gk-form-cct--row .jet-form-builder-row.field-type-hr-select .jet-form-builder-hr-select-level .jet-form-builder-col__start{
    display: none;
}


/* Repeater Field */
.gk-form-cct--row .jet-form-builder-row.field-type-repeater-field .jet-form-builder-repeater__items{
    margin-bottom: 1rem;
}

.gk-form-cct--row .jet-form-builder-repeater__row {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: var(--gk-white);
    border: 1px solid var(--gk-border);
    border-radius: var(--gk-block-radius);
}

.gk-form-cct--row .jet-form-builder-repeater__row .jet-form-builder-row {
    margin-bottom: 0;
    padding: 0;

    & .jet-form-builder-repeater__row-fields {
        display: flex !important;
        flex-direction: column;
        row-gap: 0.75rem;
    }
    
}

.gk-form-cct--row .jet-form-builder-repeater__row-remove button.jet-form-builder-repeater__remove {
    margin: 0 0 0 1.5rem;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-color: var(--gk-white);
    color: var(--gk-text-error);
    font-size: 1.5rem;
    border: 1px solid var(--gk-text-error);
    border-radius: var(--gk-round-radius);
    transition: all .3s ease;

    &:hover {
        background-color: var(--gk-bg-error);
    }

}

.gk-form-cct--row .jet-form-builder-repeater__actions button.jet-form-builder-repeater__new {
    min-height: 40px;
    padding: 0 1rem;
    background-color: var(--gk-white);
    color: var(--gk-text-info);
    font-size: 0.875rem;
    font-weight: 600;
    border: 1px solid var(--gk-text-info);
    border-radius: var(--gk-button-radius);
    
}