.elementor-8150 .elementor-element.elementor-element-222dd5fc{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--margin-top:10px;--margin-bottom:10px;--margin-left:20px;--margin-right:20px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8150 .elementor-element.elementor-element-502329f8.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-8150 .elementor-element.elementor-element-502329f8{text-align:start;}.elementor-8150 .elementor-element.elementor-element-502329f8 img{width:120px;}.elementor-8150 .elementor-element.elementor-element-63651cb7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-8150 .elementor-element.elementor-element-34cf0af6{width:100%;max-width:100%;}.elementor-8150 .elementor-element.elementor-element-272b9249{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:nowrap;}.elementor-8150 .elementor-element.elementor-element-75392594{width:auto;max-width:auto;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-8150 .elementor-element.elementor-element-7c77b26e{width:auto;max-width:auto;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-8150 .elementor-element.elementor-element-7c77b26e .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-8150 .elementor-element.elementor-element-19609dbc{--display:flex;--min-height:50px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-8150 .elementor-element.elementor-element-10da8bc1.elementor-element{--align-self:flex-start;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle{margin:0 auto;}.elementor-8150 .elementor-element.elementor-element-489b8839{--display:flex;}@media(min-width:768px){.elementor-8150 .elementor-element.elementor-element-272b9249{--content-width:300px;}.elementor-8150 .elementor-element.elementor-element-19609dbc{--content-width:1400px;}}@media(max-width:1024px){.elementor-8150 .elementor-element.elementor-element-222dd5fc{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:nowrap;}.elementor-8150 .elementor-element.elementor-element-502329f8 img{width:105px;}.elementor-8150 .elementor-element.elementor-element-34cf0af6{width:100%;max-width:100%;}.elementor-8150 .elementor-element.elementor-element-272b9249{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-8150 .elementor-element.elementor-element-19609dbc{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-8150 .elementor-element.elementor-element-7d332f4{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-8150 .elementor-element.elementor-element-222dd5fc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:0px;}.elementor-8150 .elementor-element.elementor-element-502329f8 img{width:85px;}.elementor-8150 .elementor-element.elementor-element-272b9249{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8150 .elementor-element.elementor-element-272b9249.e-con{--align-self:center;}}/* Start custom CSS for fibosearch, class: .elementor-element-34cf0af6 *//* =========================================================
   FIBOSEARCH
   Le conteneur parent contrôle la largeur
========================================================= */

.elementor-8150 .elementor-element.elementor-element-34cf0af6 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.elementor-8150 .elementor-element.elementor-element-34cf0af6 .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.elementor-8150 .elementor-element.elementor-element-34cf0af6 .dgwt-wcas-search-wrapp {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    box-sizing: border-box;
}

.elementor-8150 .elementor-element.elementor-element-34cf0af6 .dgwt-wcas-search-input {
    width: 100% !important;
    min-width: 0 !important;

    min-height: 48px !important;
    border-radius: 999px !important;

    box-sizing: border-box;
}


/* Mobile */
@media (max-width: 767px) {

    .elementor-8150 .elementor-element.elementor-element-34cf0af6 .dgwt-wcas-search-input {
        min-height: 44px !important;
        font-size: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63651cb7 *//* =========================================================
   CONTENEUR RECHERCHE — LARGEUR FLUIDE
========================================================= */

.elementor-8150 .elementor-element.elementor-element-63651cb7 {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
}


/* Desktop large */
@media (min-width: 1400px) {

    .elementor-8150 .elementor-element.elementor-element-63651cb7 {
        max-width: 800px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* Desktop compact / iPad paysage */
@media (min-width: 1024px) and (max-width: 1399px) {

    .elementor-8150 .elementor-element.elementor-element-63651cb7 {
        /*
         * 1399px => environ 672px
         * 1200px => environ 576px
         * 1100px => environ 528px
         * 1024px => environ 492px
         */
        max-width: clamp(480px, 48vw, 680px) !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* Tablette / mobile */
@media (max-width: 1023px) {

    .elementor-8150 .elementor-element.elementor-element-63651cb7 {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75392594 *//* =========================================================
   Bouton Mon Atelier
   Même gabarit que le bouton Panier
========================================================= */

.tcs-btn-account {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 12px 16px;
    min-height: 46px;
    box-sizing: border-box;

    background: linear-gradient(
        135deg,
        rgba(32,23,18,.95),
        rgba(18,13,11,.95)
    );

    border: 1px solid #b87333;
    border-bottom: 3px solid #8f5727;
    border-radius: 999px;

    color: #e2bd69;
    text-decoration: none;

    font-family: "Saira Extra Condensed", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;

    box-shadow: 0 6px 22px rgba(0,0,0,.35);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease,
        color .25s ease;
}

.tcs-btn-account:hover {
    color: #fff;
    text-decoration: none;
    border-color: #d59a5c;
    border-bottom-color: #8f5727;

    transform: translateY(1px);
    box-shadow: 0 3px 12px rgba(0,0,0,.45);
}

.tcs-btn-account-icon {
    font-size: 16px;
    line-height: 1;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-7c77b26e *//* =========================================================
   Bouton Panier
========================================================= */

.elementor-8150 .elementor-element.elementor-element-7c77b26e .elementor-menu-cart__toggle_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 12px 16px;
    min-height: 46px;
    box-sizing: border-box;

    border-radius: 999px;
    text-decoration: none;

    font-family: "Saira Extra Condensed", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;

    color: #23272b;
    background: linear-gradient(
        90deg,
        #b6753a 0%,
        #ffe164 80%
    );

    box-shadow: 0 6px 22px rgba(0,0,0,.35);
    border-bottom: 3px solid #c0843f;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.elementor-8150 .elementor-element.elementor-element-7c77b26e .elementor-menu-cart__toggle_button:hover {
    transform: translateY(1px);
    box-shadow: 0 3px 12px rgba(0,0,0,.45);
}

@media (max-width: 767px) {
    .elementor-8150 .elementor-element.elementor-element-7c77b26e .elementor-menu-cart__toggle_button {
        padding: 9px 12px;
        min-height: 42px;
        font-size: 14px;
        gap: 6px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-272b9249 *//* =========================================================
   CONTENEUR MON ATELIER + PANIER
========================================================= */

.elementor-8150 .elementor-element.elementor-element-272b9249,
.elementor-8150 .elementor-element.elementor-element-272b9249 > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px;
}


/* Force les deux widgets à rester à leur largeur naturelle */
.elementor-8150 .elementor-element.elementor-element-272b9249 .elementor-widget-html,
.elementor-8150 .elementor-element.elementor-element-272b9249 .elementor-widget-woocommerce-menu-cart,
.elementor-8150 .elementor-element.elementor-element-272b9249 .elementor-widget-menu-cart {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}


/* =========================================================
   DESKTOP COMPACT / TABLETTE LARGE
   1024px à 1399px
========================================================= */

@media (min-width: 1024px) and (max-width: 1399px) {

    .elementor-8150 .elementor-element.elementor-element-272b9249,
    .elementor-8150 .elementor-element.elementor-element-272b9249 > .e-con-inner {
        justify-content: flex-end !important;
        gap: 6px !important;
    }

    .tcs-btn-account {
        padding: 10px 13px !important;
        min-height: 42px !important;
        font-size: 15px !important;
        gap: 6px !important;
    }

    .tcs-btn-account-icon {
        font-size: 14px !important;
    }

    .elementor-8150 .elementor-element.elementor-element-272b9249 .elementor-menu-cart__toggle_button {
        padding: 10px 13px !important;
        min-height: 42px !important;
        font-size: 15px !important;
    }
}


/* =========================================================
   TABLETTE / MOBILE
   1023px et -
========================================================= */

@media (max-width: 1023px) {

    .elementor-8150 .elementor-element.elementor-element-272b9249 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .elementor-8150 .elementor-element.elementor-element-272b9249,
    .elementor-8150 .elementor-element.elementor-element-272b9249 > .e-con-inner {
        justify-content: center !important;
        gap: 8px !important;
    }
}


/* =========================================================
   MOBILE
   767px et -
========================================================= */

@media (max-width: 767px) {

    .tcs-btn-account {
        padding: 9px 12px !important;
        min-height: 42px !important;
        font-size: 14px !important;
        gap: 6px !important;
    }

    .tcs-btn-account-icon {
        font-size: 14px !important;
    }

    .elementor-8150 .elementor-element.elementor-element-272b9249 .elementor-menu-cart__toggle_button {
        padding: 9px 12px !important;
        min-height: 42px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-222dd5fc *//* =========================================================
   CONTENEUR PRINCIPAL HEADER
========================================================= */

.elementor-8150 .elementor-element.elementor-element-222dd5fc {
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;

    background: #23272b;
    border-bottom: 1px solid rgba(182,117,58,.45);
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

.elementor-8150 .elementor-element.elementor-element-222dd5fc > .elementor-element {
    min-width: 0 !important;
}


/* =========================================================
   DESKTOP LARGE
   1400px et +
========================================================= */

@media (min-width: 1400px) {

    .elementor-8150 .elementor-element.elementor-element-222dd5fc {
        display: grid !important;

        grid-template-columns:
            minmax(120px, 1fr)
            minmax(0, 800px)
            minmax(280px, 1fr);

        align-items: center;
        column-gap: 24px;
    }

    .elementor-8150 .elementor-element.elementor-element-222dd5fc > .elementor-element:nth-child(1) {
        width: auto !important;
        min-width: 0 !important;
        justify-self: start;
    }

    .elementor-8150 .elementor-element.elementor-element-222dd5fc > .elementor-element:nth-child(2) {
        width: 100% !important;
        max-width: 800px !important;
        min-width: 0 !important;
        justify-self: center;
    }

    .elementor-8150 .elementor-element.elementor-element-222dd5fc > .elementor-element:nth-child(3) {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: end;
    }
}


/* =========================================================
   DESKTOP COMPACT / iPAD PAYSAGE
   1024px à 1399px
========================================================= */

@media (min-width: 1024px) and (max-width: 1399px) {

    .elementor-8150 .elementor-element.elementor-element-222dd5fc {
        display: grid !important;

        grid-template-columns:
            90px
            minmax(0, 1fr)
            max-content;

        align-items: center;
        column-gap: 12px;

        width: 100% !important;
        max-width: 100% !important;

        padding: 8px 12px !important;
        box-sizing: border-box !important;
    }

    .elementor-8150 .elementor-element.elementor-element-222dd5fc > .elementor-element:nth-child(1) {
        width: auto !important;
        min-width: 0 !important;
        justify-self: start;
    }

    .elementor-8150 .elementor-element.elementor-element-222dd5fc > .elementor-element:nth-child(2) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-self: stretch;
    }

    .elementor-8150 .elementor-element.elementor-element-222dd5fc > .elementor-element:nth-child(3) {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: end;
    }
}


/* =========================================================
   TABLETTE / MOBILE
   1023px et -
========================================================= */

@media (max-width: 1023px) {

    .elementor-8150 .elementor-element.elementor-element-222dd5fc {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        align-items: center;
        justify-content: center;

        box-sizing: border-box !important;
    }

    .elementor-8150 .elementor-element.elementor-element-222dd5fc > .elementor-element {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-10da8bc1 */.elementor-8150 .elementor-element.elementor-element-10da8bc1 {
    margin-left: 20px;
    margin-right: 24px;
    align-self: center;
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7d332f4 *//* =========================================================
   MENU PRINCIPAL
========================================================= */

.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--main .elementor-item {
    color: #f3eadf !important;
    font-family: "Saira Extra Condensed", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    padding: 14px 12px;
}

.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--main .elementor-item:hover,
.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #ffe164 !important;
}

.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--main .elementor-item::after {
    background-color: #b6753a !important;
    height: 2px;
}


/* =========================================================
   SOUS-MENUS — DESKTOP
========================================================= */

.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown {
    background: #23272b !important;
    border: 1px solid rgba(182,117,58,.45);
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
    overflow: hidden;
}

.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown .elementor-item {
    color: #f3eadf !important;
    background: transparent !important;

    font-family: "Saira Extra Condensed", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;

    padding: 12px 18px;
}

.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    color: #ffe164 !important;
    background: rgba(182,117,58,.14) !important;
}

/* Évite que les liens visités deviennent gris */
.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown a,
.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown a:visited {
    color: #f3eadf !important;
}

.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown a:hover,
.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown a.elementor-item-active {
    color: #ffe164 !important;
    background: rgba(182,117,58,.14) !important;
}


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

@media (max-width: 1024px) {

    /* Menu déroulé pleine largeur */
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;

        background: #1b1f22 !important;

        border: 0;
        border-top: 1px solid rgba(182,117,58,.35);
        border-radius: 0;

        box-shadow: none;
    }

    /* Liens du menu mobile */
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown .elementor-item {
        width: 100%;

        padding: 11px 20px !important;
        text-align: left;

        color: #f3eadf !important;
        background: transparent !important;
    }

    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown .elementor-item:hover,
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
        color: #ffe164 !important;
        background: rgba(182,117,58,.12) !important;
    }

    /* Hamburger / fermeture */
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle {
        color: #ffe164 !important;
        background: transparent !important;
    }

    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle i,
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle svg,
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle .e-font-icon-svg {
        color: #ffe164 !important;
        fill: #ffe164 !important;
        stroke: #ffe164 !important;
    }

    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle:hover {
        color: #b6753a !important;
    }

    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle:hover i,
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle:hover svg,
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle:hover .e-font-icon-svg {
        color: #b6753a !important;
        fill: #b6753a !important;
        stroke: #b6753a !important;
    }

    /* État ouvert / X */
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle.elementor-active,
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle.elementor-active i,
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle.elementor-active svg,
    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-menu-toggle.elementor-active .e-font-icon-svg {
        color: #ffe164 !important;
        fill: #ffe164 !important;
        stroke: #ffe164 !important;
    }
}

@media (max-width: 1024px) {

    .elementor-8150 .elementor-element.elementor-element-7d332f4 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        overflow-x: hidden !important;
    }

    .elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown .elementor-item {
        width: 100%;
        box-sizing: border-box;
    }
}
.elementor-8150 .elementor-element.elementor-element-7d332f4,
.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}
.elementor-8150 .elementor-element.elementor-element-7d332f4 .elementor-nav-menu--dropdown {
    left: 0 !important;
    right: auto !important;
}

@media (min-width: 1025px) {
    .elementor-8150 .elementor-element.elementor-element-7d332f4 {
        width: auto !important;
        max-width: none !important;
        flex: 1 1 auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19609dbc */.elementor-8150 .elementor-element.elementor-element-19609dbc {
    background: #1b1f22;
    border-bottom: 1px solid rgba(182,117,58,.35);
}
.elementor-8150 .elementor-element.elementor-element-19609dbc {
    align-items: center !important;
    min-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28cf9bf1 *//* =========================================================
   BLOC 1 — HERO CHRONIQUES DE L’ATELIER
   ========================================================= */

.tcs-chroniques-hero {
  position: relative;
  overflow: hidden;

  padding:
    88px
    20px;

  color: #f4f1ea;

  background:
    radial-gradient(
      circle at 14% 18%,
      rgba(182, 117, 58, 0.12),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 12%,
      rgba(255, 225, 100, 0.055),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      rgba(24, 27, 30, 0.99) 0%,
      rgba(17, 19, 21, 0.99) 100%
    );
}


/* =========================
   LAYOUT
   ========================= */

.tcs-chroniques-hero__inner {
  width: min(1200px, 100%);
  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(320px, 0.95fr);

  gap: 64px;
  align-items: center;
}


/* =========================
   CONTENU
   ========================= */

.tcs-chroniques-hero__content {
  max-width: 650px;
}

.tcs-chroniques-hero__eyebrow {
  margin: 0 0 12px;

  color: #ffe164;

  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tcs-chroniques-hero h1 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      3rem,
      6vw,
      5.4rem
    );

  line-height: 0.94;

  font-weight: 800;

  text-transform: uppercase;
  text-wrap: balance;

  color: #f4f1ea;
}

.tcs-chroniques-hero__intro {
  max-width: 620px;

  margin:
    24px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.80
    );

  font-size: 1.08rem;
  line-height: 1.72;
}

.tcs-chroniques-hero__note {
  margin:
    18px
    0
    0;

  color:
    rgba(
      255,
      225,
      100,
      0.72
    );

  font-size: 0.94rem;
  line-height: 1.55;

  font-style: italic;
}


/* =========================
   ACTIONS
   ========================= */

.tcs-chroniques-hero__actions {
  display: flex;
  flex-wrap: wrap;

  gap: 12px;

  margin-top: 30px;
}

.tcs-chroniques-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;

  padding:
    12px
    20px;

  border-radius: 999px;

  text-decoration: none;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 1rem;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.045em;
  text-transform: uppercase;

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}


/* =========================
   BOUTON PRINCIPAL
   ========================= */

.tcs-chroniques-btn--primary {
  color: #23272b;

  border:
    1px solid
    rgba(
      255,
      225,
      100,
      0.52
    );

  background:
    linear-gradient(
      90deg,
      #b6753a 0%,
      #ffe164 82%
    );

  box-shadow:
    0
    12px
    30px
    rgba(
      182,
      117,
      58,
      0.18
    );
}

.tcs-chroniques-btn--primary:hover {
  transform: translateY(-2px);

  box-shadow:
    0
    16px
    36px
    rgba(
      182,
      117,
      58,
      0.26
    );
}


/* =========================
   BOUTON SECONDAIRE
   ========================= */

.tcs-chroniques-btn--secondary {
  color: #f4f1ea;

  border:
    1px solid
    rgba(
      244,
      241,
      234,
      0.20
    );

  background:
    rgba(
      255,
      255,
      255,
      0.025
    );
}

.tcs-chroniques-btn--secondary:hover {
  transform: translateY(-2px);

  border-color:
    rgba(
      255,
      225,
      100,
      0.32
    );

  color: #ffe164;

  background:
    rgba(
      255,
      225,
      100,
      0.04
    );
}

.tcs-chroniques-btn:focus-visible {
  outline: 2px solid #ffe164;
  outline-offset: 3px;
}


/* =========================
   VISUEL / ARCHIVE
   ========================= */

.tcs-chroniques-hero__visual {
  display: flex;
  justify-content: center;
}

.tcs-chroniques-hero__archive {
  position: relative;

  width: min(420px, 100%);

  padding:
    42px
    38px
    40px;

  border:
    1px solid
    rgba(
      182,
      117,
      58,
      0.34
    );

  border-radius: 28px;

  background:
    linear-gradient(
      155deg,
      rgba(182, 117, 58, 0.10) 0%,
      rgba(255, 225, 100, 0.025) 36%,
      rgba(255, 255, 255, 0.012) 100%
    ),
    rgba(
      15,
      17,
      19,
      0.90
    );

  box-shadow:
    0
    24px
    70px
    rgba(
      0,
      0,
      0,
      0.30
    );
}

.tcs-chroniques-hero__archive::before {
  content: "";

  position: absolute;

  inset: 14px;

  border:
    1px solid
    rgba(
      255,
      225,
      100,
      0.09
    );

  border-radius: 20px;

  pointer-events: none;
}


/* =========================
   SCEAU
   ========================= */

.tcs-chroniques-hero__seal {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 56px;
  height: 56px;

  margin-bottom: 30px;

  border:
    1px solid
    rgba(
      255,
      225,
      100,
      0.34
    );

  border-radius: 50%;

  color: #ffe164;

  background:
    rgba(
      182,
      117,
      58,
      0.08
    );

  font-size: 1.4rem;
}


/* =========================
   TEXTE ARCHIVE
   ========================= */

.tcs-chroniques-hero__archive-label {
  margin: 0;

  color: #dba45d;

  font-size: 0.78rem;
  font-weight: 700;

  line-height: 1.2;

  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.tcs-chroniques-hero__archive-title {
  margin:
    14px
    0
    0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      2rem,
      4vw,
      3rem
    );

  line-height: 0.98;

  font-weight: 800;

  text-transform: uppercase;

  color: #f4f1ea;
}

.tcs-chroniques-hero__archive-line {
  width: 74px;
  height: 1px;

  margin:
    26px
    0
    22px;

  background:
    linear-gradient(
      90deg,
      #b6753a,
      #ffe164
    );
}

.tcs-chroniques-hero__archive-text {
  margin: 0;

  color:
    rgba(
      244,
      241,
      234,
      0.70
    );

  font-size: 0.96rem;
  line-height: 1.65;
}


/* =========================
   TABLETTE
   ========================= */

@media (max-width: 980px) {

  .tcs-chroniques-hero {
    padding:
      72px
      20px;
  }

  .tcs-chroniques-hero__inner {
    grid-template-columns: 1fr;

    gap: 44px;
  }

  .tcs-chroniques-hero__content {
    max-width: 760px;
  }

  .tcs-chroniques-hero__visual {
    justify-content: flex-start;
  }

  .tcs-chroniques-hero__archive {
    width: min(520px, 100%);
  }

}


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

@media (max-width: 640px) {

  .tcs-chroniques-hero {
    padding:
      54px
      14px;
  }

  .tcs-chroniques-hero__inner {
    gap: 34px;
  }

  .tcs-chroniques-hero__eyebrow {
    font-size: 0.74rem;
  }

  .tcs-chroniques-hero h1 {
    font-size:
      clamp(
        2.5rem,
        13vw,
        3.5rem
      );

    line-height: 0.96;
  }

  .tcs-chroniques-hero__intro {
    margin-top: 20px;

    font-size: 1rem;
    line-height: 1.62;
  }

  .tcs-chroniques-hero__note {
    font-size: 0.9rem;
  }

  .tcs-chroniques-hero__actions {
    flex-direction: column;

    margin-top: 24px;
  }

  .tcs-chroniques-btn {
    width: 100%;

    min-height: 48px;

    padding:
      13px
      18px;
  }

  .tcs-chroniques-hero__archive {
    padding:
      34px
      26px
      32px;

    border-radius: 22px;
  }

  .tcs-chroniques-hero__archive::before {
    inset: 11px;

    border-radius: 16px;
  }

  .tcs-chroniques-hero__seal {
    width: 50px;
    height: 50px;

    margin-bottom: 24px;
  }

  .tcs-chroniques-hero__archive-title {
    font-size:
      clamp(
        1.9rem,
        10vw,
        2.5rem
      );
  }

}


/* =========================
   TRÈS PETIT MOBILE
   ========================= */

@media (max-width: 420px) {

  .tcs-chroniques-hero {
    padding:
      48px
      12px;
  }

  .tcs-chroniques-hero__archive {
    padding:
      30px
      22px
      28px;
  }

}


/* =========================
   ACCESSIBILITÉ
   ========================= */

@media (prefers-reduced-motion: reduce) {

  .tcs-chroniques-btn {
    transition: none;
  }

  .tcs-chroniques-btn:hover {
    transform: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d11248 *//* =========================================================
   BLOC 2 — POURQUOI REJOINDRE LES CHRONIQUES
   ========================================================= */

.tcs-chroniques-benefits {
  position: relative;

  padding:
    76px
    20px;

  color: #f4f1ea;

  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(182, 117, 58, 0.10),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      rgba(18, 21, 23, 0.99) 0%,
      rgba(25, 28, 31, 0.99) 100%
    );
}


/* =========================
   CONTENEUR
   ========================= */

.tcs-chroniques-benefits__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}


/* =========================
   EN-TÊTE
   ========================= */

.tcs-chroniques-benefits__header {
  max-width: 760px;

  margin-bottom: 38px;
}

.tcs-chroniques-benefits__eyebrow {
  margin: 0 0 10px;

  color: #dba45d;

  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tcs-chroniques-benefits h2 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      2.4rem,
      4.8vw,
      4rem
    );

  line-height: 0.98;

  font-weight: 800;

  text-transform: uppercase;
  text-wrap: balance;

  color: #f4f1ea;
}

.tcs-chroniques-benefits__intro {
  max-width: 700px;

  margin:
    20px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.76
    );

  font-size: 1.04rem;
  line-height: 1.7;
}


/* =========================
   GRILLE
   ========================= */

.tcs-chroniques-benefits__grid {
  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0, 1fr)
    );

  gap: 20px;
}


/* =========================
   CARTES
   ========================= */

.tcs-chroniques-benefits__card {
  position: relative;

  min-width: 0;

  padding:
    28px
    24px
    26px;

  border:
    1px solid
    rgba(
      182,
      117,
      58,
      0.18
    );

  border-radius: 22px;

  background:
    linear-gradient(
      155deg,
      rgba(182, 117, 58, 0.07) 0%,
      rgba(255, 255, 255, 0.018) 45%,
      rgba(255, 255, 255, 0.008) 100%
    ),
    rgba(
      15,
      17,
      19,
      0.78
    );

  box-shadow:
    0
    16px
    42px
    rgba(
      0,
      0,
      0,
      0.18
    );

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.tcs-chroniques-benefits__card:hover {
  transform: translateY(-4px);

  border-color:
    rgba(
      255,
      225,
      100,
      0.32
    );

  box-shadow:
    0
    22px
    52px
    rgba(
      0,
      0,
      0,
      0.24
    );
}


/* =========================
   NUMÉRO
   ========================= */

.tcs-chroniques-benefits__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 42px;
  height: 30px;

  padding:
    0
    10px;

  margin-bottom: 20px;

  border:
    1px solid
    rgba(
      255,
      225,
      100,
      0.22
    );

  border-radius: 999px;

  color: #ffe164;

  background:
    rgba(
      182,
      117,
      58,
      0.07
    );

  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.07em;
}


/* =========================
   TITRE CARTE
   ========================= */

.tcs-chroniques-benefits__card h3 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 1.8rem;
  line-height: 1;

  font-weight: 800;

  text-transform: uppercase;

  color: #f4f1ea;
}


/* =========================
   TEXTE CARTE
   ========================= */

.tcs-chroniques-benefits__card p {
  margin:
    14px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.72
    );

  font-size: 0.96rem;
  line-height: 1.62;
}


/* =========================
   FOOTER DU BLOC
   ========================= */

.tcs-chroniques-benefits__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 28px;

  margin-top: 34px;

  padding:
    22px
    24px;

  border-top:
    1px solid
    rgba(
      182,
      117,
      58,
      0.18
    );
}

.tcs-chroniques-benefits__footer p {
  margin: 0;

  color:
    rgba(
      244,
      241,
      234,
      0.68
    );

  font-size: 0.94rem;
  line-height: 1.55;
}


/* =========================
   CTA
   ========================= */

.tcs-chroniques-benefits__cta {
  display: inline-flex;
  align-items: center;

  flex-shrink: 0;

  gap: 8px;

  color: #ffe164;

  text-decoration: none;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 1rem;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.04em;
  text-transform: uppercase;

  transition:
    color 0.2s ease,
    gap 0.2s ease;
}

.tcs-chroniques-benefits__cta:hover {
  gap: 12px;
  color: #fff1a7;
}

.tcs-chroniques-benefits__cta:focus-visible {
  outline: 2px solid #ffe164;
  outline-offset: 4px;
}


/* =========================
   TABLETTE
   ========================= */

@media (max-width: 980px) {

  .tcs-chroniques-benefits {
    padding:
      64px
      20px;
  }

  .tcs-chroniques-benefits__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

}


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

@media (max-width: 640px) {

  .tcs-chroniques-benefits {
    padding:
      50px
      14px;
  }

  .tcs-chroniques-benefits__header {
    margin-bottom: 26px;
  }

  .tcs-chroniques-benefits__eyebrow {
    font-size: 0.74rem;
  }

  .tcs-chroniques-benefits h2 {
    font-size:
      clamp(
        2rem,
        10.5vw,
        2.8rem
      );
  }

  .tcs-chroniques-benefits__intro {
    margin-top: 16px;

    font-size: 1rem;
    line-height: 1.6;
  }

  .tcs-chroniques-benefits__grid {
    grid-template-columns: 1fr;

    gap: 16px;
  }

  .tcs-chroniques-benefits__card {
    padding:
      24px
      20px
      22px;

    border-radius: 18px;
  }

  .tcs-chroniques-benefits__card h3 {
    font-size: 1.65rem;
  }

  .tcs-chroniques-benefits__footer {
    flex-direction: column;
    align-items: flex-start;

    gap: 16px;

    margin-top: 26px;

    padding:
      20px
      0
      0;
  }

}


/* =========================
   TRÈS PETIT MOBILE
   ========================= */

@media (max-width: 420px) {

  .tcs-chroniques-benefits {
    padding:
      46px
      12px;
  }

  .tcs-chroniques-benefits__card {
    padding:
      22px
      18px
      20px;
  }

}


/* =========================
   ACCESSIBILITÉ
   ========================= */

@media (prefers-reduced-motion: reduce) {

  .tcs-chroniques-benefits__card,
  .tcs-chroniques-benefits__cta {
    transition: none;
  }

  .tcs-chroniques-benefits__card:hover {
    transform: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4bef67 *//* =========================================================
   BLOC 3 — INSCRIPTION BREVO
   ========================================================= */

.tcs-chroniques-signup {
  position: relative;

  padding:
    78px
    20px;

  color: #f4f1ea;

  background:
    radial-gradient(
      circle at 12% 15%,
      rgba(182, 117, 58, 0.10),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      rgba(24, 27, 30, 0.99) 0%,
      rgba(17, 19, 21, 0.99) 100%
    );
}


/* =========================
   CONTENEUR
   ========================= */

.tcs-chroniques-signup__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}


/* =========================
   EN-TÊTE
   ========================= */

.tcs-chroniques-signup__header {
  max-width: 780px;

  margin-bottom: 40px;
}

.tcs-chroniques-signup__eyebrow {
  margin: 0 0 10px;

  color: #ffe164;

  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tcs-chroniques-signup h2 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      2.5rem,
      4.8vw,
      4rem
    );

  line-height: 0.98;

  font-weight: 800;

  text-transform: uppercase;
  text-wrap: balance;

  color: #f4f1ea;
}

.tcs-chroniques-signup__intro {
  max-width: 720px;

  margin:
    20px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.76
    );

  font-size: 1.04rem;
  line-height: 1.7;
}


/* =========================
   LAYOUT
   ========================= */

.tcs-chroniques-signup__layout {
  display: grid;

  grid-template-columns:
    minmax(0, 0.8fr)
    minmax(0, 1.2fr);

  gap: 34px;

  align-items: start;
}


/* =========================
   COLONNE GAUCHE
   ========================= */

.tcs-chroniques-signup__aside {
  position: sticky;
  top: 28px;

  padding:
    30px
    28px;

  border:
    1px solid
    rgba(
      182,
      117,
      58,
      0.18
    );

  border-radius: 22px;

  background:
    linear-gradient(
      155deg,
      rgba(182, 117, 58, 0.08) 0%,
      rgba(255, 255, 255, 0.014) 55%,
      rgba(255, 255, 255, 0.006) 100%
    ),
    rgba(
      15,
      17,
      19,
      0.82
    );

  box-shadow:
    0
    18px
    46px
    rgba(
      0,
      0,
      0,
      0.20
    );
}

.tcs-chroniques-signup__aside-label {
  margin: 0 0 14px;

  color: #dba45d;

  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.tcs-chroniques-signup__aside h3 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      1.9rem,
      3vw,
      2.5rem
    );

  line-height: 1;

  font-weight: 800;

  text-transform: uppercase;

  color: #f4f1ea;
}

.tcs-chroniques-signup__aside > p:not(.tcs-chroniques-signup__aside-label) {
  margin:
    18px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.72
    );

  font-size: 0.96rem;
  line-height: 1.65;
}


/* =========================
   LISTE
   ========================= */

.tcs-chroniques-signup__list {
  display: grid;

  gap: 10px;

  margin:
    24px
    0
    0;

  padding: 0;

  list-style: none;
}

.tcs-chroniques-signup__list li {
  position: relative;

  padding-left: 24px;

  color:
    rgba(
      244,
      241,
      234,
      0.78
    );

  font-size: 0.94rem;
  line-height: 1.5;
}

.tcs-chroniques-signup__list li::before {
  content: "✓";

  position: absolute;

  left: 0;
  top: 0;

  color: #ffe164;

  font-weight: 700;
}


/* =========================
   ZONE FORMULAIRE
   ========================= */

.tcs-chroniques-signup__form {
  min-width: 0;
}

.tcs-chroniques-signup__form-frame {
  overflow: hidden;

  border:
    1px solid
    rgba(
      182,
      117,
      58,
      0.24
    );

  border-radius: 24px;

  background: #23272b;

  box-shadow:
    0
    22px
    58px
    rgba(
      0,
      0,
      0,
      0.24
    );
}


/* =========================
   IFRAME BREVO
   ========================= */

.tcs-chroniques-signup__form-frame iframe {
  display: block;

  width: 100%;
  max-width: 100%;

  min-height: 1450px;

  margin: 0;

  border: 0;
}


/* =========================
   CONFIDENTIALITÉ
   ========================= */

.tcs-chroniques-signup__privacy {
  margin:
    14px
    4px
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.54
    );

  font-size: 0.82rem;
  line-height: 1.55;
}


/* =========================
   TABLETTE
   ========================= */

@media (max-width: 980px) {

  .tcs-chroniques-signup {
    padding:
      64px
      20px;
  }

  .tcs-chroniques-signup__layout {
    grid-template-columns: 1fr;

    gap: 26px;
  }

  .tcs-chroniques-signup__aside {
    position: static;
  }

  .tcs-chroniques-signup__form-frame iframe {
    min-height: 1500px;
  }

}


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

@media (max-width: 640px) {

  .tcs-chroniques-signup {
    padding:
      50px
      14px;
  }

  .tcs-chroniques-signup__header {
    margin-bottom: 28px;
  }

  .tcs-chroniques-signup__eyebrow {
    font-size: 0.74rem;
  }

  .tcs-chroniques-signup h2 {
    font-size:
      clamp(
        2rem,
        10.5vw,
        2.8rem
      );
  }

  .tcs-chroniques-signup__intro {
    margin-top: 16px;

    font-size: 1rem;
    line-height: 1.6;
  }

  .tcs-chroniques-signup__aside {
    padding:
      24px
      20px;

    border-radius: 18px;
  }

  .tcs-chroniques-signup__aside h3 {
    font-size: 1.8rem;
  }

  .tcs-chroniques-signup__form-frame {
    border-radius: 18px;
  }

  .tcs-chroniques-signup__form-frame iframe {
    min-height: 1550px;
  }

}


/* =========================
   TRÈS PETIT MOBILE
   ========================= */

@media (max-width: 420px) {

  .tcs-chroniques-signup {
    padding:
      46px
      12px;
  }

  .tcs-chroniques-signup__aside {
    padding:
      22px
      18px;
  }

  .tcs-chroniques-signup__form-frame iframe {
    min-height: 1600px;
  }

}
/* =========================
   ANCRE INSCRIPTION
   ========================= */

#inscription {
  scroll-margin-top: 110px;
}

@media (max-width: 640px) {

  #inscription {
    scroll-margin-top: 90px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-754e175f *//* =========================================================
   BLOC 4 — APERÇU DES CHRONIQUES
   ========================================================= */

.tcs-chroniques-preview {
  position: relative;

  padding:
    76px
    20px;

  color: #f4f1ea;

  background:
    radial-gradient(
      circle at 14% 12%,
      rgba(182, 117, 58, 0.10),
      transparent 30%
    ),
    radial-gradient(
      circle at 88% 75%,
      rgba(255, 225, 100, 0.03),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      rgba(21, 24, 27, 0.99) 0%,
      rgba(16, 18, 20, 0.99) 100%
    );
}


/* =========================
   CONTENEUR
   ========================= */

.tcs-chroniques-preview__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}


/* =========================
   EN-TÊTE
   ========================= */

.tcs-chroniques-preview__header {
  max-width: 780px;

  margin-bottom: 40px;
}

.tcs-chroniques-preview__eyebrow {
  margin: 0 0 10px;

  color: #dba45d;

  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tcs-chroniques-preview h2 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      2.4rem,
      4.8vw,
      4rem
    );

  line-height: 0.98;

  font-weight: 800;

  text-transform: uppercase;
  text-wrap: balance;

  color: #f4f1ea;
}

.tcs-chroniques-preview__intro {
  max-width: 720px;

  margin:
    20px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.76
    );

  font-size: 1.04rem;
  line-height: 1.7;
}


/* =========================
   LAYOUT
   ========================= */

.tcs-chroniques-preview__layout {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(300px, 0.75fr);

  gap: 28px;

  align-items: stretch;
}


/* =========================
   CARTE ÉDITION
   ========================= */

.tcs-chroniques-preview__edition {
  position: relative;

  padding:
    32px
    30px;

  border:
    1px solid
    rgba(
      182,
      117,
      58,
      0.22
    );

  border-radius: 24px;

  background:
    linear-gradient(
      160deg,
      rgba(182, 117, 58, 0.08) 0%,
      rgba(255, 255, 255, 0.014) 48%,
      rgba(255, 255, 255, 0.006) 100%
    ),
    rgba(
      15,
      17,
      19,
      0.84
    );

  box-shadow:
    0
    18px
    48px
    rgba(
      0,
      0,
      0,
      0.20
    );
}

.tcs-chroniques-preview__edition-top {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-bottom: 18px;
}

.tcs-chroniques-preview__edition-label {
  margin: 0;

  color: #dba45d;

  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.tcs-chroniques-preview__edition-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  flex-shrink: 0;

  border:
    1px solid
    rgba(
      255,
      225,
      100,
      0.24
    );

  border-radius: 50%;

  color: #ffe164;

  background:
    rgba(
      182,
      117,
      58,
      0.06
    );

  font-size: 1rem;
}

.tcs-chroniques-preview__edition h3 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      2rem,
      3.5vw,
      3rem
    );

  line-height: 1;

  font-weight: 800;

  text-transform: uppercase;

  color: #f4f1ea;
}

