media/css/legal/terms-firefox.scss

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

@use '~@mozilla-protocol/core/protocol/css/includes/lib' as *;

@use '~@mozilla-protocol/core/protocol/css/components/split';
@use '~@mozilla-protocol/core/protocol/css/components/picto';
@use '~@mozilla-protocol/core/protocol/css/components/section-heading';
@use '~@mozilla-protocol/core/protocol/css/templates/multi-column';

@import '../protocol/components/legal-toc';

html {
    scroll-behavior: smooth;

    @media (prefers-reduced-motion: reduce) {
        scroll-behavior: auto;
    }
}

.l-top {
    display: none;
    padding-top: $layout-sm;
    padding-bottom: 0;

    @media #{$mq-md} {
        display: block;
    }
}

.c-legal {
    padding-bottom: $spacing-md;
    padding-top: $layout-md;

    .c-legal-heading {
        border-bottom: 1px solid $color-light-gray-30;
        margin-bottom: $spacing-md;
        padding-bottom: $spacing-sm;
        text-wrap: balance;
    }

    h1 {
        margin-bottom: $spacing-xs;
        @include text-title-xs;
    }

    time {
        justify-self: end;
    }

    @media #{$mq-md} {
        scroll-margin-top: $layout-lg;

        .c-legal-heading {
            align-items: end;
            display: grid;
            grid-template-columns: 1fr 1fr;
            margin-bottom: 0;
            padding-bottom: 0;
            padding-top: $spacing-sm;
        }
    }
}

.mzp-c-article {
    width: auto;

    > section:first-child {
        h2 {
            border-top: 0;
            margin-bottom: $layout-xs;
            margin-top: 0;
            padding-top: 0;
        }
    }

    h2 {
        border-top: 1px solid $color-light-gray-30;
        margin-bottom: $layout-sm;
        margin-top: $layout-sm;
        padding-top: $layout-sm;
    }

    h3 {
        margin-bottom: $layout-xs;
        margin-top: $layout-sm;
    }

    h4 {
        @include text-body-lg;
        font-family: var(--body-font-family);
        margin-bottom: 0;
    }

    @media #{$mq-md} {
        h2 {
            margin-bottom: $layout-md;
            margin-top: $layout-md;
            padding-top: $layout-md;
        }

        h3 {
            margin-top: $layout-md;
        }
    }

    @media #{$mq-xl} {
        h2 {
            margin-bottom: $layout-lg;
            margin-top: $layout-lg;
            padding-top: $layout-lg;
        }

        h3 {
            margin-top: $layout-lg;
        }
    }
}

.mzp-u-data-table td {
    border-color: $color-light-gray-30;
    vertical-align: top;

    .mzp-u-list-styled {
        @include bidi((
            (margin-left, $spacing-sm, margin-right, 0),
        ));
        margin-bottom: 0;
    }
}

#lawful-bases + table td:nth-child(2){
    min-width: 20ch;
}


@media (max-width: #{$content-xl}) {
    .mzp-u-data-table {
        thead {
            display: none;
        }

        tr, th, td {
            display: block;
        }

        td {
            border: none;
            padding: $spacing-sm 0;

            &:first-child {
                @include text-title-2xs;
                font-weight: bold;
            }
        }

        tr {
        border-top: 1px solid $color-light-gray-50;
        padding: $layout-2xs 0;

        &:first-child {
            border-top: none;
        }
        }
    }
}