/*
* @author  Agence Dn'D <contact@dnd.fr>
* @license https://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
* @link    https://www.dnd.fr/
*/

.section-full-image-with-text {
    &.sgenshop-custom {
        .container {
            @media (max-width: 767.98px) {
                margin-bottom: 60px;
            }
        }

        .use-color-scheme,
        .container {
            padding: 0;
            max-width: none;

            .flexible-layout {
                margin: 0;

                .column {
                    margin-top: 0;
                    margin-bottom: 0;
                    padding-left: 0;

                    &:last-of-type {
                        padding: 30px;
                    }
                }
            }

            .image-overlap {
                overflow: hidden;

                &.aspect-ratio-1-1 {
                    aspect-ratio: 1/1;
                }

                &.aspect-ratio-4-5 {
                    aspect-ratio: 4/5;
                }

                &.aspect-ratio-5-4 {
                    aspect-ratio: 5/4;
                }
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .image-overlap {
                max-width: none !important;
            }

            &.is-boutique {
                .subheading {
                    margin-top: 20px;
                    margin-bottom: 5px;
                    font-size: var(--base-text-size);
                    letter-spacing: 0;
                    text-transform: initial;
                    opacity: 0.3;
                }

                .rte:not(.disclosure__content) {
                    opacity: 0.5;

                    p {
                        margin-bottom: 0;

                        strong {
                            text-decoration: underline;
                            font-weight: var(--font-weight-400);
                            opacity: 1;
                        }
                    }
                }

                .button-row {
                    margin-top: 30px;
                    margin-right: 0;
                    margin-left: 0;
                    @media (min-width: 767.98px) {
                        display: flex;
                        column-gap: 10px;
                        margin-top: 20px;
                    }

                    .btn {
                        margin-right: 0;
                        margin-left: 0;
                        width: auto;
                        @media (min-width: 767.98px) {
                            width: auto;
                        }
                    }
                }
            }

            &.is-collection {
                .majortitle {
                    font-size: var(--base-text-size-x-large);
                    @media (min-width: 767.98px) {
                        font-size: var(--title-size-h2-mobile);
                    }
                }
            }
        }

        .product-info-accordion {
            .disclosure {
                border-top: none;
                border-bottom: 1px solid rgb(var(--body-text-color) / 0.15);
            }

            &:first-of-type {
                .disclosure {
                    border-top: 1px solid rgb(var(--body-text-color) / 0.15);
                }
            }

            + .rte,
            + .rte + .rte {
                margin-top: 20px;
                margin-bottom: 20px;
                @media (min-width: 1400px) {
                    display: inline-block;
                }
            }

            + .rte {
                @media (min-width: 1400px) {
                    margin-right: 80px;
                }
            }
        }

        .disclosure {
            margin-bottom: 0;

            .disclosure__title {
                padding: 20px 30px 20px 10px;

                &::before,
                &::after {
                    right: 10px;
                    border-radius: 6px;
                    width: 6px;
                }
            }

            .disclosure__panel {
                margin-bottom: 10px;
                padding: 0 10px;
            }

            .disclosure__content.rte {
                padding-bottom: 10px;

                p {
                    strong {
                        display: block;
                        margin-top: 20px;
                        margin-bottom: 0;
                        border-bottom: none;
                        font-size: var(--base-text-size);
                        letter-spacing: 0;
                        opacity: 0.3;
                        font-weight: var(--font-weight-400);
                    }

                    &:first-of-type {
                        strong {
                            margin-top: 0;
                        }
                    }
                }
            }

            .disclosure__buttons {
                .button-row {
                    margin-top: 0;
                }
            }
        }

        .majortitle {
            font-size: var(--base-text-size-xm-large);
            text-transform: uppercase;
            @media (min-width: 767.98px) {
                font-size: var(--title-size-h2-desktop);
            }
        }

        .icon-radiance {
            margin-bottom: var(--section-padding-mobile);
            @media (min-width: 767.98px) {
                margin-bottom: 40px;
            }
        }

        &.is-slideshow {
            .glide {
                .glide__bullets {
                    right: var(--section-padding-mobile);
                    bottom: 40px;
                    left: var(--section-padding-mobile);
                    transform: none;
                    @media (min-width: 767.98px) {
                        right: 30px;
                        bottom: 50px;
                        left: 30px;
                    }

                    .glide__bullet {
                        opacity: 1;
                        margin: 0;
                        background-color: var(--primary);
                        width: 100%;
                    }
                }

                .glide__slide {
                    height: auto;
                }

                .glide__arrow {
                    opacity: 0.7;
                }

                .glide__arrow--right {
                    top: initial;
                    bottom: 30px;
                    @media (min-width: 767.98px) {
                        right: 30px;
                        bottom: -25px;
                        padding: var(--section-padding-desktop) 0 var(--section-padding-desktop) var(--section-padding-mobile);
                    }
                }

                .glide__arrow--left {
                    top: initial;
                    right: 30px;
                    bottom: 30px;
                    left: initial;
                    @media (min-width: 767.98px) {
                        right: var(--section-padding-desktop);
                        bottom: -25px;
                        padding: var(--section-padding-desktop) var(--section-padding-mobile) var(--section-padding-desktop) var(--section-padding-desktop);
                    }
                }
            }
        }
    }
}