.tcs-chroniques-preview__edition-intro {
  max-width: 720px;

  margin:
    16px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.72
    );

  font-size: 0.96rem;
  line-height: 1.65;
}


/* =========================
   ENTRÉES
   ========================= */

.tcs-chroniques-preview__entry {
  display: grid;

  grid-template-columns:
    46px
    minmax(0, 1fr);

  gap: 16px;

  margin-top: 24px;

  padding-top: 24px;

  border-top:
    1px solid
    rgba(
      244,
      241,
      234,
      0.08
    );
}

.tcs-chroniques-preview__entry-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  border:
    1px solid
    rgba(
      255,
      225,
      100,
      0.20
    );

  border-radius: 50%;

  color: #ffe164;

  background:
    rgba(
      182,
      117,
      58,
      0.05
    );

  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
}

.tcs-chroniques-preview__entry-label {
  margin: 0;

  color: #ffe164;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.tcs-chroniques-preview__entry div > p:not(.tcs-chroniques-preview__entry-label) {
  margin:
    8px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.70
    );

  font-size: 0.94rem;
  line-height: 1.6;
}


/* =========================
   ASIDE
   ========================= */

.tcs-chroniques-preview__aside {
  display: flex;
  flex-direction: column;

  padding:
    32px
    28px;

  border:
    1px solid
    rgba(
      255,
      225,
      100,
      0.16
    );

  border-radius: 24px;

  background:
    radial-gradient(
      circle at 84% 12%,
      rgba(255, 225, 100, 0.06),
      transparent 30%
    ),
    linear-gradient(
      160deg,
      rgba(182, 117, 58, 0.06) 0%,
      rgba(255, 255, 255, 0.01) 100%
    ),
    rgba(
      17,
      19,
      21,
      0.82
    );

  box-shadow:
    0
    18px
    48px
    rgba(
      0,
      0,
      0,
      0.16
    );
}

