/**
 * ==========================================================
 * LE NAZAIRE — PAGE BLOG
 * ==========================================================
 */

.le-nazaire-blog-page {
        color: var(--nazaire-ink, #17252B);
}


/* ==========================================================
   INTRODUCTION
   ========================================================== */

.le-nazaire-blog-page__intro {
        max-width: 860px;

        margin:
                0
                auto
                var(--nazaire-space-2xl, 64px);
}


.le-nazaire-blog-page__lead {
        max-width: 800px;

        margin:
                0
                0
                var(--nazaire-space-m, 24px);

        font-size:
                clamp(
                        23px,
                        2.2vw,
                        30px
                );

        font-weight: 500;
        line-height: 1.45;

        color: var(--nazaire-ink, #17252B);
}


.le-nazaire-blog-page__intro
p:not(.le-nazaire-blog-page__lead) {
        max-width: 760px;

        margin-bottom: 0;

        font-size: 18px;
        line-height: 1.72;

        color:
                var(
                        --nazaire-ink-soft,
                        #526066
                );
}


/* ==========================================================
   ARTICLES
   ========================================================== */

.le-nazaire-blog-page__articles {
        max-width: 1200px;

        margin:
                0
                auto
                var(--nazaire-space-2xl, 64px);
}


.le-nazaire-blog-page__articles
.nazaire-blog {
        margin: 0;
}


/* ==========================================================
   CONCLUSION
   ========================================================== */

.le-nazaire-blog-page__closing {
        max-width: 860px;

        margin: 0 auto;

        padding-top:
                var(
                        --nazaire-space-xl,
                        48px
                );

        border-top:
                1px solid
                var(
                        --nazaire-line,
                        #B9B2A8
                );
}


.le-nazaire-blog-page__closing h2 {
        max-width: 820px;

        margin:
                0
                0
                var(--nazaire-space-m, 24px);

        font-size:
                clamp(
                        31px,
                        3.2vw,
                        44px
                );

        font-weight: 500;
        line-height: 1.12;
        letter-spacing: -0.025em;

        text-wrap: balance;

        color: var(--nazaire-ink, #17252B);
}


.le-nazaire-blog-page__closing p {
        max-width: 720px;

        font-size: 18px;
        line-height: 1.72;

        color:
                var(
                        --nazaire-ink-soft,
                        #526066
                );
}


.le-nazaire-blog-page__closing
.wp-block-buttons {
        margin-top:
                var(
                        --nazaire-space-l,
                        32px
                );
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 680px) {

        .le-nazaire-blog-page__intro {
                margin-bottom:
                        var(
                                --nazaire-space-l,
                                32px
                        );
        }


        .le-nazaire-blog-page__lead {
                font-size: 21px;
        }


        .le-nazaire-blog-page__intro
        p:not(.le-nazaire-blog-page__lead),

        .le-nazaire-blog-page__closing p {
                font-size: 16px;
                line-height: 1.68;
        }


        .le-nazaire-blog-page__articles {
                margin-bottom:
                        var(
                                --nazaire-space-xl,
                                48px
                        );
        }


        .le-nazaire-blog-page__closing {
                padding-top: 42px;
        }


        .le-nazaire-blog-page__closing h2 {
                font-size: 30px;
        }


        .le-nazaire-blog-page
        > .wp-block-group__inner-container,

        .le-nazaire-blog-page__intro
        > .wp-block-group__inner-container,

        .le-nazaire-blog-page__articles
        > .wp-block-group__inner-container,

        .le-nazaire-blog-page__closing
        > .wp-block-group__inner-container {
                padding-left: 0 !important;
                padding-right: 0 !important;
        }
}


/* ==========================================================
   CORRECTION PADDINGS GUTENBERG
   ========================================================== */

.le-nazaire-blog-page
> .wp-block-group__inner-container {
        padding-top:
                var(
                        --nazaire-space-m,
                        24px
                );

        padding-bottom:
                var(
                        --nazaire-space-m,
                        24px
                );
}


.le-nazaire-blog-page__intro
> .wp-block-group__inner-container,

.le-nazaire-blog-page__articles
> .wp-block-group__inner-container,

.le-nazaire-blog-page__closing
> .wp-block-group__inner-container {
        padding-top: 0;
        padding-bottom: 0;
}