.gk-form--user-settings {
    --form-section-gap: 3rem;
    --form-border: var(--gk-border);
    --form-input-bg-color: white;
    
    --form-input-font-size: 0.875rem;
    --form-input-font-weight: 500;
    --form-section-border: 1px solid var(--form-border);
    --form-section-border-radius: 0px;
    --form-section-header-min-height: 56px;
    --form-section-footer-min-height: 56px;
    --form-section-footer-bg-color: #fafafa;
    --form-section-padding: 1.5rem;

    --form-label-color: var(--gk-text-heading);
    --form-label-font-size: 0.9375rem;
    --form-label-font-weight: 700;
    --form-label-line-height: 1;
    --form-label-letter-spacing: -0.2px;

    --form-desc-color: var(--gk-text-description);
    --form-desc-font-size: 0.875rem;
    --form-desc-font-size-sm: 0.8rem;
    --form-desc-font-weight: 500;
    --form-desc-line-height: 1.25rem;
    --form-desc-letter-spacing: -0.2px;
    
    --checked-track-bg-color: var(--gk-primary);
}

@media(max-width: 767px){
    .gk-form--user-settings {
    --form-section-gap: 1.5rem;
    --form-border: var(--gk-border-light);
    --form-section-border: none;
    --form-section-border-radius: 0px;
    --form-section-header-min-height: 56px;
    --form-section-footer-min-height: 68px;
    --form-section-footer-bg-color: white;
    --form-section-padding: 1rem;

    --form-label-font-size: 1rem;
    --form-label-font-weight: 800;
    --form-label-line-height: 1;
    --form-label-color: var(--gk-text-heading);
    --form-label-letter-spacing: -0.3px;

    --form-desc-color: var(--gk-text-description);
    --form-desc-font-size: 0.875rem;
    --form-desc-font-size-sm: 0.8rem;
    --form-desc-font-weight: 400;
    --form-desc-line-height: 1.25rem;
    --form-desc-letter-spacing: -0.2px;
    
}
}

/* Form Section */
.gk-form--user-settings .gk-form__section {
    background-color: var(--gk-white);
    border: var(--form-section-border);
    border-radius: var(--form-section-border-radius);
    overflow: hidden;
}

.gk-form--user-settings .gk-form__section:not(:first-of-type) {
    margin-top: var(--form-section-gap);
}

.gk-form--user-settings .gk-form__section-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: var(--form-section-header-min-height);
    padding: 0 var( --form-section-padding);
    border-bottom: 1px solid var(--form-border);
}

.gk-form--user-settings .gk-form__section-content {
    padding: 2rem var( --form-section-padding);
    row-gap: 1.5rem;
} 

.gk-form--user-settings .gk-form__section-footer {
    min-height: var(--form-section-footer-min-height);
    padding: 0 var( --form-section-padding);
    justify-content: flex-end;
    background-color: var(--form-section-footer-bg-color);
    border-top: 1px solid var(--form-border);
}

.gk-form--user-settings h2.gk-form__section-title {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -0.6px;
}

@media(max-width: 767px){
    
.gk-form--user-settings .gk-form__section-footer {
    justify-content: flex-start;
}
}

/* Fields Group */
.gk-form--user-settings .gk-form-user-settings__field-group  {
    display: grid;
    grid-template-columns: 1.25fr 3fr;
}

@media(max-width: 767px){
.gk-form--user-settings .gk-form-user-settings__field-group  {
    grid-template-columns: 1fr;
    gap: 0.25rem;
}
}


/* Label and Description */
.gk-form--user-settings h3.gk-form__label{
    color: var(--form-label-color);
    font-size: var(--form-label-font-size);
    font-weight: var(--form-label-font-weight);
    letter-spacing: var(--form-label-letter-spacing);
}

.gk-form--user-settings .jet-form-builder__desc {
    margin-top: 0.25rem;
    line-height: var(--form-desc-line-height);
}

.gk-form--user-settings .jet-form-builder__desc small{
    color: var(--form-desc-color);
    font-size: var(--form-desc-font-size-sm);
    font-weight: var(--form-desc-font-weight);   
}

.gk-form--user-settings p.gk-form__desc {
    margin-top: 0.5rem;
    color: var(--form-desc-color);
    font-size: var(--form-desc-font-size);
}

@media(max-width: 767px){
    
.gk-form--user-settings .jet-form-builder__desc {
    margin-top: 0.5rem;
}
    
}

/* Input Field */
.gk-form--user-settings input {
    background-color: var(--form-input-bg-color);
    font-size: var(--form-input-font-size);
    font-weight: var(--form-input-font-weight);
    border-color: var(--gk-form-field-border-color);
    border-radius: var(--gk-form-field-border-radius); /* See form general CSS */
    line-height: 42px;
}

.gk-form--user-settings .jet-form-builder__field.text-field:focus {
    /* See form general CSS */
    box-shadow: var(--gk-form-field-focus-shadow);
    border-color: var(--gk-form-field-focus-border);
    outline: none;
}

.gk-form--user-settings .jet-form-builder__field.text-field::placeholder{
    color: var(--gk-text-placeholder);
}

@media(max-width: 767px){
    .gk-form--user-settings .jet-form-builder__field.text-field {
        min-height: 52px;
    }
}

/* Submit Button */
.gk-form--user-settings .gk-action-button,
.gk-form--user-settings button.jet-form-builder__submit {
    padding-inline: 1rem;
    display: flex;
    align-items: center;
    min-height: 32px;
    background-color: var(--gk-text-heading);
    color: var(--gk-white);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: -0.2px;
}

@media(max-width: 767px){

.gk-form--user-settings .gk-action-button,
.gk-form--user-settings button.jet-form-builder__submit {
    padding-inline: 1.5rem;
    min-height: 40px;
    background-color: var(--gk-text-heading);
    font-size: 0.875rem;
}
}


/* Switcher Field */
.gk-form--user-settings .gk-switcher-field .wp-block-column:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.gk-form--user-settings .gk-switcher-field .wp-block-jet-forms-switcher {
    display: flex;
    justify-content: flex-end;
}

@media(max-width: 767px){
.gk-form--user-settings .gk-switcher-field .wp-block-column:last-child {
    justify-content: flex-start;
}

.gk-form--user-settings .gk-switcher-field .wp-block-jet-forms-switcher {
    justify-content: flex-start;
}
}