.tcs-chroniques-preview__aside-label {
  margin: 0 0 14px;

  color: #dba45d;

  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.tcs-chroniques-preview__aside h3 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      1.9rem,
      3vw,
      2.5rem
    );

  line-height: 1;

  font-weight: 800;

  text-transform: uppercase;

  color: #f4f1ea;
}

.tcs-chroniques-preview__aside > p:not(.tcs-chroniques-preview__aside-label) {
  margin:
    18px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.72
    );

  font-size: 0.96rem;
  line-height: 1.65;
}


/* =========================
   CTA
   ========================= */

.tcs-chroniques-preview__cta {
  display: inline-flex;
  align-items: center;

  align-self: flex-start;

  gap: 8px;

  margin-top: auto;
  padding-top: 28px;

  color: #ffe164;

  text-decoration: none;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 1rem;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.04em;
  text-transform: uppercase;

  transition:
    color 0.2s ease,
    gap 0.2s ease;
}

.tcs-chroniques-preview__cta:hover {
  gap: 12px;
  color: #fff1a7;
}

.tcs-chroniques-preview__cta:focus-visible {
  outline: 2px solid #ffe164;
  outline-offset: 4px;
}


/* =========================
   TABLETTE
   ========================= */

@media (max-width: 980px) {

  .tcs-chroniques-preview {
    padding:
      64px
      20px;
  }

  .tcs-chroniques-preview__layout {
    grid-template-columns: 1fr;

    gap: 22px;
  }

}


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

