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

.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);
    gap: 5rem;

    & .jet-form-builder-col__start {
    flex: 0 0 25%;
    max-width: 25%;
}
}


.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: 600;
    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: 0.9rem;
    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: 40px;
    min-width: 170px;
    background-color: var(--gk-white);
    color: var(--gk-text-body);
    font-size: 0.9rem;
    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-text-info);
    color: var(--gk-white);
    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: 44px;
    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%;
        min-height: 56px !important;
    }
}


/* 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);
    
}


/* Select 2 Field */
.gk-form-cct--row .jet-form-builder-row.field-type-select-field .select2-container--default .select2-selection--single {
    min-height: 48px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: var(--gk-form-field-border-color);
    border-radius: 0;

    & .select2-selection__rendered {
        padding-left: 0;
        padding-right: 0;
        color: var(--gk-text-heading);
        font-size: 0.9rem;
        font-weight: 500;
    }

    & .select2-selection__arrow {
        position: relative;
    }
    
}

.gk-form-cct--row .select2-container--open {

    & .select2-dropdown {
        border-radius: 0;
        border-color: var(--gk-form-field-border-color);

        & .select2-search--dropdown {
            padding: 0;

            & input.select2-search__field {
                outline: none;
                padding: 0 12px;
                background-color: var(--gk-grey-200);
                border-top: none;
                border-left: none;
                border-right: none;
            }
        }

        & .select2-results .select2-results__option {
                padding: 6px 12px;
                font-weight: 500;
            }
        
        & .select2-results .select2-results__option.select2-results__message {
                color: var(--gk-primary);
                font-weight: 400;
                letter-spacing: -0.2px;
            }
    }
}


/* Select Template */

.gk-form-cct--row .jet-form-builder__field-template.jet-listing-base {
    padding: 1rem;
    min-width: 240px;
    background-color: var(--gk-white);
    border: 1px solid var(--gk-border);

    & .form-listing-template-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        

        & img {
            width: 72px;
            border-radius: 50%;
        }

        & h4 {
            font-size: 0.9375rem;
            font-weight: 600;
            letter-spacing: -0.2px;
            margin-top: 0.75rem;
        }

        & span {
            color: var(--gk-text-description);
            font-size: 0.8125rem;
            font-weight: 400;
            line-height: 1.25;
        }
    }
}
.gk-form-cct--row .jet-form-builder__field-template.jet-listing-base.jet-form-builder__field-template--checked {
    border-color: var(--gk-text-info);
    outline: 1px solid var(--gk-text-info);
    background-color: var(--gk-white);

    & .form-listing-template-item::before {
        content: 'Selected';
        display: block;
        padding: 0.125rem 0.625rem;
        background-color: var(--gk-text-info);
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--gk-white);
        letter-spacing: -0.2px;
    }
}