@use '../../../../../src/lib/styles/flex' as flex;

.adf-grid-list {
    &-section {
        &-single-column {
            display: flex;
            flex-wrap: inherit;
            align-items: center;
            gap: 1%;

            @include flex.layout-bp(lt-md) {
                /* stylelint-disable-next-line declaration-no-important */
                flex: 1 1 100% !important;
                flex-direction: column;
            }

            .adf-section-widget {
                @include flex.layout-bp(lt-md) {
                    /* stylelint-disable-next-line declaration-no-important */
                    width: 100% !important;
                }
            }

            > div {
                @include flex.layout-bp(lt-md) {
                    /* stylelint-disable-next-line declaration-no-important */
                    width: 100% !important;
                }
            }
        }

        &-column-view-item {
            width: 100%;
            display: flex;
            flex-grow: 1;
            box-sizing: border-box;
        }
    }
}