@media (max-width: 640px) {

  .tcs-chroniques-preview {
    padding:
      50px
      14px;
  }

  .tcs-chroniques-preview__header {
    margin-bottom: 28px;
  }

  .tcs-chroniques-preview__eyebrow {
    font-size: 0.74rem;
  }

  .tcs-chroniques-preview h2 {
    font-size:
      clamp(
        2rem,
        10.5vw,
        2.8rem
      );
  }

  .tcs-chroniques-preview__intro {
    margin-top: 16px;

    font-size: 1rem;
    line-height: 1.6;
  }

  .tcs-chroniques-preview__edition,
  .tcs-chroniques-preview__aside {
    padding:
      24px
      20px;

    border-radius: 18px;
  }

  .tcs-chroniques-preview__edition h3,
  .tcs-chroniques-preview__aside h3 {
    font-size: 1.8rem;
  }

  .tcs-chroniques-preview__entry {
    grid-template-columns:
      40px
      minmax(0, 1fr);

    gap: 12px;

    margin-top: 20px;
    padding-top: 20px;
  }

  .tcs-chroniques-preview__entry-number {
    width: 36px;
    height: 36px;
  }

}


/* =========================
   TRÈS PETIT MOBILE
   ========================= */

@media (max-width: 420px) {

  .tcs-chroniques-preview {
    padding:
      46px
      12px;
  }

  .tcs-chroniques-preview__edition,
  .tcs-chroniques-preview__aside {
    padding:
      22px
      18px;
  }

}


