/*
    Block: Product Line Specifications
    Note: Selectors must start with .block-product-line-specifications
*/

@layer blocks {
    .block-product-line-specifications .tab-content:not(.active) {
        display: none;
    }

    .block-product-line-specifications .tabs-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0.5rem;
    }

    .block-product-line-specifications .tabs-wrapper .tab {
        padding: 0.875rem 1.125rem;
        -moz-appearance: none;
             appearance: none;
        -webkit-appearance: none;
        border: 1px solid transparent;
        background-color: transparent;

        text-decoration: none;
        cursor: pointer;

        font-family: var(--ff-secondary);
        font-size: var(--fs-11-13);
        font-weight: 300;
        line-height: 1.3;
        letter-spacing: -.01em;
        text-transform: uppercase;
        color: var(--c-body-grey);
    }

    .block-product-line-specifications .tabs-wrapper .tab.active {
        border-radius: 100vw;
        --border-stroke: hsl(226 50% 27% / 15%);
        border: 1px solid var(--border-stroke);
        background-color: hsl(226 50% 27% / 5%);
        backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px);
        -webkit-transition: border-color var(--transition-dur) var(--transition-func);
        transition: border-color var(--transition-dur) var(--transition-func);
        color: var(--c-dark-blue);
    }

    .block-product-line-specifications .values-list {
        padding: 0;
        margin: 0;
        padding-top: 2.8125rem;
        margin-top: 1.5625rem;
        --border-stroke: hsl(226 50% 27% / 15%);
        border-top: 1px solid var(--border-stroke);

        list-style: none;

        -webkit-column-gap: 7.5rem;

           -moz-column-gap: 7.5rem;

                column-gap: 7.5rem;
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
    }

    .block-product-line-specifications .values-list li {
        -webkit-column-break-inside: avoid;
           -moz-column-break-inside: avoid;
                break-inside: avoid;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 0.75rem;
        color: var(--c-dark-blue);
        font-weight: 500;
    }

    .block-product-line-specifications .values-list li:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .block-product-line-specifications .bs-icon--check-circle {
        color: var(--c-orange);
    }

    @media screen and (width <= 920px) {
        .block-product-line-specifications .values-list {
            -webkit-column-gap: 3.75rem;
               -moz-column-gap: 3.75rem;
                    column-gap: 3.75rem;
        }
    }

    @media screen and (width <= 920px) {
        .block-product-line-specifications .values-list {
            -webkit-columns: 1;
               -moz-columns: 1;
                    columns: 1;
            margin-top: 1.25rem;
            padding-top: 2.375rem;
        }
        .block-product-line-specifications .values-list li:not(:last-child) {
            margin-bottom: 1.25rem;
        }
        .block-product-line-specifications .tabs-wrapper .tab {
            padding: 0.75rem 1.125rem;
        }
    }

}