// DEPRECATED, won't be used once Salesforce panel will have been refactored and once coveo-form will be completed.
form {
    .coveo-block-form {
        .form-group + .form-group {
            margin-top: 10px;
        }

        .form-group.sub {
            margin-left: 10px;
        }
    }
}

// New simple form, scoped under coveo-form to prevent breaking the table-form
.coveo-form {
    &.mod-padding-children {
        > .input-field {
            margin-top: $form-group-margin + $input-margin-top;
        }

        > *:not(:first-child) {
            margin-top: $spacing * 2;

            &.input-field {
                margin-top: $form-group-margin + $input-margin-top;
            }
        }
    }

    .form-control-label {
        display: inline-flex; // Used for inline-help-tooltip placement
        align-items: center;
        margin-bottom: $form-control-label-margin;
        color: var(--title-text-color);
        font-size: $form-control-label-font-size;

        &.flex {
            display: flex;
        }
    }

    .form-group {
        display: block;

        & + .form-group {
            margin-top: $form-group-margin;

            &.input-field {
                margin-top: $form-group-margin + $input-margin-top;
            }
        }

        .labeled-tooltip {
            width: 15px;
            height: 15px;
            fill: var(--digital-blue-60);
        }

        &.checkbox-label,
        &.coveo-slide-toggle-label {
            display: flex;
        }

        &.collapsable-panel-group {
            .panel-heading a {
                padding-left: 18px;
            }

            .toggle-icon {
                left: 0;
            }
        }

        @mixin section-mixin($level) {
            $scaledSpacing: nth([6, 4, 2.5], $level) * $spacing * 0.5;
            $scaledDescriptionFontSize: nth([$default-font-size, $small-font-size, $small-font-size], $level);
            $inputFieldLabelSpacing: 0.75rem;
            $plasmaSliderTopSpacing: 1.75rem;

            > :not(:first-child) {
                margin-top: $scaledSpacing;
            }

            > .labeled-input {
                > .input-field {
                    margin-top: $scaledSpacing + $inputFieldLabelSpacing;
                }

                > *:not(:first-child) {
                    margin-top: 0.5rem;
                }
            }

            > .btn {
                + .input-field {
                    margin-top: $scaledSpacing + $inputFieldLabelSpacing;
                }
            }

            > .vapor-slider.input-field {
                margin-top: $scaledSpacing + $plasmaSliderTopSpacing;
                margin-bottom: 0.75rem;
            }

            > .input-field {
                margin-top: $scaledSpacing + $inputFieldLabelSpacing;
            }
        }

        &.mod-padding-children {
            > .labeled-input {
                > .help-text {
                    margin-top: 0.4rem;
                }
            }

            > .description {
                margin-top: 0;
            }

            > .btn {
                margin-top: 0;
            }

            &.level-1 {
                @include section-mixin(1);
            }

            &.level-2 {
                @include section-mixin(2);
            }

            &.level-3 {
                @include section-mixin(3);
            }
        }
    }

    .inline-help-tooltip {
        margin-left: 10px;
        pointer-events: visible; // Very useful inside an input-field

        &,
        .inline-help-icon,
        .inline-help-icon > svg,
        .inline-link-icon,
        .inline-link-icon > svg {
            display: inline-block;
            width: 1.2em;
            height: 1.2em;
        }

        .inline-help-icon,
        .inline-help-icon > svg {
            fill: var(--deprecated-medium-grey);
        }

        .inline-link-icon,
        .inline-link-icon > svg {
            fill: var(--deprecated-orange);
        }
    }
}