/* =========================
   ACCESSIBILITÉ
   ========================= */

@media (prefers-reduced-motion: reduce) {

  .tcs-chroniques-preview__cta {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4121fb17 *//* =========================================================
   BLOC 5 — FRÉQUENCE, CONFIDENTIALITÉ & PROMESSE
   ========================================================= */

.tcs-chroniques-promise {
  position: relative;

  padding:
    76px
    20px;

  color: #f4f1ea;

  background:
    radial-gradient(
      circle at 86% 16%,
      rgba(182, 117, 58, 0.10),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      rgba(20, 23, 26, 0.99) 0%,
      rgba(16, 18, 20, 0.99) 100%
    );
}


/* =========================
   CONTENEUR
   ========================= */

.tcs-chroniques-promise__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}


/* =========================
   EN-TÊTE
   ========================= */

.tcs-chroniques-promise__header {
  max-width: 780px;

  margin-bottom: 38px;
}

.tcs-chroniques-promise__eyebrow {
  margin: 0 0 10px;

  color: #dba45d;

  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tcs-chroniques-promise h2 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      2.4rem,
      4.8vw,
      4rem
    );

  line-height: 0.98;

  font-weight: 800;

  text-transform: uppercase;
  text-wrap: balance;

  color: #f4f1ea;
}

