form[data-op3-element-options-type$="form"] {
    // Children property.
    .op3-element-options-property[data-op3-element-options-property-name="children"] {
        .op3-element-options-property-children-list {
            &::after {
                content: "Empty Children List";
                display: none;
                font-size: 12px;
                color: #8e8e8e;
            }

            &:empty::after {
                display: block;
            }
        }

        .op3-element-options-property-children-list-item-clone,
        .op3-element-options-property-children-list-item-remove {
            display: none;
        }

        .op3-element-options-property-children-list-item-visible {
            display: flex;
        }
    }
}

// Hide some properties for form children (fields/button).
form[data-op3-element-options-path*="/form/"],
form[data-op3-element-options-path*="/contactform/"],
form[data-op3-element-options-path*="/loginandsignupform/"],
form[data-op3-element-options-path*="/userprofileform/"]
{
    .op3-element-options-group[data-op3-element-options-group-id="custom_experiences"],
    .op3-element-options-group[data-op3-element-options-group-id="responsive"],
    .op3-toolbar-list-item[data-op3-toolbar-nav-id="clone"],
    .op3-toolbar-list-item[data-op3-toolbar-nav-id="move"],
    .op3-toolbar-list-item[data-op3-toolbar-nav-id="delete"],
    .op3-toolbar-list-item[data-op3-toolbar-nav-id="advanced"],
    .op3-element-options-property[data-op3-element-options-property-id="marginAlign"] {
        display: none;
    }

    &[data-op3-element-options-type="checkbox"] {
        &[data-op3-element-options-spec="gdpr1"],
        &[data-op3-element-options-spec="gdpr2"] {
            .op3-element-options-property[data-op3-element-options-property-id="urlMapping"] {
                display: none;
            }

            // non-GDPR compliant form
            .op3-element-options-property[data-op3-element-options-property-id="required"][data-op3-element-options-property-value="1"] ~ .op3-element-options-property[data-op3-element-options-property-id="checked"],
            .op3-element-options-property[data-op3-element-options-property-id="checked"][data-op3-element-options-property-value="1"] {
                &::after {
                    content: "Making this field required or checked may make your form non-GDPR compliant.";
                    display: block;
                    width: 100%;
                    margin-top: 16px;
                    font-size: 11px;
                    font-style: italic;
                    color: #333;
                    opacity: .8;
                }
            }
        }
    }

    &[data-op3-element-options-type="button"] {
        .op3-element-options-property[data-op3-element-options-property-id="width"] {
            display: flex;
        }

        .op3-toolbar-list-item[data-op3-toolbar-nav-id="alignment"],
        .op3-element-options-property[data-op3-element-options-property-id="href"],
        .op3-element-options-property[data-op3-element-options-property-id="target"],
        .op3-element-options-property[data-op3-element-options-property-id="action"],
        .op3-element-options-property[data-op3-element-options-property-id="name"],
        .op3-element-options-property[data-op3-element-options-property-id="buttonSize"],
        .op3-element-options-property[data-op3-element-options-property-id="maxWidth"] {
            display: none;
        }
    }
}

// Context menu tweaks.
#op3-context-menu {
    &[data-op3-element-path*="/form/"],
    &[data-op3-element-path*="/contactform/"],
    &[data-op3-element-path*="/loginandsignupform/"],
    &[data-op3-element-path*="/userprofileform/"] {
        .op3-context-menu-list-item[data-op3-action="markAsGlobalElement"],
        .op3-context-menu-list-separator[data-op3-separator="clipboard/export"],
        .op3-context-menu-list-separator[data-op3-separator="global/delete"],
        .op3-context-menu-list-item[data-op3-action="clone"],
        .op3-context-menu-list-separator[data-op3-separator="clone/clipboard"],
        .op3-context-menu-list-separator[data-op3-separator="export/delete"],
        .op3-context-menu-list-item[data-op3-action="delete"] {
            display: none;
        }

        .op3-context-menu-list-item[data-op3-action="cut"],
        .op3-context-menu-list-item[data-op3-action="copy"],
        .op3-context-menu-list-item[data-op3-action="paste"] {
            opacity: 0.33;
            pointer-events: none;
        }
    }
}