.tcs-chroniques-promise__intro {
  max-width: 720px;

  margin:
    20px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.76
    );

  font-size: 1.04rem;
  line-height: 1.7;
}


/* =========================
   GRILLE
   ========================= */

.tcs-chroniques-promise__grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 22px;
}


/* =========================
   CARTES
   ========================= */

.tcs-chroniques-promise__card {
  position: relative;

  min-width: 0;

  padding:
    28px
    24px
    26px;

  border:
    1px solid
    rgba(
      182,
      117,
      58,
      0.18
    );

  border-radius: 22px;

  background:
    linear-gradient(
      155deg,
      rgba(182, 117, 58, 0.07) 0%,
      rgba(255, 255, 255, 0.014) 48%,
      rgba(255, 255, 255, 0.006) 100%
    ),
    rgba(
      15,
      17,
      19,
      0.80
    );

  box-shadow:
    0
    16px
    42px
    rgba(
      0,
      0,
      0,
      0.18
    );

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.tcs-chroniques-promise__card:hover {
  transform: translateY(-4px);

  border-color:
    rgba(
      255,
      225,
      100,
      0.30
    );

  box-shadow:
    0
    22px
    52px
    rgba(
      0,
      0,
      0,
      0.24
    );
}


/* =========================
   NUMÉRO
   ========================= */

.tcs-chroniques-promise__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 42px;
  height: 30px;

  padding:
    0
    10px;

  margin-bottom: 20px;

  border:
    1px solid
    rgba(
      255,
      225,
      100,
      0.22
    );

  border-radius: 999px;

  color: #ffe164;

  background:
    rgba(
      182,
      117,
      58,
      0.07
    );

  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.07em;
}


/* =========================
   TITRES CARTES
   ========================= */

.tcs-chroniques-promise__card h3 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 1.8rem;
  line-height: 1;

  font-weight: 800;

  text-transform: uppercase;

  color: #f4f1ea;
}


/* =========================
   TEXTE CARTES
   ========================= */

.tcs-chroniques-promise__card p {
  margin:
    14px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.72
    );

  font-size: 0.96rem;
  line-height: 1.62;
}


/* =========================
   FOOTER DU BLOC
   ========================= */

.tcs-chroniques-promise__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 28px;

  margin-top: 34px;

  padding:
    22px
    24px;

  border-top:
    1px solid
    rgba(
      182,
      117,
      58,
      0.18
    );
}

.tcs-chroniques-promise__footer p {
  margin: 0;

  color:
    rgba(
      244,
      241,
      234,
      0.68
    );

  font-size: 0.94rem;
  line-height: 1.55;
}


/* =========================
   CTA
   ========================= */

.tcs-chroniques-promise__cta {
  display: inline-flex;
  align-items: center;

  flex-shrink: 0;

  gap: 8px;

  color: #ffe164;

  text-decoration: none;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 1rem;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.04em;
  text-transform: uppercase;

  transition:
    color 0.2s ease,
    gap 0.2s ease;
}

.tcs-chroniques-promise__cta:hover {
  gap: 12px;

  color: #fff1a7;
}

.tcs-chroniques-promise__cta:focus-visible {
  outline: 2px solid #ffe164;
  outline-offset: 4px;
}


/* =========================
   TABLETTE
   ========================= */

@media (max-width: 980px) {

  .tcs-chroniques-promise {
    padding:
      64px
      20px;
  }

  .tcs-chroniques-promise__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

}


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

@media (max-width: 640px) {

  .tcs-chroniques-promise {
    padding:
      50px
      14px;
  }

  .tcs-chroniques-promise__header {
    margin-bottom: 26px;
  }

  .tcs-chroniques-promise__eyebrow {
    font-size: 0.74rem;
  }

  .tcs-chroniques-promise h2 {
    font-size:
      clamp(
        2rem,
        10.5vw,
        2.8rem
      );
  }

  .tcs-chroniques-promise__intro {
    margin-top: 16px;

    font-size: 1rem;
    line-height: 1.6;
  }

  .tcs-chroniques-promise__grid {
    grid-template-columns: 1fr;

    gap: 16px;
  }

  .tcs-chroniques-promise__card {
    padding:
      24px
      20px
      22px;

    border-radius: 18px;
  }

  .tcs-chroniques-promise__card h3 {
    font-size: 1.65rem;
  }

  .tcs-chroniques-promise__footer {
    flex-direction: column;
    align-items: flex-start;

    gap: 16px;

    margin-top: 26px;

    padding:
      20px
      0
      0;
  }

}


/* =========================
   TRÈS PETIT MOBILE
   ========================= */

@media (max-width: 420px) {

  .tcs-chroniques-promise {
    padding:
      46px
      12px;
  }

  .tcs-chroniques-promise__card {
    padding:
      22px
      18px
      20px;
  }

}


/* =========================
   ACCESSIBILITÉ
   ========================= */

@media (prefers-reduced-motion: reduce) {

  .tcs-chroniques-promise__card,
  .tcs-chroniques-promise__cta {
    transition: none;
  }

  .tcs-chroniques-promise__card:hover {
    transform: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-382096f9 *//* =========================================================
   BLOC 6 — LIENS VERS LE RESTE DE L’ATELIER
   ========================================================= */

.tcs-chroniques-links {
  position: relative;

  padding:
    76px
    20px;

  color: #f4f1ea;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(182, 117, 58, 0.10),
      transparent 30%
    ),
    radial-gradient(
      circle at 88% 75%,
      rgba(255, 225, 100, 0.035),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      rgba(18, 21, 23, 0.99) 0%,
      rgba(24, 27, 30, 0.99) 100%
    );
}


/* =========================
   CONTENEUR
   ========================= */

.tcs-chroniques-links__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}


/* =========================
   EN-TÊTE
   ========================= */

.tcs-chroniques-links__header {
  max-width: 800px;

  margin-bottom: 38px;
}

.tcs-chroniques-links__eyebrow {
  margin: 0 0 10px;

  color: #dba45d;

  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tcs-chroniques-links h2 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      2.4rem,
      4.8vw,
      4rem
    );

  line-height: 0.98;

  font-weight: 800;

  text-transform: uppercase;
  text-wrap: balance;

  color: #f4f1ea;
}

.tcs-chroniques-links__intro {
  max-width: 720px;

  margin:
    20px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.76
    );

  font-size: 1.04rem;
  line-height: 1.7;
}


/* =========================
   GRILLE
   ========================= */

.tcs-chroniques-links__grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 22px;
}


/* =========================
   CARTES
   ========================= */

.tcs-chroniques-links__card {
  display: flex;
  flex-direction: column;

  min-width: 0;

  padding:
    30px
    26px
    28px;

  border:
    1px solid
    rgba(
      182,
      117,
      58,
      0.18
    );

  border-radius: 22px;

  background:
    linear-gradient(
      155deg,
      rgba(182, 117, 58, 0.07) 0%,
      rgba(255, 255, 255, 0.014) 48%,
      rgba(255, 255, 255, 0.006) 100%
    ),
    rgba(
      15,
      17,
      19,
      0.80
    );

  box-shadow:
    0
    16px
    42px
    rgba(
      0,
      0,
      0,
      0.18
    );

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.tcs-chroniques-links__card:hover {
  transform: translateY(-4px);

  border-color:
    rgba(
      255,
      225,
      100,
      0.30
    );

  box-shadow:
    0
    22px
    52px
    rgba(
      0,
      0,
      0,
      0.24
    );
}


/* =========================
   LABEL
   ========================= */

.tcs-chroniques-links__label {
  margin: 0 0 14px;

  color: #dba45d;

  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.11em;
  text-transform: uppercase;
}


/* =========================
   TITRES CARTES
   ========================= */

.tcs-chroniques-links__card h3 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 2rem;
  line-height: 1;

  font-weight: 800;

  text-transform: uppercase;

  color: #f4f1ea;
}


/* =========================
   TEXTE CARTES
   ========================= */

.tcs-chroniques-links__card > p:not(.tcs-chroniques-links__label) {
  margin:
    16px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.72
    );

  font-size: 0.96rem;
  line-height: 1.62;
}


/* =========================
   CTA CARTES
   ========================= */

.tcs-chroniques-links__cta {
  display: inline-flex;
  align-items: center;

  align-self: flex-start;

  gap: 8px;

  margin-top: auto;
  padding-top: 24px;

  color: #ffe164;

  text-decoration: none;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 1rem;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.04em;
  text-transform: uppercase;

  transition:
    color 0.2s ease,
    gap 0.2s ease;
}

.tcs-chroniques-links__cta:hover {
  gap: 12px;

  color: #fff1a7;
}

.tcs-chroniques-links__cta:focus-visible {
  outline: 2px solid #ffe164;
  outline-offset: 4px;
}


/* =========================
   FOOTER DU BLOC
   ========================= */

.tcs-chroniques-links__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 28px;

  margin-top: 34px;

  padding:
    22px
    24px;

  border-top:
    1px solid
    rgba(
      182,
      117,
      58,
      0.18
    );
}

.tcs-chroniques-links__footer p {
  margin: 0;

  color:
    rgba(
      244,
      241,
      234,
      0.68
    );

  font-size: 0.94rem;
  line-height: 1.55;
}


/* =========================
   BOUTON FINAL
   ========================= */

.tcs-chroniques-links__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  min-height: 44px;

  padding:
    11px
    18px;

  border:
    1px solid
    rgba(
      255,
      225,
      100,
      0.42
    );

  border-radius: 999px;

  color: #23272b;

  background:
    linear-gradient(
      90deg,
      #b6753a 0%,
      #ffe164 82%
    );

  text-decoration: none;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.04em;
  text-transform: uppercase;

  box-shadow:
    0
    10px
    26px
    rgba(
      182,
      117,
      58,
      0.16
    );

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.tcs-chroniques-links__button:hover {
  transform: translateY(-2px);

  box-shadow:
    0
    14px
    32px
    rgba(
      182,
      117,
      58,
      0.24
    );
}

.tcs-chroniques-links__button:focus-visible {
  outline: 2px solid #ffe164;
  outline-offset: 4px;
}


/* =========================
   TABLETTE
   ========================= */

@media (max-width: 980px) {

  .tcs-chroniques-links {
    padding:
      64px
      20px;
  }

  .tcs-chroniques-links__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

}


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

@media (max-width: 640px) {

  .tcs-chroniques-links {
    padding:
      50px
      14px;
  }

  .tcs-chroniques-links__header {
    margin-bottom: 26px;
  }

  .tcs-chroniques-links__eyebrow {
    font-size: 0.74rem;
  }

  .tcs-chroniques-links h2 {
    font-size:
      clamp(
        2rem,
        10.5vw,
        2.8rem
      );
  }

  .tcs-chroniques-links__intro {
    margin-top: 16px;

    font-size: 1rem;
    line-height: 1.6;
  }

  .tcs-chroniques-links__grid {
    grid-template-columns: 1fr;

    gap: 16px;
  }

  .tcs-chroniques-links__card {
    padding:
      24px
      20px
      22px;

    border-radius: 18px;
  }

  .tcs-chroniques-links__card h3 {
    font-size: 1.75rem;
  }

  .tcs-chroniques-links__footer {
    flex-direction: column;
    align-items: flex-start;

    gap: 16px;

    margin-top: 26px;

    padding:
      20px
      0
      0;
  }

  .tcs-chroniques-links__button {
    width: 100%;

    min-height: 48px;
  }

}


/* =========================
   TRÈS PETIT MOBILE
   ========================= */

@media (max-width: 420px) {

  .tcs-chroniques-links {
    padding:
      46px
      12px;
  }

  .tcs-chroniques-links__card {
    padding:
      22px
      18px
      20px;
  }

}


/* =========================
   ACCESSIBILITÉ
   ========================= */

@media (prefers-reduced-motion: reduce) {

  .tcs-chroniques-links__card,
  .tcs-chroniques-links__cta,
  .tcs-chroniques-links__button {
    transition: none;
  }

  .tcs-chroniques-links__card:hover,
  .tcs-chroniques-links__button:hover {
    transform: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-295685e0 *//* =========================================================
   BLOC 7 — FERMETURE ÉDITORIALE
   ========================================================= */

.tcs-chroniques-closing {
  position: relative;
  overflow: hidden;

  padding:
    82px
    20px;

  color: #f4f1ea;

  background:
    radial-gradient(
      circle at 12% 15%,
      rgba(182, 117, 58, 0.12),
      transparent 32%
    ),
    radial-gradient(
      circle at 86% 25%,
      rgba(255, 225, 100, 0.05),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      rgba(22, 25, 28, 0.99) 0%,
      rgba(15, 17, 19, 0.99) 100%
    );
}


/* =========================
   CONTENEUR
   ========================= */

.tcs-chroniques-closing__inner {
  width: min(1200px, 100%);
  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(220px, 0.85fr);

  gap: 56px;

  align-items: center;
}


/* =========================
   CONTENU
   ========================= */

.tcs-chroniques-closing__content {
  max-width: 760px;
}

.tcs-chroniques-closing__eyebrow {
  margin: 0 0 12px;

  color: #dba45d;

  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tcs-chroniques-closing h2 {
  margin: 0;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size:
    clamp(
      2.6rem,
      5vw,
      4.4rem
    );

  line-height: 0.98;

  font-weight: 800;

  text-transform: uppercase;
  text-wrap: balance;

  color: #f4f1ea;
}

.tcs-chroniques-closing__text {
  max-width: 700px;

  margin:
    20px
    0
    0;

  color:
    rgba(
      244,
      241,
      234,
      0.76
    );

  font-size: 1.02rem;
  line-height: 1.68;
}


/* =========================
   ACTIONS
   ========================= */

.tcs-chroniques-closing__actions {
  display: flex;
  flex-wrap: wrap;

  gap: 12px;

  margin-top: 30px;
}

.tcs-chroniques-closing__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;

  padding:
    12px
    20px;

  border-radius: 999px;

  text-decoration: none;

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 1rem;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.045em;
  text-transform: uppercase;

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}


/* =========================
   BOUTON PRINCIPAL
   ========================= */

.tcs-chroniques-closing__button--primary {
  color: #23272b;

  border:
    1px solid
    rgba(
      255,
      225,
      100,
      0.52
    );

  background:
    linear-gradient(
      90deg,
      #b6753a 0%,
      #ffe164 82%
    );

  box-shadow:
    0
    12px
    30px
    rgba(
      182,
      117,
      58,
      0.18
    );
}

.tcs-chroniques-closing__button--primary:hover {
  transform: translateY(-2px);

  box-shadow:
    0
    16px
    36px
    rgba(
      182,
      117,
      58,
      0.26
    );
}


/* =========================
   BOUTON SECONDAIRE
   ========================= */

.tcs-chroniques-closing__button--secondary {
  color: #f4f1ea;

  border:
    1px solid
    rgba(
      244,
      241,
      234,
      0.18
    );

  background:
    rgba(
      255,
      255,
      255,
      0.022
    );
}

.tcs-chroniques-closing__button--secondary:hover {
  transform: translateY(-2px);

  border-color:
    rgba(
      255,
      225,
      100,
      0.30
    );

  color: #ffe164;

  background:
    rgba(
      255,
      225,
      100,
      0.04
    );
}

.tcs-chroniques-closing__button:focus-visible {
  outline: 2px solid #ffe164;
  outline-offset: 4px;
}


/* =========================
   MARQUE / SCEAU
   ========================= */

.tcs-chroniques-closing__mark {
  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;

  justify-self: end;

  width: 220px;
  height: 220px;

  padding: 28px;

  border:
    1px solid
    rgba(
      182,
      117,
      58,
      0.30
    );

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(182, 117, 58, 0.09) 0%,
      rgba(255, 225, 100, 0.018) 48%,
      rgba(255, 255, 255, 0.006) 100%
    );

  box-shadow:
    inset
    0
    0
    0
    10px
    rgba(
      255,
      225,
      100,
      0.015
    ),
    0
    22px
    60px
    rgba(
      0,
      0,
      0,
      0.22
    );

  text-align: center;
}

.tcs-chroniques-closing__symbol {
  display: block;

  margin-bottom: 14px;

  color: #ffe164;

  font-size: 1.7rem;
  line-height: 1;
}

.tcs-chroniques-closing__mark p {
  margin: 0;

  color:
    rgba(
      244,
      241,
      234,
      0.78
    );

  font-family:
    "Saira Extra Condensed",
    Arial,
    sans-serif;

  font-size: 1.22rem;
  font-weight: 700;
  line-height: 1.15;

  letter-spacing: 0.07em;
  text-transform: uppercase;
}


/* =========================
   TABLETTE
   ========================= */

@media (max-width: 980px) {

  .tcs-chroniques-closing {
    padding:
      68px
      20px;
  }

  .tcs-chroniques-closing__inner {
    grid-template-columns:
      minmax(0, 1fr)
      190px;

    gap: 38px;
  }

  .tcs-chroniques-closing__mark {
    width: 190px;
    height: 190px;

    padding: 24px;
  }

}


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

@media (max-width: 640px) {

  .tcs-chroniques-closing {
    padding:
      52px
      14px;
  }

  .tcs-chroniques-closing__inner {
    grid-template-columns: 1fr;

    gap: 34px;
  }

  .tcs-chroniques-closing__eyebrow {
    font-size: 0.74rem;
  }

  .tcs-chroniques-closing h2 {
    font-size:
      clamp(
        2.1rem,
        10.5vw,
        3rem
      );
  }

  .tcs-chroniques-closing__text {
    margin-top: 16px;

    font-size: 0.98rem;
    line-height: 1.62;
  }

  .tcs-chroniques-closing__actions {
    flex-direction: column;

    margin-top: 24px;
  }

  .tcs-chroniques-closing__button {
    width: 100%;

    min-height: 48px;

    padding:
      13px
      18px;
  }

  .tcs-chroniques-closing__mark {
    justify-self: start;

    width: 150px;
    height: 150px;

    padding: 20px;
  }

  .tcs-chroniques-closing__symbol {
    margin-bottom: 10px;

    font-size: 1.4rem;
  }

  .tcs-chroniques-closing__mark p {
    font-size: 1rem;
  }

}


/* =========================
   TRÈS PETIT MOBILE
   ========================= */

@media (max-width: 420px) {

  .tcs-chroniques-closing {
    padding:
      48px
      12px;
  }

}


/* =========================
   ACCESSIBILITÉ
   ========================= */

@media (prefers-reduced-motion: reduce) {

  .tcs-chroniques-closing__button {
    transition: none;
  }

  .tcs-chroniques-closing__button:hover {
    transform: none;
  }

}/* End custom CSS */