/*
Theme Name: Extra Child
Template: Extra
Version: 1.0
*/

/* =========================================================
GLOBAL
========================================================= */

html,
body {
    max-width: 100%;
}

body.blog {
    overflow-x: clip;
}

@supports not (overflow-x: clip) {
    body.blog {
        overflow-x: hidden;
    }
}

body.blog #main-content *,
body.blog #main-content *::before,
body.blog #main-content *::after {
    box-sizing: border-box;
}

body.blog #main-content .et_pb_section,
body.blog #main-content .et_pb_row,
body.blog #main-content .et_pb_row_inner,
body.blog #main-content .et_pb_column,
body.blog #main-content .et_pb_module,
body.blog #main-content .module {
    min-width: 0 !important;
}

body.blog #main-content .et_pb_section {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 1025px) {
    /*
     * La largeur desktop de la home est désormais pilotée par le réglage natif
     * Extra > General Settings > Website Content Width.
     * On laisse donc #main-content > .container conserver la largeur/max-width
     * injectée par Extra, et on fait simplement remplir cette largeur aux
     * conteneurs internes et aux lignes Divi.
     */
    body.blog #main-content #content-area,
    body.blog #main-content #left-area,
    body.blog #main-content .et_pb_extra_column_main {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.blog #main-content .et_pb_row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 1024px) {
    body.blog #main-content > .container,
    body.blog #main-content #content-area,
    body.blog #main-content #left-area,
    body.blog #main-content .et_pb_extra_column_main,
    body.blog #main-content .et_pb_section,
    body.blog #main-content .et_pb_row,
    body.blog #main-content .et_pb_row_inner,
    body.blog #main-content .et_pb_column,
    body.blog #main-content .et_pb_row > .et_pb_column {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 577px) and (max-width: 1024px) {
    body.blog #main-content .et_pb_row {
        width: calc(100% - 48px) !important;
        max-width: none !important;
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
}

@media (max-width: 576px) {
    body.blog #main-content .et_pb_row {
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
}


/* =========================================================
HERO
========================================================= */

.eko-hero.featured-posts-slider-module,
.eko-hero {
    position: relative;
    overflow: hidden;
    border: 0 !important;
    border-radius: 8px;
    background: transparent !important;
    box-shadow: none !important;
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.eko-hero.is-dragging {
    cursor: grabbing;
}

.eko-hero .posts-slider-module-items:not(.slick-initialized),
.eko-hero .carousel-items:not(.slick-initialized),
.eko-hero .et_pb_slides:not(.slick-initialized) {
    opacity: 1 !important;
    visibility: visible !important;
}

.eko-hero .posts-slider-module-items:not(.slick-initialized) .carousel-item:first-child,
.eko-hero .carousel-items:not(.slick-initialized) .carousel-item:first-child,
.eko-hero .et_pb_slides:not(.slick-initialized) .et_pb_slide:first-child {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.eko-hero .posts-slider-module-items:not(.slick-initialized) .carousel-item:not(:first-child),
.eko-hero .carousel-items:not(.slick-initialized) .carousel-item:not(:first-child),
.eko-hero .et_pb_slides:not(.slick-initialized) .et_pb_slide:not(:first-child) {
    display: none !important;
}

.eko-hero.eko-hero-single-slide,
.eko-hero.eko-hero-single-slide * {
    cursor: default !important;
}

body.blog #main-content .eko-hero.eko-hero-single-slide,
body.blog #main-content .eko-hero .eko-hero-full-link,
body.blog #main-content .eko-hero .entry-title a,
body.blog #main-content .eko-hero .eko-hero-cta {
    cursor: pointer !important;
}

body.blog #main-content .eko-hero.is-dragging,
body.blog #main-content .eko-hero.is-dragging * {
    cursor: grabbing !important;
}

.eko-hero,
.eko-hero .posts-slider-module-items,
.eko-hero .carousel-items,
.eko-hero .slick-list,
.eko-hero .slick-track,
.eko-hero .carousel-item,
.eko-hero .post-carousel-item,
.eko-hero .et_pb_slide {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
}

.eko-hero .posts-slider-module-items,
.eko-hero .carousel-items,
.eko-hero .slick-list,
.eko-hero .carousel-item,
.eko-hero .post-carousel-item,
.eko-hero .et_pb_slide {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.eko-hero .post-carousel-item,
.eko-hero .carousel-item,
.eko-hero .et_pb_slide {
    position: relative;
    overflow: hidden;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.eko-hero img,
.eko-hero a {
    -webkit-user-drag: none;
}

.eko-hero .eko-hero-full-link,
.eko-hero .posts-slider-module-items,
.eko-hero .carousel-items,
.eko-hero .slick-list,
.eko-hero .slick-track,
.eko-hero .carousel-item,
.eko-hero .post-carousel-item,
.eko-hero .et_pb_slide,
.eko-hero .post-content,
.eko-hero .post-content a {
    touch-action: pan-y;
}

.eko-hero .eko-hero-preload-img {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    pointer-events: none !important;
}

.eko-hero .eko-hero-gradient {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(
        ellipse 85% 100% at 0% 100%,
        rgba(0, 0, 0, .82) 0%,
        rgba(0, 0, 0, .62) 30%,
        rgba(0, 0, 0, .32) 52%,
        rgba(0, 0, 0, .10) 68%,
        rgba(0, 0, 0, 0) 82%
    );
}

.eko-hero .eko-hero-full-link {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: auto;
}

.eko-hero .post-content-box {
    position: absolute !important;
    z-index: 3 !important;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 40px 22px !important;
    background: transparent !important;
    pointer-events: none;
}

.eko-hero .post-content {
    max-width: 800px;
    padding: 0 !important;
    background: transparent !important;
}

.eko-hero .post-content-box a {
    position: relative;
    z-index: 4;
    pointer-events: auto;
}

.eko-hero .eko-hero-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 10px !important;
}

.eko-hero .eko-hero-category {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .03em;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.eko-hero .eko-hero-date {
    margin: 0 0 10px;
    color: rgba(255, 255, 255, .75);
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

.eko-hero .entry-title {
    margin: 0 0 12px !important;
}

.eko-hero .entry-title,
.eko-hero .entry-title a {
    color: #fff !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    text-shadow:
        0 3px 8px rgba(0, 0, 0, .10),
        0 1px 7px rgba(0, 0, 0, .52);
}

.eko-hero .eko-hero-excerpt {
    display: -webkit-box;
    max-width: 700px;
    margin: 0 0 18px;
    overflow: hidden;
    color: rgba(255, 255, 255, .88);
    font-size: 16px;
    line-height: 1.45;
    font-weight: 700;
    text-shadow: none;
    /* Ombre appliquée après la découpe du texte à deux lignes. */
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .65));
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.eko-hero .eko-hero-cta {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 12px 20px;
    border: 1px solid #111;
    border-radius: 100px;
    background: #fff;
    color: #111 !important;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

@media (hover: hover) {
    .eko-hero .eko-hero-cta:hover,
    .eko-hero .eko-hero-cta:focus-visible {
        border-color: #111;
        background: #111;
        color: #fff !important;
    }
}

.eko-hero .post-meta {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    color: rgba(255, 255, 255, .7) !important;
    text-shadow:
        0 2px 16px rgba(0, 0, 0, .68),
        0 1px 5px rgba(0, 0, 0, .5);
}

.eko-hero .post-meta p {
    display: inline !important;
    margin: 0 !important;
}

.eko-hero .post-meta a {
    display: inline !important;
    margin: 0 !important;
    color: #fff !important;
}

.eko-hero .et-pb-slider-arrows,
.eko-hero .et-pb-arrow-prev,
.eko-hero .et-pb-arrow-next,
.eko-hero .slick-prev,
.eko-hero .slick-next,
.eko-hero .et-slider-arrow {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.eko-hero .et-pb-controllers {
    position: absolute !important;
    z-index: 20 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
}

@media (max-width: 576px) {
    .eko-hero,
    .eko-hero .posts-slider-module-items,
    .eko-hero .carousel-items,
    .eko-hero .slick-list,
    .eko-hero .slick-track,
    .eko-hero .carousel-item,
    .eko-hero .post-carousel-item,
    .eko-hero .et_pb_slide {
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    }

    .eko-hero .post-content-box {
        padding: 24px !important;
    }

    .eko-hero .entry-title,
    .eko-hero .entry-title a {
        font-size: 30px !important;
        line-height: 1.05 !important;
    }

    .eko-hero .eko-hero-excerpt {
        font-size: 14px;
        line-height: 1.35;
    }

    .eko-hero .eko-hero-cta {
        display: none !important;
    }

    .eko-hero .post-meta p {
        font-size: 0 !important;
    }

    .eko-hero .post-meta .updated {
        font-size: 12px !important;
    }

    .eko-hero .post-meta a,
    .eko-hero .post-meta .rating-stars {
        display: none !important;
    }

    .eko-hero .et-pb-controllers {
        bottom: 12px !important;
    }
}

@media (max-width: 1024px) {
    body.blog #main-content .et_pb_row:not(.eko-auto-grid) > .et_pb_column > .eko-hero:only-child {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        border-radius: 0 !important;
    }

    body.blog #main-content .et_pb_row:not(.eko-auto-grid) > .et_pb_column > .eko-hero:only-child .posts-slider-module-items,
    body.blog #main-content .et_pb_row:not(.eko-auto-grid) > .et_pb_column > .eko-hero:only-child .carousel-items,
    body.blog #main-content .et_pb_row:not(.eko-auto-grid) > .et_pb_column > .eko-hero:only-child .slick-list,
    body.blog #main-content .et_pb_row:not(.eko-auto-grid) > .et_pb_column > .eko-hero:only-child .slick-track,
    body.blog #main-content .et_pb_row:not(.eko-auto-grid) > .et_pb_column > .eko-hero:only-child .carousel-item,
    body.blog #main-content .et_pb_row:not(.eko-auto-grid) > .et_pb_column > .eko-hero:only-child .post-carousel-item,
    body.blog #main-content .et_pb_row:not(.eko-auto-grid) > .et_pb_column > .eko-hero:only-child .et_pb_slide {
        border-radius: 0 !important;
    }
}


/* =========================================================
EKO AUTO GRID
========================================================= */

.eko-auto-grid {
    align-items: stretch !important;
}

.eko-auto-grid > .et_pb_column {
    min-width: 0 !important;
    float: none !important;
}

.eko-auto-grid > .et_pb_column > .et_pb_module,
.eko-auto-grid > .et_pb_column > .module {
    margin-bottom: 0 !important;
}

.eko-auto-grid > .et_pb_column:first-child > .eko-hero,
.eko-auto-grid > .et_pb_column:first-child > .eko-hero .posts-slider-module-items,
.eko-auto-grid > .et_pb_column:first-child > .eko-hero .carousel-items,
.eko-auto-grid > .et_pb_column:first-child > .eko-hero .slick-list,
.eko-auto-grid > .et_pb_column:first-child > .eko-hero .slick-track,
.eko-auto-grid > .et_pb_column:first-child > .eko-hero .carousel-item,
.eko-auto-grid > .et_pb_column:first-child > .eko-hero .post-carousel-item,
.eko-auto-grid > .et_pb_column:first-child > .eko-hero .et_pb_slide {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
}

.eko-grid-card-module {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #111 !important;
    box-shadow: none !important;
}

.eko-grid-card-article,
.eko-grid-card-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    color: #fff !important;
    text-decoration: none !important;
}

.eko-grid-card-media,
.eko-grid-card-media img,
.eko-grid-card-placeholder {
    display: block;
}

.eko-grid-card-media,
.eko-grid-card-placeholder {
    position: absolute;
    inset: 0;
}

.eko-grid-card-media img,
.eko-grid-card-img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    transition: transform .3s ease;
}

.eko-grid-card-placeholder {
    background: #333;
}

.eko-grid-card-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, .78) 100%
    );
}

.eko-grid-card-content {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    padding: 20px;
    color: #fff;
}

.eko-grid-card-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 8px !important;
}

.eko-grid-card-category {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    margin: 0 !important;
    padding: 4px 7px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: rgba(0, 0, 0, .82) !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .03em;
    white-space: nowrap;
}

.eko-grid-card-category:nth-child(n+4) {
    display: none !important;
}

.eko-grid-card-date {
    display: block;
    margin: 0 0 8px;
    color: rgba(255, 255, 255, .74);
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}

.eko-grid-card-module .entry-title {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 21px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
}

@media (hover: hover) {
    .eko-grid-card-link:hover .eko-grid-card-img {
        transform: scale(1.025);
    }
}

@media (min-width: 1025px) {
    body.blog #main-content .eko-auto-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
    }

    body.blog #main-content .eko-auto-grid > .et_pb_column {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 500px !important;
        min-height: 500px !important;
        max-height: 500px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.blog #main-content .eko-auto-grid > .et_pb_column_1_2,
    body.blog #main-content .eko-auto-grid > .et_pb_column_1_3,
    body.blog #main-content .eko-auto-grid > .et_pb_column_1_4 {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .eko-auto-grid > .et_pb_column:nth-child(2) > .eko-grid-card-module {
        flex: 0 0 240px !important;
        height: 240px !important;
        min-height: 240px !important;
        max-height: 240px !important;
    }

    .eko-auto-grid > .et_pb_column:nth-child(3) > .eko-grid-card-module {
        flex: 1 1 auto !important;
        height: 500px !important;
        min-height: 500px !important;
        max-height: 500px !important;
    }
}

@media (min-width: 577px) and (max-width: 1024px) {
    body.blog #main-content .et_pb_row.eko-auto-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 16px !important;
        width: calc(100% - 48px) !important;
        max-width: none !important;
        margin-left: 24px !important;
        margin-right: 24px !important;
        padding: 0 !important;
    }

    body.blog #main-content .eko-auto-grid > .et_pb_column {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.blog #main-content .eko-auto-grid > .et_pb_column:nth-child(1) {
        grid-column: 1 / -1 !important;
        display: block !important;
    }

    body.blog #main-content .eko-auto-grid > .et_pb_column:nth-child(2) {
        grid-column: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    body.blog #main-content .eko-auto-grid > .et_pb_column:nth-child(3) {
        grid-column: 2 !important;
        display: block !important;
    }

    .eko-auto-grid > .et_pb_column:first-child > .eko-hero,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .posts-slider-module-items,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .carousel-items,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .slick-list,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .slick-track,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .carousel-item,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .post-carousel-item,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .et_pb_slide {
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    }

    .eko-auto-grid > .et_pb_column:nth-child(2) > .eko-grid-card-module {
        flex: 0 0 192px !important;
        height: 192px !important;
        min-height: 192px !important;
        max-height: 192px !important;
    }

    .eko-auto-grid > .et_pb_column:nth-child(3) > .eko-grid-card-module {
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    }
}

@media (max-width: 576px) {
    :root {
        --eko-mobile-card-image: 145px;
    }

    body.blog #main-content .et_pb_row.eko-auto-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin-top: 16px !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        padding: 0 !important;
    }

    body.blog #main-content .eko-auto-grid > .et_pb_column {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .eko-auto-grid > .et_pb_column:first-child > .eko-hero,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .posts-slider-module-items,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .carousel-items,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .slick-list,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .slick-track,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .carousel-item,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .post-carousel-item,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .et_pb_slide {
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    }

    .eko-grid-card-module {
        height: 110px !important;
        min-height: 110px !important;
        max-height: 110px !important;
        background: #333 !important;
    }

    .eko-grid-card-link {
        display: grid;
        grid-template-columns: var(--eko-mobile-card-image) minmax(0, 1fr);
        min-height: 110px;
        background: #333;
    }

    .eko-grid-card-media,
    .eko-grid-card-placeholder {
        position: relative;
        inset: auto;
        width: var(--eko-mobile-card-image);
        height: 110px;
        overflow: hidden;
    }

    .eko-grid-card-media img,
    .eko-grid-card-img {
        width: 100% !important;
        height: 110px !important;
    }

    .eko-grid-card-overlay {
        display: none;
    }

    .eko-grid-card-content {
        position: static;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
        height: 110px;
        padding: 14px;
        background: #333;
    }

    .eko-grid-card-categories,
    .eko-grid-card-date {
        display: none;
    }

    .eko-grid-card-module .entry-title {
        font-size: 16px !important;
        line-height: 1.16 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}


/* =========================================================
A LA UNE
========================================================= */

.eko-featured-carousel {
    position: relative !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.eko-featured-carousel .module-head {
    margin: 0 !important;
    padding: 24px 0 18px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.eko-featured-carousel .module-head::before,
.eko-featured-carousel .module-head::after {
    display: none !important;
}

.eko-custom-carousel-shell {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
}

.eko-custom-carousel-track {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: none;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.eko-custom-carousel-track::-webkit-scrollbar {
    display: none;
}

.eko-custom-carousel-card {
    position: relative;
    display: block;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer;
    scroll-snap-align: none;
}

.eko-custom-carousel-card .post-thumbnail {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #eee !important;
    box-shadow: none !important;
}

.eko-custom-carousel-card .post-thumbnail img,
.eko-carousel-placeholder {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    transition: transform .3s ease;
}

.eko-carousel-placeholder {
    background: #ddd;
}

@media (hover: hover) {
    .eko-custom-carousel-card:hover .post-thumbnail img {
        transform: scale(1.025);
    }
}

.eko-custom-carousel-card .post-content-box,
.eko-custom-carousel-card .post-content {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.eko-custom-carousel-card .eko-carousel-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 12px 0 7px !important;
}

.eko-custom-carousel-card .eko-carousel-category {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    margin: 0 !important;
    padding: 4px 7px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .03em;
    white-space: nowrap;
}

.eko-custom-carousel-card .eko-carousel-category a {
    color: #fff !important;
    text-decoration: none !important;
}

.eko-custom-carousel-card .eko-carousel-category:nth-child(n+4) {
    display: none !important;
}

.eko-custom-carousel-card .entry-title,
.eko-custom-carousel-card .entry-title a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    overflow-wrap: break-word;
}

.eko-custom-carousel-card .post-meta {
    display: block !important;
    margin: 9px 0 0 !important;
    padding: 0 !important;
    color: #777 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}

.eko-custom-carousel-card .post-meta a {
    color: inherit !important;
    text-decoration: none !important;
}

@media (min-width: 1621px) {
    .eko-custom-carousel-card {
        flex: 0 0 calc((100% - 60px) / 4);
        width: calc((100% - 60px) / 4);
    }
}

@media (min-width: 769px) and (max-width: 1620px) {
    .eko-custom-carousel-card {
        flex: 0 0 calc((100% - 40px) / 3);
        width: calc((100% - 40px) / 3);
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .eko-custom-carousel-track {
        gap: 16px;
    }

    .eko-custom-carousel-card {
        flex: 0 0 calc((100% - 16px) / 2);
        width: calc((100% - 16px) / 2);
    }

    .eko-custom-carousel-card .entry-title {
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    .eko-custom-carousel-card .post-meta {
        font-size: 12px !important;
    }
}

@media (max-width: 576px) {
    body.blog .eko-featured-carousel {
        overflow: visible !important;
    }

    body.blog .eko-featured-carousel .eko-custom-carousel-shell {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        overflow: hidden !important;
    }

    body.blog .eko-featured-carousel .eko-custom-carousel-track {
        width: 100% !important;
        max-width: none !important;
        gap: 20px !important;
        margin: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: none;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.blog .eko-featured-carousel .eko-custom-carousel-card {
        flex: 0 0 290px !important;
        width: 290px !important;
        min-width: 290px !important;
        max-width: 290px !important;
    }

    body.blog .eko-featured-carousel.eko-mobile-left .eko-custom-carousel-track {
        padding-left: 16px !important;
        padding-right: 16px !important;
        scroll-padding-left: 16px !important;
    }

    body.blog .eko-featured-carousel.eko-mobile-center .eko-custom-carousel-track {
        --eko-featured-mobile-card: 270px;
        --eko-featured-mobile-gap: 16px;

        gap: var(--eko-featured-mobile-gap) !important;

        padding-left: max(16px, calc((100vw - var(--eko-featured-mobile-card)) / 2)) !important;
        padding-right: max(16px, calc((100vw - var(--eko-featured-mobile-card)) / 2)) !important;
        scroll-padding-left: max(16px, calc((100vw - var(--eko-featured-mobile-card)) / 2)) !important;
        scroll-padding-right: max(16px, calc((100vw - var(--eko-featured-mobile-card)) / 2)) !important;
    }

    body.blog .eko-featured-carousel.eko-mobile-center .eko-custom-carousel-card {
        flex: 0 0 var(--eko-featured-mobile-card) !important;
        width: var(--eko-featured-mobile-card) !important;
        min-width: var(--eko-featured-mobile-card) !important;
        max-width: var(--eko-featured-mobile-card) !important;
        scroll-snap-align: none !important;
    }

    body.blog .eko-custom-carousel-prev,
    body.blog .eko-custom-carousel-next {
        display: none !important;
    }
}


/* =========================================================
SHARED CAROUSEL CONTROLS
========================================================= */

.eko-custom-carousel-track,
.eko-category-layout-carousel .eko-category-track {
    cursor: default;
    user-select: auto;
    -webkit-user-select: auto;
}

.eko-custom-carousel-track.is-scrollable,
.eko-category-layout-carousel .eko-category-track.is-scrollable {
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

@media (hover: hover) and (pointer: fine) {
    .eko-custom-carousel-track.is-scrollable,
    .eko-category-layout-carousel .eko-category-track.is-scrollable {
        touch-action: pan-y;
    }

    .eko-custom-carousel-track.is-scrollable.is-dragging,
    .eko-category-layout-carousel .eko-category-track.is-scrollable.is-dragging {
        cursor: grabbing;
        scroll-snap-type: none !important;
        scroll-behavior: auto !important;
    }
}

@media (hover: none), (pointer: coarse) {
    .eko-custom-carousel-track.is-scrollable,
    .eko-category-layout-carousel .eko-category-track.is-scrollable {
        cursor: default;
        touch-action: pan-x pan-y;
    }
}

.eko-custom-carousel-track.is-scrollable img,
.eko-category-layout-carousel .eko-category-track.is-scrollable img {
    user-select: none;
    -webkit-user-drag: none;
}

.eko-custom-carousel-prev,
.eko-custom-carousel-next,
.eko-category-prev,
.eko-category-next {
    position: absolute !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, .86) !important;
    color: #333 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer;
    box-shadow: none !important;
    transform: translateY(-50%) !important;
    transition: background .2s ease, color .2s ease !important;
}

.eko-custom-carousel-prev,
.eko-custom-carousel-next {
    top: 32% !important;
}

.eko-category-prev,
.eko-category-next {
    top: 50% !important;
}

.eko-custom-carousel-prev,
.eko-category-prev {
    left: 8px !important;
}

.eko-custom-carousel-next,
.eko-category-next {
    right: 8px !important;
}

.eko-custom-carousel-prev::before,
.eko-custom-carousel-next::before,
.eko-category-prev::before,
.eko-category-next::before {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border: 0 !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    background: transparent !important;
}

.eko-custom-carousel-prev::before,
.eko-category-prev::before {
    margin-left: 3px !important;
    transform: rotate(-135deg) !important;
}

.eko-custom-carousel-next::before,
.eko-category-next::before {
    margin-right: 3px !important;
    transform: rotate(45deg) !important;
}

.eko-custom-carousel-prev::after,
.eko-custom-carousel-next::after,
.eko-category-prev::after,
.eko-category-next::after {
    content: none !important;
    display: none !important;
}

@media (hover: hover) {
    .eko-custom-carousel-prev:hover,
    .eko-custom-carousel-next:hover,
    .eko-category-prev:hover,
    .eko-category-next:hover {
        background: #111 !important;
        color: #fff !important;
    }
}

.eko-custom-carousel-prev[hidden],
.eko-custom-carousel-next[hidden],
.eko-category-prev[hidden],
.eko-category-next[hidden] {
    display: none !important;
}


/* =========================================================
CATEGORIES
========================================================= */

.eko-category-section,
.eko-category-section .et_pb_row,
.eko-category-section .et_pb_column,
.eko-category-section .et_pb_module {
    position: relative !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.eko-category-section .et_pb_column {
    float: none !important;
}

.eko-category-carousel {
    position: relative !important;
    display: block !important;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden;
}

.eko-category-layout-carousel .eko-category-track {
    position: relative !important;
    display: flex !important;
    align-items: stretch;
    gap: 16px;
    width: 100%;
    height: auto !important;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: none;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.eko-category-layout-carousel .eko-category-track::-webkit-scrollbar {
    display: none;
}

.eko-category-card {
    position: relative;
    display: block;
    min-width: 0;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border: 0;
    border-radius: 8px;
    background: #111;
    color: #fff;
    text-decoration: none;
    scroll-snap-align: none;
    cursor: pointer;
}

.eko-category-carousel[style*="--eko-category-height"] .eko-category-card {
    height: var(--eko-category-height) !important;
    min-height: var(--eko-category-height) !important;
    max-height: var(--eko-category-height) !important;
    aspect-ratio: auto !important;
}

.eko-category-card img,
.eko-category-card picture,
.eko-category-image,
.eko-category-image img {
    display: block;
}

.eko-category-card > img,
.eko-category-image,
.eko-category-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.eko-category-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 20%,
        rgba(0, 0, 0, .72) 100%
    );
    pointer-events: none;
}

.eko-category-content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    width: 100%;
    padding: 18px;
    color: #fff;
}

.eko-category-text {
    display: block !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
}

.eko-category-name {
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.05;
    font-weight: 700;
}

.eko-category-tagline {
    display: block !important;
    margin: 7px 0 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, .82);
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
}

.eko-category-cta {
    display: block !important;
    flex: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1 !important;
    transform: none !important;
    transition: transform .2s ease;
}

@media (hover: hover) {
    .eko-category-card:hover .eko-category-cta {
        transform: translateX(2px) !important;
    }
}

@media (min-width: 1621px) {
    .eko-category-layout-carousel .eko-category-card {
        flex: 0 0 calc((100% - 80px) / 6);
        width: calc((100% - 80px) / 6);
    }
}

@media (min-width: 1025px) and (max-width: 1620px) {
    .eko-category-layout-carousel .eko-category-card {
        flex: 0 0 calc((100% - 64px) / 5);
        width: calc((100% - 64px) / 5);
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .eko-category-layout-carousel .eko-category-card {
        flex: 0 0 calc((100% - 48px) / 4);
        width: calc((100% - 48px) / 4);
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .eko-category-layout-carousel .eko-category-card {
        flex: 0 0 calc((100% - 32px) / 3);
        width: calc((100% - 32px) / 3);
    }
}

@media (max-width: 576px) {
    body.blog .eko-category-layout-carousel {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        overflow: hidden !important;
    }

    body.blog .eko-category-layout-carousel .eko-category-track {
        gap: 16px !important;
        width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
    }

    body.blog .eko-category-layout-carousel.eko-category-mobile-left .eko-category-track {
        padding-left: 16px !important;
        padding-right: 16px !important;
        scroll-padding-left: 16px !important;
    }

    body.blog .eko-category-layout-carousel.eko-category-mobile-center .eko-category-track {
        padding-left: max(16px, calc((100vw - var(--eko-category-mobile-width, 245px)) / 2)) !important;
        padding-right: max(16px, calc((100vw - var(--eko-category-mobile-width, 245px)) / 2)) !important;
        scroll-padding-left: max(16px, calc((100vw - var(--eko-category-mobile-width, 245px)) / 2)) !important;
        scroll-padding-right: max(16px, calc((100vw - var(--eko-category-mobile-width, 245px)) / 2)) !important;
    }

    body.blog .eko-category-layout-carousel .eko-category-card {
        flex: 0 0 var(--eko-category-mobile-width, 245px) !important;
        width: var(--eko-category-mobile-width, 245px) !important;
        min-width: var(--eko-category-mobile-width, 245px) !important;
        max-width: var(--eko-category-mobile-width, 245px) !important;
    }

    body.blog .eko-category-carousel[style*="--eko-category-mobile-height"] .eko-category-card {
        height: var(--eko-category-mobile-height) !important;
        min-height: var(--eko-category-mobile-height) !important;
        max-height: var(--eko-category-mobile-height) !important;
        aspect-ratio: auto !important;
    }

    body.blog .eko-category-prev,
    body.blog .eko-category-next {
        display: none !important;
    }
}

.eko-category-layout-grid {
    overflow: visible !important;
}

.eko-category-layout-grid .eko-category-track {
    display: grid !important;
    gap: 16px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    overscroll-behavior: auto !important;
}

.eko-category-layout-grid .eko-category-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto;
    aspect-ratio: 3 / 4;
    scroll-snap-align: none !important;
}

.eko-category-layout-grid[data-category-count="2"] .eko-category-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.eko-category-layout-grid[data-category-count="4"] .eko-category-track {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.eko-category-layout-grid[data-category-count="6"] .eko-category-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.eko-category-layout-grid[data-category-count="8"] .eko-category-track {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.eko-category-layout-grid:not([data-category-count="2"]):not([data-category-count="4"]):not([data-category-count="6"]):not([data-category-count="8"]) .eko-category-track {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.eko-category-layout-grid .eko-category-prev,
.eko-category-layout-grid .eko-category-next {
    display: none !important;
}

@media (min-width: 577px) and (max-width: 1024px) {
    .eko-category-layout-grid[data-category-count="2"] .eko-category-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eko-category-layout-grid[data-category-count="4"] .eko-category-track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .eko-category-layout-grid[data-category-count="6"] .eko-category-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .eko-category-layout-grid[data-category-count="8"] .eko-category-track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    body.blog .eko-category-layout-grid {
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        overflow: visible !important;
    }

    .eko-category-layout-grid .eko-category-track,
    .eko-category-layout-grid[data-category-count="2"] .eko-category-track,
    .eko-category-layout-grid[data-category-count="4"] .eko-category-track,
    .eko-category-layout-grid[data-category-count="6"] .eko-category-track,
    .eko-category-layout-grid[data-category-count="8"] .eko-category-track {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .eko-category-layout-grid[style*="--eko-category-mobile-width"] .eko-category-track,
    .eko-category-layout-grid[style*="--eko-category-mobile-width"][data-category-count="2"] .eko-category-track,
    .eko-category-layout-grid[style*="--eko-category-mobile-width"][data-category-count="4"] .eko-category-track,
    .eko-category-layout-grid[style*="--eko-category-mobile-width"][data-category-count="6"] .eko-category-track,
    .eko-category-layout-grid[style*="--eko-category-mobile-width"][data-category-count="8"] .eko-category-track {
        grid-template-columns: repeat(2, minmax(0, min(var(--eko-category-mobile-width), calc((100vw - 48px) / 2)))) !important;
        width: max-content !important;
        max-width: 100% !important;
    }

    .eko-category-layout-grid.eko-category-mobile-left .eko-category-track {
        justify-content: start !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .eko-category-layout-grid.eko-category-mobile-center .eko-category-track {
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .eko-category-layout-grid .eko-category-content {
        padding: 12px !important;
    }

    .eko-category-layout-grid .eko-category-name {
        font-size: 14px !important;
        line-height: 1.05 !important;
    }

    .eko-category-layout-grid .eko-category-tagline {
        display: none !important;
    }
}


/* =========================================================
CLICKS AND OVERFLOW
========================================================= */

body.blog,
body.blog #page-container,
body.blog #et-main-area,
body.blog #main-content {
    overflow-x: clip;
}

@supports not (overflow-x: clip) {
    body.blog,
    body.blog #page-container,
    body.blog #et-main-area,
    body.blog #main-content {
        overflow-x: hidden;
    }
}

.eko-hero .eko-hero-gradient,
.eko-grid-card-overlay,
.eko-category-card::after,
.eko-category-overlay,
.eko-category-image,
.eko-category-img {
    pointer-events: none !important;
}

.eko-hero .eko-hero-full-link,
.eko-hero .post-content-box a,
.eko-grid-card-link,
.eko-custom-carousel-card,
.eko-custom-carousel-card a,
.eko-category-card,
.eko-category-card a {
    pointer-events: auto !important;
}


/* =========================================================
   À LA UNE — EXTRAIT
========================================================= */

.eko-carousel-excerpt {
    margin: 8px 0 0 !important;

    color: #666;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
}

.eko-excerpt-mobile {
    display: none;
}

@media (max-width: 576px) {

    .eko-excerpt-desktop {
        display: none;
    }

    .eko-excerpt-mobile {
        display: inline;
    }

    .eko-carousel-excerpt-hide-mobile {
        display: none !important;
    }

}
/* =========================================================
   EKO — MODULE ARTICLES / LATEST
========================================================= */

.et_pb_extra_module.post-module {
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    background: transparent;
}


/* ---------- HEADER ---------- */

.et_pb_extra_module.post-module .module-head {
    display: flex;
    align-items: baseline;
    gap: 8px;

    padding: 0 0 24px;

    border: 0 !important;
}

.et_pb_extra_module.post-module .module-head :is(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 700;
}

.et_pb_extra_module.post-module .module-filter {
    font-size: 12px;
    color: #999;
}


/* =========================================================
   ARTICLE PRINCIPAL
========================================================= */

.et_pb_extra_module.post-module .main-post {
    padding: 0 20px 0 0;
    border: 0 !important;
}

.et_pb_extra_module.post-module .main-post article {
    border: 0;
}


/* Image */

.et_pb_extra_module.post-module .main-post .featured-image {
    display: block;
    overflow: hidden;

    margin-bottom: 18px;

    border-radius: 8px;
}

.et_pb_extra_module.post-module .main-post .featured-image img {
    display: block;

    width: 100%;
    height: auto;

    transition: transform .35s ease;
}

.et_pb_extra_module.post-module .main-post .featured-image:hover img {
    transform: scale(1.025);
}


/* Contenu */

.et_pb_extra_module.post-module .main-post .post-content {
    padding: 0;
}

.et_pb_extra_module.post-module .main-post .entry-title {
    margin: 0 0 7px;

    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.et_pb_extra_module.post-module .main-post .entry-title a {
    color: #111 !important;
}


/* Meta */

.et_pb_extra_module.post-module .post-meta,
.et_pb_extra_module.post-module .post-meta a {
    color: #888 !important;

    font-size: 11px;
    line-height: 1.4;
}


/* Extrait */

.et_pb_extra_module.post-module .main-post .excerpt {
    margin-top: 12px;

    color: #666;

    font-size: 13px;
    line-height: 1.5;
}


/* =========================================================
   LISTE ARTICLES À DROITE
========================================================= */

.et_pb_extra_module.post-module .posts-list {
    border: 0 !important;
}

.et_pb_extra_module.post-module .posts-list li {
    padding: 14px 0;

    border: 0 !important;
    border-bottom: 1px solid #eee !important;
}

.et_pb_extra_module.post-module .posts-list li:first-child {
    padding-top: 0;
}

.et_pb_extra_module.post-module .posts-list li:last-child {
    border-bottom: 0 !important;
}


/* Article */

.et_pb_extra_module.post-module .posts-list article {
    display: flex;
    align-items: center;
    gap: 14px;
}


/* Miniature */

.et_pb_extra_module.post-module .posts-list .post-thumbnail {
    flex: 0 0 76px;

    width: 76px;
    height: 76px;

    overflow: hidden;

    border-radius: 6px;
}

.et_pb_extra_module.post-module .posts-list .post-thumbnail img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* Contenu */

.et_pb_extra_module.post-module .posts-list .post-content {
    flex: 1;

    padding: 0;
    min-width: 0;
}


/* Titre */

.et_pb_extra_module.post-module .posts-list .entry-title {
    margin: 0 0 6px;

    font-size: 16px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    color: #000;
    line-height: 1.3;
    font-weight: 700;
}

.et_pb_extra_module.post-module .posts-list .entry-title a {
    color: #111 !important;
}

.et_pb_extra_module.post-module .posts-list .entry-title a:hover {
    opacity: .6;
}


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

@media (max-width: 767px) {

    .et_pb_extra_module.post-module {
        display: block !important;
    }

    .et_pb_extra_module.post-module .main-post {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        padding-right: 0 !important;
    }

    .et_pb_extra_module.post-module .main-post article {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .et_pb_extra_module.post-module .main-post .featured-image {
        width: 100% !important;
        max-width: 100% !important;
    }

    .et_pb_extra_module.post-module .main-post .entry-title {
        font-size: 18px !important;
    }

    .et_pb_extra_module.post-module .posts-list {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .et_pb_extra_module.post-module .posts-list li {
        display: block !important;
        width: 100% !important;
    }

    .et_pb_extra_module.post-module .posts-list article {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        width: 100% !important;
    }

    .et_pb_extra_module.post-module .posts-list .post-thumbnail {
        flex: 0 0 68px !important;
        width: 68px !important;
        height: 68px !important;
        margin: 0 !important;
        float: none !important;
    }

    .et_pb_extra_module.post-module .posts-list .post-content {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
}
/* =========================================================
   EKO — NEWSLETTER
========================================================= */

/* =========================================================
   INTÉGRATION DIVI — PLEINE HAUTEUR
   Conservée uniquement pour les grandes compositions desktop.
========================================================= */

@media (min-width: 981px) {
    .et_pb_column:has(.eko-newsletter-card) {
        display: flex;
        flex-direction: column;
    }

    .et_pb_column:has(.eko-newsletter-card) .et_pb_code,
    .et_pb_column:has(.eko-newsletter-card) .et_pb_code_inner {
        display: flex;
        flex: 1;
        width: 100%;
    }
}

/* =========================================================
   CARTE — VERSION LARGE
========================================================= */

.eko-newsletter-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 360px;
    overflow: hidden;
    border-radius: 8px;
    background:
        url("https://jeiwbmd.cluster028.hosting.ovh.net/blogeko-test/wp-content/uploads/2024/09/AdobeStock_68292715-scaled.jpeg")
        center center / cover no-repeat;
    color: #111;
    box-sizing: border-box;
}

.eko-newsletter-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,.97) 0%,
        rgba(255,255,255,.90) 46%,
        rgba(255,255,255,.35) 74%,
        rgba(255,255,255,0) 100%
    );
}

.eko-newsletter-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 560px;
    padding: 36px;
    box-sizing: border-box;
}

.eko-newsletter-kicker {
    margin: 0 0 10px;
    color: #6d8ea1;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.eko-newsletter-card h3 {
    margin: 0 0 16px;
    padding: 0;
    color: #111;
    font-size: 32px;
    line-height: 1.05;
    font-weight: 700;
}

.eko-newsletter-intro {
    margin: 0 0 18px !important;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}

.eko-newsletter-form {
    width: 100%;
    max-width: 430px;
    margin: 0;
}

.eko-newsletter-form-row {
    display: flex;
    width: 100%;
}

.eko-newsletter-form input {
    flex: 1;
    min-width: 0;
    height: 48px;
    padding: 0 16px;
    border: 1px solid rgba(17,17,17,.08);
    border-radius: 4px 0 0 4px;
    background: #fff;
    color: #111;
    font-family: inherit;
    font-size: 13px;
    line-height: 48px;
    outline: none;
    box-sizing: border-box;
}

.eko-newsletter-form input::placeholder {
    color: #555;
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.eko-newsletter-form input:focus {
    border-color: #111;
}

.eko-newsletter-form button {
    height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 0 4px 4px 0;
    background: #1b1b1b;
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: background .2s ease;
}

.eko-newsletter-form button:hover,
.eko-newsletter-form button:focus-visible {
    background: #6d8ea1;
    color: #fff;
}

#eko-newsletter-message {
    min-height: 18px;
    margin: 8px 0 0;
    color: #333;
    font-size: 12px;
    line-height: 1.35;
}

/* =========================================================
   COLONNE DROITE DES ARTICLES — VERSION COMPACTE
========================================================= */

body.single-post .et_pb_extra_column_sidebar .eko-newsletter-card,
body.single-post #sidebar .eko-newsletter-card,
body.single-post .widget-area .eko-newsletter-card {
    min-height: 360px;
    align-items: flex-start;
    justify-content: flex-start;
    background-position: 72% center;
}

body.single-post .et_pb_extra_column_sidebar .eko-newsletter-overlay,
body.single-post #sidebar .eko-newsletter-overlay,
body.single-post .widget-area .eko-newsletter-overlay {
    background: linear-gradient(
        180deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.94) 56%,
        rgba(255,255,255,.72) 78%,
        rgba(255,255,255,.35) 100%
    );
}

body.single-post .et_pb_extra_column_sidebar .eko-newsletter-content,
body.single-post #sidebar .eko-newsletter-content,
body.single-post .widget-area .eko-newsletter-content {
    max-width: none;
    padding: 24px;
}

body.single-post .et_pb_extra_column_sidebar .eko-newsletter-kicker,
body.single-post #sidebar .eko-newsletter-kicker,
body.single-post .widget-area .eko-newsletter-kicker {
    margin-bottom: 8px;
    font-size: 11px;
}

body.single-post .et_pb_extra_column_sidebar .eko-newsletter-card h3,
body.single-post #sidebar .eko-newsletter-card h3,
body.single-post .widget-area .eko-newsletter-card h3 {
    margin-bottom: 14px;
    font-size: 27px;
    line-height: 1.04;
}

body.single-post .et_pb_extra_column_sidebar .eko-newsletter-card h3 br,
body.single-post .et_pb_extra_column_sidebar .eko-newsletter-intro br,
body.single-post #sidebar .eko-newsletter-card h3 br,
body.single-post #sidebar .eko-newsletter-intro br,
body.single-post .widget-area .eko-newsletter-card h3 br,
body.single-post .widget-area .eko-newsletter-intro br {
    display: none;
}

body.single-post .et_pb_extra_column_sidebar .eko-newsletter-intro,
body.single-post #sidebar .eko-newsletter-intro,
body.single-post .widget-area .eko-newsletter-intro {
    margin-bottom: 16px !important;
    font-size: 13px;
    line-height: 1.42;
}

body.single-post .et_pb_extra_column_sidebar .eko-newsletter-form,
body.single-post #sidebar .eko-newsletter-form,
body.single-post .widget-area .eko-newsletter-form {
    max-width: none;
}

body.single-post .et_pb_extra_column_sidebar .eko-newsletter-form-row,
body.single-post #sidebar .eko-newsletter-form-row,
body.single-post .widget-area .eko-newsletter-form-row {
    flex-direction: column;
    gap: 8px;
}

body.single-post .et_pb_extra_column_sidebar .eko-newsletter-form input,
body.single-post .et_pb_extra_column_sidebar .eko-newsletter-form button,
body.single-post #sidebar .eko-newsletter-form input,
body.single-post #sidebar .eko-newsletter-form button,
body.single-post .widget-area .eko-newsletter-form input,
body.single-post .widget-area .eko-newsletter-form button {
    width: 100%;
    height: 44px;
    border-radius: 4px;
}

/* On annule l'étirement de la colonne uniquement dans la sidebar article. */
@media (min-width: 981px) {
    body.single-post .et_pb_extra_column_sidebar:has(.eko-newsletter-card),
    body.single-post #sidebar:has(.eko-newsletter-card),
    body.single-post .widget-area:has(.eko-newsletter-card) {
        display: block;
    }

    body.single-post .et_pb_extra_column_sidebar:has(.eko-newsletter-card) .et_pb_code,
    body.single-post .et_pb_extra_column_sidebar:has(.eko-newsletter-card) .et_pb_code_inner,
    body.single-post #sidebar:has(.eko-newsletter-card) .et_pb_code,
    body.single-post #sidebar:has(.eko-newsletter-card) .et_pb_code_inner,
    body.single-post .widget-area:has(.eko-newsletter-card) .et_pb_code,
    body.single-post .widget-area:has(.eko-newsletter-card) .et_pb_code_inner {
        display: block;
        flex: none;
        width: 100%;
    }
}

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

@media (max-width: 767px) {
    .et_pb_column:has(.eko-newsletter-card),
    .et_pb_column:has(.eko-newsletter-card) .et_pb_code,
    .et_pb_column:has(.eko-newsletter-card) .et_pb_code_inner {
        display: block;
        flex: none;
        width: 100%;
    }

    .eko-newsletter-card {
        min-height: 390px;
        align-items: flex-start;
        justify-content: flex-start;
        background-position: 70% center;
    }

    .eko-newsletter-overlay {
        background: linear-gradient(
            180deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.94) 58%,
            rgba(255,255,255,.74) 78%,
            rgba(255,255,255,.35) 100%
        );
    }

    .eko-newsletter-content {
        max-width: none;
        padding: 28px 24px 26px;
    }

    .eko-newsletter-kicker {
        margin-bottom: 8px;
        font-size: 11px;
    }

    .eko-newsletter-card h3 {
        margin-bottom: 14px;
        font-size: 28px;
        line-height: 1.04;
    }

    .eko-newsletter-card h3 br,
    .eko-newsletter-intro br {
        display: none;
    }

    .eko-newsletter-intro {
        margin-bottom: 18px !important;
        font-size: 14px;
        line-height: 1.42;
    }

    .eko-newsletter-form {
        max-width: none;
    }

    .eko-newsletter-form-row {
        flex-direction: column;
        gap: 8px;
    }

    .eko-newsletter-form input,
    .eko-newsletter-form button {
        width: 100%;
        height: 48px;
        border-radius: 4px;
    }
}

@media (max-width: 420px) {
    .eko-newsletter-card {
        min-height: 370px;
    }

    .eko-newsletter-content {
        padding: 24px 20px 22px;
    }

    .eko-newsletter-card h3 {
        font-size: 25px;
    }

    .eko-newsletter-intro {
        font-size: 13px;
    }
}


/* =========================================================
   EKOSPORT - FULLSCREEN SEARCH
========================================================= */

#eko-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: block;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    transition:
        opacity .25s ease,
        transform .35s ease,
        visibility .35s;
}

#eko-search-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

body.eko-search-open {
    overflow: hidden;
}

.eko-search-inner {
    width: min(900px, calc(100% - 48px));
    margin: 0 auto;
    padding-top: 18vh;
    padding-bottom: 80px;
}

.eko-search-label {
    margin-bottom: 12px;
    color: #111;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .15em;
}

.eko-search-inner h2 {
    margin: 0 0 45px;
    padding: 0;
    color: #111;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: 0;
}

.eko-search-close {
    position: absolute;
    top: 32px;
    right: 42px;
    z-index: 2;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
}

.eko-search-close span {
    position: absolute;
    top: 21px;
    left: 8px;
    width: 28px;
    height: 2px;
    background: #111;
    transition: transform .2s ease;
}

.eko-search-close span:first-child {
    transform: rotate(45deg);
}

.eko-search-close span:last-child {
    transform: rotate(-45deg);
}

.eko-search-close:hover span:first-child,
.eko-search-close:focus-visible span:first-child {
    transform: rotate(45deg) scale(1.1);
}

.eko-search-close:hover span:last-child,
.eko-search-close:focus-visible span:last-child {
    transform: rotate(-45deg) scale(1.1);
}

li.eko-shop-link,
.eko-shop-link.menu-item {
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

#et-navigation li.eko-shop-link,
#top-menu li.eko-shop-link {
    position: relative !important;
    top: -18px !important;
    transform: none !important;
}

.eko-shop-link > a,
#et-navigation .eko-shop-link > a,
#top-menu .eko-shop-link > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 16px !important;
    border-radius: 4px !important;
    background-color: #ff6b00 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

.eko-shop-link > a:hover,
.eko-shop-link > a:focus-visible,
#et-navigation .eko-shop-link > a:hover,
#et-navigation .eko-shop-link > a:focus-visible,
#top-menu .eko-shop-link > a:hover,
#top-menu .eko-shop-link > a:focus-visible {
    background-color: #e85f00 !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

li.eko-search-trigger,
.eko-search-trigger.menu-item {
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

#et-navigation li.eko-search-trigger,
#top-menu li.eko-search-trigger {
    position: relative !important;
    top: -18px !important;
    transform: none !important;
}

.eko-search-trigger > a,
#et-navigation .eko-search-trigger > a,
#top-menu .eko-search-trigger > a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 4px !important;
    background-color: #111 !important;
    background-image: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    overflow: hidden !important;
    vertical-align: middle !important;
}

.eko-search-trigger > a::before,
#et-navigation .eko-search-trigger > a::before,
#top-menu .eko-search-trigger > a::before {
    content: none !important;
    display: none !important;
}

.eko-search-trigger > a > *,
#et-navigation .eko-search-trigger > a > *,
#top-menu .eko-search-trigger > a > * {
    display: none !important;
}

.eko-search-trigger > a:hover,
.eko-search-trigger > a:focus-visible,
#et-navigation .eko-search-trigger > a:hover,
#et-navigation .eko-search-trigger > a:focus-visible,
#top-menu .eko-search-trigger > a:hover,
#top-menu .eko-search-trigger > a:focus-visible {
    background-color: #2a2a2a !important;
}

#eko-search-container .asl_w,
#eko-search-container div.asl_w {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

#eko-search-container .probox,
#eko-search-container div.asl_w .probox {
    min-height: 68px !important;
    border: 0 !important;
    border-bottom: 2px solid #111 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

#eko-search-container .proinput,
#eko-search-container div.asl_w .probox .proinput {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#eko-search-container input.orig,
#eko-search-container div.asl_w .probox .proinput input.orig,
#eko-search-container div.asl_w .probox .proinput input.orig:focus {
    height: 68px !important;
    padding: 0 10px !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    caret-color: #111 !important;
    font-size: 20px !important;
    line-height: 68px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-shadow: none !important;
    background: transparent !important;
}

#eko-search-container input.autocomplete,
#eko-search-container div.asl_w .probox .proinput input.autocomplete {
    height: 68px !important;
    padding: 0 10px !important;
    opacity: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    caret-color: transparent !important;
    font-size: 20px !important;
    line-height: 68px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-shadow: none !important;
    background: transparent !important;
}

#eko-search-container input.orig::placeholder,
#eko-search-container div.asl_w .probox .proinput input.orig::placeholder {
    color: #8a8a8a !important;
    -webkit-text-fill-color: #8a8a8a !important;
    opacity: 1;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

#eko-search-container .promagnifier,
#eko-search-container div.asl_w .probox .promagnifier {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    margin: 9px 0 9px 12px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #111 !important;
    box-shadow: none !important;
}

#eko-search-container .promagnifier,
#eko-search-container .proclose,
#eko-search-container .proloading {
    box-shadow: none !important;
}

#eko-search-container .promagnifier > *,
#eko-search-container div.asl_w .probox .promagnifier > * {
    display: none !important;
}

#eko-search-container .promagnifier::before,
#eko-search-container div.asl_w .probox .promagnifier::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    -webkit-mask: url("assets/img/Search.svg") center / contain no-repeat;
    mask: url("assets/img/Search.svg") center / contain no-repeat;
}

#eko-search-container .proclose,
#eko-search-container div.asl_w .probox .proclose {
    width: 22px !important;
    height: 22px !important;
    margin: 23px 8px 23px 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #111 !important;
    opacity: 1 !important;
}

#eko-search-container .promagnifier svg,
#eko-search-container .promagnifier svg path,
#eko-search-container div.asl_w .probox .promagnifier svg,
#eko-search-container div.asl_w .probox .promagnifier svg path {
    fill: #fff !important;
}

#eko-search-container .proclose svg,
#eko-search-container .proclose svg path,
#eko-search-container .proclose svg line,
#eko-search-container .proclose svg polygon,
#eko-search-container div.asl_w .probox .proclose svg,
#eko-search-container div.asl_w .probox .proclose svg path,
#eko-search-container div.asl_w .probox .proclose svg line,
#eko-search-container div.asl_w .probox .proclose svg polygon {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}

#eko-search-container .asl_r,
#eko-search-container .wpdreams_asl_results {
    z-index: 1000000 !important;
}

body.eko-search-open .asl_r,
body.eko-search-open .wpdreams_asl_results {
    z-index: 1000000 !important;
}

body.eko-search-open div.asl_r,
body.eko-search-open .wpdreams_asl_results {
    overflow: hidden !important;
    border: 0 !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
}

body.eko-search-open div.asl_r .results,
body.eko-search-open .wpdreams_asl_results .results {
    max-height: min(430px, 46vh) !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    background: #fff !important;
}

body.eko-search-open div.asl_r .results .item,
body.eko-search-open .wpdreams_asl_results .results .item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 14px 0 14px 96px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.eko-search-open div.asl_r .results .item::after,
body.eko-search-open .wpdreams_asl_results .results .item::after {
    content: "";
    display: table;
    clear: both;
}

body.eko-search-open div.asl_r .results .item:hover,
body.eko-search-open div.asl_r .results .item.hovered,
body.eko-search-open .wpdreams_asl_results .results .item:hover,
body.eko-search-open .wpdreams_asl_results .results .item.hovered {
    background: #fafafa !important;
}

body.eko-search-open div.asl_r .results .item:last-child,
body.eko-search-open .wpdreams_asl_results .results .item:last-child {
    border-bottom: 0 !important;
}

body.eko-search-open div.asl_r .results .item .asl_image,
body.eko-search-open .wpdreams_asl_results .results .item .asl_image {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    float: none !important;
    display: block !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background-position: center center !important;
    background-size: cover !important;
    transform: translateY(-50%) !important;
}

body.eko-search-open div.asl_r .results .item .asl_content,
body.eko-search-open .wpdreams_asl_results .results .item .asl_content {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 12px 0 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.eko-search-open div.asl_r .results .item h3,
body.eko-search-open .wpdreams_asl_results .results .item h3 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
}

body.eko-search-open div.asl_r .results .item h3 a,
body.eko-search-open .wpdreams_asl_results .results .item h3 a {
    display: inline !important;
    color: #111 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    text-decoration: none !important;
}

body.eko-search-open div.asl_r .results .item h3 a:hover,
body.eko-search-open .wpdreams_asl_results .results .item h3 a:hover {
    opacity: .62;
}

body.eko-search-open div.asl_r .results .item .etc,
body.eko-search-open div.asl_r .results .item .etc *,
body.eko-search-open .wpdreams_asl_results .results .item .etc,
body.eko-search-open .wpdreams_asl_results .results .item .etc * {
    color: #888 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

body.eko-search-open div.asl_r .results .item .asl_desc,
body.eko-search-open .wpdreams_asl_results .results .item .asl_desc {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    color: #666 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
}

body.eko-search-open div.asl_r .results .item.asl_nores,
body.eko-search-open .wpdreams_asl_results .results .item.asl_nores,
body.eko-search-open div.asl_r .results .asl_nores,
body.eko-search-open .wpdreams_asl_results .results .asl_nores {
    display: block !important;
    min-height: 0 !important;
    padding: 22px 0 0 !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

body.eko-search-open div.asl_r .results .item.asl_nores *,
body.eko-search-open .wpdreams_asl_results .results .item.asl_nores *,
body.eko-search-open div.asl_r .results .asl_nores *,
body.eko-search-open .wpdreams_asl_results .results .asl_nores * {
    display: none !important;
}

body.eko-search-open div.asl_r .results .item.asl_nores::before,
body.eko-search-open .wpdreams_asl_results .results .item.asl_nores::before,
body.eko-search-open div.asl_r .results .asl_nores::before,
body.eko-search-open .wpdreams_asl_results .results .asl_nores::before {
    content: "Aucun résultat.";
    color: #666;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
}

@media (max-width: 767px) {
    .eko-search-inner {
        width: calc(100% - 32px);
        padding-top: 120px;
        padding-bottom: 48px;
    }

    .eko-search-inner h2 {
        margin-bottom: 30px;
        font-size: 38px;
    }

    .eko-search-close {
        top: 18px;
        right: 18px;
    }

    #eko-search-container .probox {
        min-height: 58px !important;
    }

    #eko-search-container input.orig {
        height: 58px !important;
        font-size: 17px !important;
        line-height: 58px !important;
    }

    #eko-search-container input.autocomplete {
        height: 58px !important;
        font-size: 17px !important;
        line-height: 58px !important;
    }

    #eko-search-container .promagnifier,
    #eko-search-container div.asl_w .probox .promagnifier {
        width: 44px !important;
        height: 44px !important;
        margin: 7px 0 7px 8px !important;
    }

    #eko-search-container .proclose,
    #eko-search-container div.asl_w .probox .proclose {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }

    body.eko-search-open div.asl_r .results,
    body.eko-search-open .wpdreams_asl_results .results {
        max-height: 48vh !important;
    }

    body.eko-search-open div.asl_r .results .item,
    body.eko-search-open .wpdreams_asl_results .results .item {
        min-height: 96px !important;
        padding: 12px 0 12px 84px !important;
    }

    body.eko-search-open div.asl_r .results .item .asl_image,
    body.eko-search-open .wpdreams_asl_results .results .item .asl_image {
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
    }

    body.eko-search-open div.asl_r .results .item .asl_content,
    body.eko-search-open .wpdreams_asl_results .results .item .asl_content {
        margin-left: 0 !important;
    }

    body.eko-search-open div.asl_r .results .item h3,
    body.eko-search-open .wpdreams_asl_results .results .item h3 {
        font-size: 14px !important;
    }

    body.eko-search-open div.asl_r .results .item .asl_desc,
    body.eko-search-open .wpdreams_asl_results .results .item .asl_desc {
        font-size: 12px !important;
    }
}

/* Désactive le trait sous les liens du menu Extra */
#et-navigation > ul > li > a::before,
#et-navigation > ul > li > a::after,
#top-menu > li > a::before,
#top-menu > li > a::after {
    display: none !important;
    content: none !important;
}

/* =========================================================
   WIDGETS ET ARTICLES — CSS migré des options du thème
========================================================= */

.et_pb_widget {
    border: none;
    box-shadow: none;
    background: #f8f8f8;
}

.et_pb_widget .widgettitle {
    background: none;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 0;
    letter-spacing: 1px;
}

.et_pb_widget.widget_et_ads .widget_content {
    padding: 0;
}

.et_pb_widget.widget_et_ads .etad {
    margin: 0;
}

.et_pb_widget.widget_et_ads img {
    border-radius: 10px;
}

.et_pb_widget li {
    padding: 15px 0;
}

.et_pb_widget .widget_list_portrait,
.et_pb_widget .widget_list_thumbnail {
    width: 76px;
    min-width: 76px;
    height: 76px;
}

.et_pb_widget .widget_list_thumbnail {
    border-radius: 6px;
}

.et_pb_widget .widget_list .title {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    color: #000;
    font-weight: 700;
    font-size: 14px;
}

.et_pb_widget .widget_list .post-meta {
    font-size: 11px;
}

#comment-wrap {
    padding-top: 0;
}
/*.single-post .container {
    max-width: 1280px !important;*/
}
.single-post #page-container, .category #page-container {
    background: #f8f8f8;
}

.single article,
.et_extra_other_module {
    border-radius: 10px;
    box-shadow: none;
}

.related-posts {
    margin-bottom: 30px;
}

.et_extra_layout .et_pb_extra_column_main .et_pb_featured_posts_slider_0 .hentry :is(h1, h2, h3, h4, h5, h6) a {
    font-size: 35px;
}

/* EKO — Typographie stable quel que soit le niveau Hn choisi. */
.et_pb_extra_module .module-head .eko-block-title,
.eko-hn {
    margin: 0 !important;
    padding: 0 !important;
    color: #111;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

.posts-carousel-module .module-head .eko-block-title {
    margin: 0;
    padding: 0;
    line-height: 1.3;
    font-weight: 700;
}

.eko-featured-block-title {
    margin: 0 0 18px;
    padding: 0;
    color: #111;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
}

/* Test & Comparatif : masquer uniquement son sous-titre */
#eko-test-comparatif.posts-carousel-module > .module-head > .module-filter {
    display: none !important;
}

/* Disposition commune à tous les en-têtes de modules */
.et_pb_extra_module > .module-head {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 0 !important;
    padding: 0 0 15px !important;
    border: 0 !important;
}

/* Typographie commune à tous les titres de blocs */
.et_pb_extra_module > .module-head > .eko-block-title {
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Test & Comparatifs — espace si aucune catégorie affichée */
#eko-test-comparatif .eko-custom-carousel-card:not(:has(.eko-carousel-categories)) .post-content {
    padding-top: 15px !important;
}

/* =========================================================
   EKO - FIN DE CONTENU ARTICLE CLASSIQUE UNIQUEMENT
   Les articles construits avec Divi conservent 100% des espacements Divi.
========================================================= */

body.single-post .single-post-module:not(.eko-divi-built) .post-content.entry-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.single-post .single-post-module:not(.eko-divi-built) .post-content.entry-content > :last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================================
   EKO - Étiquettes en bas d'article
========================================================= */

body.single-post .single-post-module .eko-post-tags-wrap {
    width: auto !important;
    max-width: none !important;
    margin: 20px 0 28px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.single-post .single-post-module .eko-post-tags {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 0 !important;
    padding: 0 !important;
    color: #4d4d4d;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 400;
}

body.single-post .single-post-module .eko-post-tags::before {
    content: none !important;
    display: none !important;
}

body.single-post .single-post-module .eko-post-tags a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    margin: 0 !important;
    padding: 4px 7px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #eeeeee !important;
    color: #4d4d4d !important;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    transition: background-color .18s ease, color .18s ease;
}

body.single-post .single-post-module .eko-post-tags a::before {
    content: "";
    display: inline-block;
    flex: 0 0 11px;
    width: 11px;
    height: 11px;
    margin-right: 5px;
    background-color: #4d4d4d;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.66659%204.66659H4.67325M13.7266%208.93992L8.94659%2013.7199C8.82275%2013.8439%208.6757%2013.9422%208.51384%2014.0093C8.35197%2014.0764%208.17847%2014.111%208.00325%2014.111C7.82803%2014.111%207.65453%2014.0764%207.49266%2014.0093C7.3308%2013.9422%207.18375%2013.8439%207.05992%2013.7199L1.33325%207.99992V1.33325H7.99992L13.7266%207.05992C13.9749%207.30974%2014.1143%207.64767%2014.1143%207.99992C14.1143%208.35217%2013.9749%208.6901%2013.7266%208.93992Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.66659%204.66659H4.67325M13.7266%208.93992L8.94659%2013.7199C8.82275%2013.8439%208.6757%2013.9422%208.51384%2014.0093C8.35197%2014.0764%208.17847%2014.111%208.00325%2014.111C7.82803%2014.111%207.65453%2014.0764%207.49266%2014.0093C7.3308%2013.9422%207.18375%2013.8439%207.05992%2013.7199L1.33325%207.99992V1.33325H7.99992L13.7266%207.05992C13.9749%207.30974%2014.1143%207.64767%2014.1143%207.99992C14.1143%208.35217%2013.9749%208.6901%2013.7266%208.93992Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") center / contain no-repeat;
    opacity: .9;
}

body.single-post .single-post-module .eko-post-tags a::after {
    content: none !important;
    display: none !important;
}

@media (hover: hover) {
    body.single-post .single-post-module .eko-post-tags a:hover {
        background: #dedede !important;
        color: #111 !important;
        text-decoration: none !important;
    }

    body.single-post .single-post-module .eko-post-tags a:hover::before {
        background-color: #111;
    }
}

@media (max-width: 576px) {
    body.single-post .single-post-module .eko-post-tags-wrap {
        width: auto !important;
        margin: 18px 0 24px !important;
        padding-top: 0 !important;
    }

    body.single-post .single-post-module .eko-post-tags {
        gap: 4px;
    }

    body.single-post .single-post-module .eko-post-tags a {
        min-height: 21px;
        padding: 4px 6px !important;
        font-size: 10px !important;
    }

    body.single-post .single-post-module .eko-post-tags a::before {
        flex-basis: 10px;
        width: 10px;
        height: 10px;
        margin-right: 4px;
    }
}

/* =========================================================
   EKO - Blog Feed Masonry homepage
========================================================= */

.posts-blog-feed-module.masonry {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.posts-blog-feed-module.masonry .paginated_content,
.posts-blog-feed-module.masonry .paginated_page {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.posts-blog-feed-module.masonry .paginated_page:after {
    content: "";
    display: table;
    clear: both;
}

.posts-blog-feed-module.masonry .column {
    box-sizing: border-box;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

@media (min-width: 981px) {
    .posts-blog-feed-module.masonry .paginated_page {
        width: calc(100% + 24px) !important;
        max-width: none !important;
        margin-left: -12px !important;
        margin-right: -12px !important;
    }
}

.posts-blog-feed-module.masonry .paginated_page[data-columns]::before {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
}

.posts-blog-feed-module.masonry .column.size-1of1 {
    width: 100% !important;
}

.posts-blog-feed-module.masonry .column.size-1of2 {
    width: 50% !important;
}

.posts-blog-feed-module.masonry .column.size-1of3 {
    width: 33.333333% !important;
}

.posts-blog-feed-module.masonry .column.size-1of4 {
    width: 25% !important;
}

@media (min-width: 981px) {
    .posts-blog-feed-module.masonry.eko-feed-cols-desktop-1 .paginated_page[data-columns]::before,
    .posts-blog-feed-module.masonry[data-eko_feed_cols_desktop="1"] .paginated_page[data-columns]::before {
        content: "1 .column.size-1of1";
    }

    .posts-blog-feed-module.masonry.eko-feed-cols-desktop-2 .paginated_page[data-columns]::before,
    .posts-blog-feed-module.masonry[data-eko_feed_cols_desktop="2"] .paginated_page[data-columns]::before {
        content: "2 .column.size-1of2";
    }

    .posts-blog-feed-module.masonry.eko-feed-cols-desktop-3 .paginated_page[data-columns]::before,
    .posts-blog-feed-module.masonry[data-eko_feed_cols_desktop="3"] .paginated_page[data-columns]::before {
        content: "3 .column.size-1of3";
    }

    .posts-blog-feed-module.masonry.eko-feed-cols-desktop-4 .paginated_page[data-columns]::before,
    .posts-blog-feed-module.masonry[data-eko_feed_cols_desktop="4"] .paginated_page[data-columns]::before {
        content: "4 .column.size-1of4";
    }
}

@media (min-width: 577px) and (max-width: 980px) {
    .posts-blog-feed-module.masonry.eko-feed-cols-tablet-1 .paginated_page[data-columns]::before,
    .posts-blog-feed-module.masonry[data-eko_feed_cols_tablet="1"] .paginated_page[data-columns]::before {
        content: "1 .column.size-1of1";
    }

    .posts-blog-feed-module.masonry.eko-feed-cols-tablet-2 .paginated_page[data-columns]::before,
    .posts-blog-feed-module.masonry[data-eko_feed_cols_tablet="2"] .paginated_page[data-columns]::before {
        content: "2 .column.size-1of2";
    }

    .posts-blog-feed-module.masonry.eko-feed-cols-tablet-3 .paginated_page[data-columns]::before,
    .posts-blog-feed-module.masonry[data-eko_feed_cols_tablet="3"] .paginated_page[data-columns]::before {
        content: "3 .column.size-1of3";
    }
}

@media (max-width: 576px) {
    .posts-blog-feed-module.masonry.eko-feed-cols-mobile-1 .paginated_page[data-columns]::before,
    .posts-blog-feed-module.masonry[data-eko_feed_cols_mobile="1"] .paginated_page[data-columns]::before {
        content: "1 .column.size-1of1";
    }

    .posts-blog-feed-module.masonry.eko-feed-cols-mobile-2 .paginated_page[data-columns]::before,
    .posts-blog-feed-module.masonry[data-eko_feed_cols_mobile="2"] .paginated_page[data-columns]::before {
        content: "2 .column.size-1of2";
    }
}

.posts-blog-feed-module.masonry article.post,
.posts-blog-feed-module.masonry .hentry {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 34px !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    break-inside: avoid;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.posts-blog-feed-module.masonry article.post .header {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.posts-blog-feed-module.masonry article.post .post-content {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
}

.posts-blog-feed-module.masonry .featured-image {
    position: relative;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 10;
    margin: 0 0 14px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background: #f2f2f2 !important;
}

.posts-blog-feed-module.masonry .featured-image img {
    position: absolute !important;
    inset: 0;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    transition: transform .3s ease;
}

.posts-blog-feed-module.masonry .featured-image .et_pb_extra_overlay {
    border-radius: inherit !important;
    background: rgba(0, 0, 0, 0) !important;
}

@media (hover: hover) {
    .posts-blog-feed-module.masonry .featured-image:hover img {
        transform: scale(1.025);
    }
}

.posts-blog-feed-module.masonry .post-title.entry-title {
    width: 100%;
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-size: 20px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.posts-blog-feed-module.masonry .post-title.entry-title a {
    color: #111 !important;
    text-decoration: none !important;
}

@media (hover: hover) {
    .posts-blog-feed-module.masonry .post-title.entry-title a:hover {
        opacity: .72;
    }
}

.posts-blog-feed-module.masonry .eko-feed-meta {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #888 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
}

.posts-blog-feed-module.masonry .eko-feed-meta p {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

.posts-blog-feed-module.masonry .eko-feed-meta a,
.posts-blog-feed-module.masonry .eko-feed-meta .rating-stars {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 400 !important;
}

.posts-blog-feed-module.masonry .eko-feed-meta .rating-star:before,
.posts-blog-feed-module.masonry .eko-feed-meta .comment-bubble:before {
    color: inherit !important;
}

.posts-blog-feed-module.masonry .eko-feed-categories {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.posts-blog-feed-module.masonry .eko-feed-category {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    margin: 0 !important;
    padding: 4px 7px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .03em;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap !important;
}

.posts-blog-feed-module.masonry .excerpt.entry-summary,
.posts-blog-feed-module.masonry .excerpt.entry-summary p {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    color: #666 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

.posts-blog-feed-module.masonry .eko-feed-date {
    display: block !important;
    margin: 8px 0 0 !important;
    color: #777 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
}

.posts-blog-feed-module.masonry .read-more-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    margin: 10px 0 0 !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #eee !important;
    box-shadow: none !important;
    color: #111 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .03em;
    text-decoration: none !important;
    text-transform: uppercase;
}

@media (hover: hover) {
    .posts-blog-feed-module.masonry .read-more-button:hover {
        background: #111 !important;
        color: #fff !important;
    }
}

.posts-blog-feed-module.masonry .loader {
    margin-top: 24px !important;
}

@media (max-width: 980px) {
    .posts-blog-feed-module.masonry .paginated_page {
        width: calc(100% + 20px) !important;
        max-width: none !important;
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .posts-blog-feed-module.masonry .column {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 576px) {
    .posts-blog-feed-module.masonry .paginated_page {
        width: calc(100% + 12px) !important;
        margin-left: -6px !important;
        margin-right: -6px !important;
    }

    .posts-blog-feed-module.masonry .column {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .posts-blog-feed-module.masonry .post-title.entry-title {
        font-size: 18px !important;
        line-height: 1.22 !important;
    }
}



/* =========================================================
   EKOSPORT - MOBILE HEADER + FULLSCREEN MENU
   Desktop inchangé / actif uniquement <= 1024px
========================================================= */

.eko-mobile-menu-toggle,
.eko-mobile-shop,
.eko-mobile-search,
#eko-mobile-menu-overlay {
    display: none;
}

body.eko-mobile-menu-open {
    overflow: hidden;
}

@media (max-width: 1024px) {

    /* Header mobile : hamburger / logo / shop / recherche */
    #main-header.eko-mobile-header-enhanced > .container {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) auto 42px;
        grid-template-areas: "eko-menu eko-logo eko-shop eko-search";
        align-items: center !important;
        column-gap: 8px !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 78px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    #main-header.eko-mobile-header-enhanced > .container > .logo {
        grid-area: eko-logo;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #main-header.eko-mobile-header-enhanced > .container > .logo #logo,
    #main-header.eko-mobile-header-enhanced > .container > .logo img {
        display: block !important;
        width: auto !important;
        max-width: min(100%, 160px) !important;
        height: auto !important;
        max-height: 44px !important;
        margin: 0 !important;
    }

    /* Le header Extra mobile natif est remplacé par nos 4 éléments. */
    #main-header.eko-mobile-header-enhanced #et-navigation,
    #main-header.eko-mobile-header-enhanced #et-mobile-navigation {
        display: none !important;
    }

    .eko-mobile-menu-toggle,
    .eko-mobile-search {
        position: relative;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        min-width: 42px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 4px;
        box-shadow: none;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
    }

    .eko-mobile-menu-toggle {
        grid-area: eko-menu;
        background: transparent;
    }

    .eko-mobile-menu-toggle span {
        position: absolute;
        left: 9px;
        width: 24px;
        height: 2px;
        border-radius: 999px;
        background: #111;
        transition: transform .22s ease, opacity .22s ease;
    }

    .eko-mobile-menu-toggle span:nth-child(1) {
        top: 13px;
    }

    .eko-mobile-menu-toggle span:nth-child(2) {
        top: 20px;
    }

    .eko-mobile-menu-toggle span:nth-child(3) {
        top: 27px;
    }

    .eko-mobile-shop {
        grid-area: eko-shop;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        height: 38px;
        min-height: 38px;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 0 !important;
        border-radius: 4px !important;
        background: #ff6b00 !important;
        color: #fff !important;
        font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .eko-mobile-shop:hover,
    .eko-mobile-shop:focus-visible {
        background: #e85f00 !important;
        color: #fff !important;
    }

    .eko-mobile-search {
        grid-area: eko-search;
        background-color: #111;
        background-image: none;
    }

    .eko-mobile-search:hover,
    .eko-mobile-search:focus-visible {
        background-color: #2a2a2a;
    }

    /* Overlay navigation fullscreen */
    #eko-mobile-menu-overlay {
        position: fixed;
        inset: 0;
        z-index: 999998;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        padding: 84px 24px 56px;
        overflow-y: auto;
        box-sizing: border-box;
        background: #111;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-12px);
        transition:
            opacity .24s ease,
            transform .32s cubic-bezier(.2, .8, .2, 1),
            visibility .32s;
    }

    #eko-mobile-menu-overlay.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .eko-mobile-menu-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: min(100%, 720px);
        min-height: 100%;
        margin: 0 auto;
    }

    .eko-mobile-menu-nav {
        width: 100%;
    }

    .eko-mobile-menu-list,
    .eko-mobile-menu-list ul {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .eko-mobile-menu-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 18px;
        width: 100%;
    }

    .eko-mobile-menu-list > li {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }

    .eko-mobile-menu-list > li > a {
        display: inline-block;
        margin: 0 !important;
        padding: 4px 8px !important;
        color: #fff !important;
        font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
        font-size: clamp(24px, 7vw, 34px) !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
        letter-spacing: -.02em !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: none !important;
        transition: color .18s ease, transform .18s ease;
    }

    .eko-mobile-menu-list > li.current-menu-item > a,
    .eko-mobile-menu-list > li.current-menu-ancestor > a,
    .eko-mobile-menu-list > li > a:hover,
    .eko-mobile-menu-list > li > a:focus-visible {
        color: #ff6b00 !important;
        transform: translateY(-1px);
    }

    /* Sous-menus éventuels : visibles mais plus discrets. */
    .eko-mobile-menu-list .sub-menu {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        position: static !important;
        width: 100% !important;
        margin-top: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .eko-mobile-menu-list .sub-menu a {
        display: inline-block !important;
        padding: 2px 8px !important;
        color: rgba(255, 255, 255, .72) !important;
        font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;
        text-align: center !important;
        text-decoration: none !important;
    }

    .eko-mobile-menu-close {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 2;
        width: 46px;
        height: 46px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, .08);
        box-shadow: none;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
    }

    .eko-mobile-menu-close span {
        position: absolute;
        top: 22px;
        left: 10px;
        width: 26px;
        height: 2px;
        border-radius: 999px;
        background: #fff;
        transition: transform .18s ease;
    }

    .eko-mobile-menu-close span:first-child {
        transform: rotate(45deg);
    }

    .eko-mobile-menu-close span:last-child {
        transform: rotate(-45deg);
    }

    .eko-mobile-menu-close:hover span:first-child,
    .eko-mobile-menu-close:focus-visible span:first-child {
        transform: rotate(45deg) scale(1.08);
    }

    .eko-mobile-menu-close:hover span:last-child,
    .eko-mobile-menu-close:focus-visible span:last-child {
        transform: rotate(-45deg) scale(1.08);
    }
}

@media (max-width: 390px) {
    #main-header.eko-mobile-header-enhanced > .container {
        grid-template-columns: 40px minmax(0, 1fr) auto 40px;
        column-gap: 6px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #main-header.eko-mobile-header-enhanced > .container > .logo #logo,
    #main-header.eko-mobile-header-enhanced > .container > .logo img {
        max-width: min(100%, 138px) !important;
    }

    .eko-mobile-menu-toggle,
    .eko-mobile-search {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .eko-mobile-shop {
        height: 36px;
        min-height: 36px;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 12px !important;
    }

    .eko-mobile-menu-list {
        gap: 14px;
    }

    .eko-mobile-menu-list > li > a {
        font-size: clamp(22px, 6.8vw, 29px) !important;
    }
}

/* =========================================================
   EKO - MOBILE HEADER ICONS / NO BUTTON BACKGROUND
   Final override
========================================================= */
@media (max-width: 1024px) {
    .eko-mobile-menu-toggle,
    .eko-mobile-search,
    .eko-mobile-menu-toggle:hover,
    .eko-mobile-menu-toggle:focus-visible,
    .eko-mobile-search:hover,
    .eko-mobile-search:focus-visible {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .eko-mobile-menu-toggle span {
        background: #111 !important;
    }

    .eko-mobile-search {
        overflow: visible !important;
    }

    .eko-mobile-search::before {
        content: "" !important;
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        background: #111 !important;
        -webkit-mask: url("assets/img/Search.svg") center / contain no-repeat !important;
        mask: url("assets/img/Search.svg") center / contain no-repeat !important;
        opacity: 1 !important;
        pointer-events: none !important;
    }
}

/* =========================================================
   EKO - MOBILE HEADER : HIDE MOBILE-ONLY ELEMENTS ON DESKTOP
   Safety override - desktop >= 1025px
========================================================= */
@media (min-width: 1025px) {
    .eko-mobile-menu-toggle,
    .eko-mobile-shop,
    .eko-mobile-search,
    #eko-mobile-menu-overlay {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* =========================================================
   EKO - META HERO + GRID CARD
   Date / separateur / temps de lecture harmonises
========================================================= */

.eko-reading-time {
    display: inline-flex;
    align-items: center;
    width: auto;
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    white-space: nowrap;
    vertical-align: baseline;
}

.eko-meta-separator {
    display: inline-block;
    margin: 0 9px;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    opacity: .65;
}

/* Base commune : meme couleur, typo, alignement et rythme. */
.eko-hero .eko-hero-quick-meta,
.eko-grid-card-module .eko-grid-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    color: #c7c7c7 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    text-align: left !important;
    text-shadow: none !important;
}

/* Tous les contenus de meta heritent strictement du meme style. */
.eko-hero .eko-hero-quick-meta .eko-hero-date,
.eko-hero .eko-hero-quick-meta .eko-reading-time,
.eko-hero .eko-hero-quick-meta .eko-hero-native-meta,
.eko-hero .eko-hero-quick-meta .eko-hero-native-meta *,
.eko-grid-card-module .eko-grid-card-meta .eko-grid-card-date,
.eko-grid-card-module .eko-grid-card-meta .eko-reading-time {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

.eko-hero .eko-hero-quick-meta a,
.eko-hero .eko-hero-quick-meta a:hover,
.eko-hero .eko-hero-quick-meta a:focus {
    color: inherit !important;
    text-decoration: none !important;
}

/* Un seul type de separateur pour Hero + Grid Card.
   On utilise ::after pour ne pas entrer en conflit avec
   l'icone horloge qui utilise deja ::before sur .eko-reading-time. */
.eko-hero .eko-hero-quick-meta > *:not(:last-child)::after,
.eko-grid-card-module .eko-grid-card-meta > *:not(:last-child)::after {
    content: "|" !important;
    display: inline-block !important;
    margin: 0 7px !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    opacity: .65 !important;
}

/* HERO : titre -> meta -> extrait, meme bord gauche. */
.eko-hero .entry-title {
    margin: 0 !important;
}

.eko-hero .eko-hero-quick-meta {
    margin: 8px 0 8px !important;
}

.eko-hero .eko-hero-excerpt {
    margin: 0 0 18px !important;
}

/* GRID CARD : titre -> meta, aligne sur le bord gauche du titre. */
.eko-grid-card-module .entry-title {
    margin: 0 !important;
}

.eko-grid-card-module .eko-grid-card-meta {
    align-self: stretch !important;
    margin: 8px 0 0 !important;
}

.post-meta .eko-reading-time,
.eko-feed-meta .eko-reading-time {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

@media (max-width: 576px) {
    .eko-hero .eko-hero-quick-meta,
    .eko-grid-card-module .eko-grid-card-meta {
        font-size: 11px !important;
    }

    /* Sur les petites cards, on conserve la date masquee. */
    .eko-grid-card-module .eko-grid-card-meta .eko-grid-card-date {
        display: none !important;
    }

    /* Sur mobile, le separateur disparait naturellement si la date est masquee. */
}

/* =========================================================
   EKO - POSTS CAROUSEL META
   Date / commentaires / note / temps de lecture
========================================================= */

.eko-custom-carousel-card .post-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    color: #888 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
}

/* Le <p> natif d'Extra ne doit plus créer un niveau d'espacement différent. */
.eko-custom-carousel-card .post-meta > p {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
}

.eko-custom-carousel-card .post-meta a,
.eko-custom-carousel-card .post-meta .rating-stars,
.eko-custom-carousel-card .post-meta .eko-reading-time {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    text-decoration: none !important;
    white-space: nowrap;
}

/* Même espace à gauche et à droite de TOUS les séparateurs. */
.eko-custom-carousel-card .post-meta .eko-meta-separator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto;
    margin: 0 8px !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    opacity: .65 !important;
}

.eko-custom-carousel-card .post-meta .rating-star::before,
.eko-custom-carousel-card .post-meta .comment-bubble::before {
    color: inherit !important;
}


/* =========================================================
   EKO - POSTS CAROUSEL : ESPACEMENT COMMENTAIRES + ETOILES
========================================================= */

/* Le compteur et la bulle sont deux contenus du meme lien.
   Le gap fonctionne quel que soit leur ordre dans le HTML. */
.eko-custom-carousel-card .post-meta a:has(.comment-bubble) {
    display: inline-flex !important;
    align-items: center !important;
    column-gap: 4px !important;
}

/* Securite pour le markup Extra actuel : la bulle est placee
   apres le nombre dans le rendu. */
.eko-custom-carousel-card .post-meta a:has(.comment-bubble) .comment-bubble {
    margin: 0 !important;
}

.eko-custom-carousel-card .post-meta > .comment-bubble {
    margin-left: 4px !important;
}

.eko-custom-carousel-card .post-meta .comment-bubble::before {
    margin: 0 !important;
}

/* Espace visible entre chaque etoile, meme si Extra leur applique
   son propre display ou ses propres marges. */
.eko-custom-carousel-card .post-meta .rating-stars {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.eko-custom-carousel-card .post-meta .rating-star {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.eko-custom-carousel-card .post-meta .rating-star + .rating-star {
    margin-left: 3px !important;
}

/* =========================================================
   EKO - POST MODULE RESPONSIVE FINAL
========================================================= */

/* Aucun trait separateur sur tous les devices */
.et_pb_extra_module.post-module .posts-list li {
    border-bottom: 0 !important;
}

.et_pb_extra_module.post-module .posts-list li::before,
.et_pb_extra_module.post-module .posts-list li::after {
    content: none !important;
    display: none !important;
}

/* TABLETTE : conserver le format intermediaire, contenu aligne en haut */
@media (min-width: 768px) and (max-width: 1024px) {
    .et_pb_extra_module.post-module .posts-list article {
        align-items: flex-start !important;
    }

    .et_pb_extra_module.post-module .posts-list .post-thumbnail,
    .et_pb_extra_module.post-module .posts-list .post-content {
        align-self: flex-start !important;
    }
}

/* MOBILE : tout le contenu sur le meme axe gauche */
@media (max-width: 767px) {
    .et_pb_extra_module.post-module .main-post,
    .et_pb_extra_module.post-module .main-post article,
    .et_pb_extra_module.post-module .main-post .post-content,
    .et_pb_extra_module.post-module .main-post .entry-title,
    .et_pb_extra_module.post-module .main-post .post-meta,
    .et_pb_extra_module.post-module .main-post .excerpt,
    .et_pb_extra_module.post-module .posts-list,
    .et_pb_extra_module.post-module .posts-list li,
    .et_pb_extra_module.post-module .posts-list li article {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .et_pb_extra_module.post-module .main-post .post-content {
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    .et_pb_extra_module.post-module .posts-list {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    .et_pb_extra_module.post-module .posts-list li {
        width: 100% !important;
        margin-right: 0 !important;
        padding: 14px 0 !important;
    }

    .et_pb_extra_module.post-module .posts-list li article {
        display: flex !important;
        align-items: flex-start !important;
        gap: 14px !important;
        width: calc(100% + 14px) !important;
        margin-left: -14px !important;
        margin-right: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .et_pb_extra_module.post-module .posts-list .post-thumbnail {
        flex: 0 0 68px !important;
        width: 68px !important;
        height: 68px !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        align-self: flex-start !important;
    }

    .et_pb_extra_module.post-module .posts-list .post-content {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        align-self: flex-start !important;
    }
}

/* =========================================================
   EKO - FEATURED CAROUSEL MOBILE
   1re tuile alignee au contenu, piste plein viewport a droite
========================================================= */
@media (max-width: 576px) {
    body.blog .eko-featured-carousel {
        overflow: visible !important;
    }

    /* plein viewport : le shell part du bord ecran, la piste recree le gutter de 16px */
    body.blog .eko-featured-carousel .eko-custom-carousel-shell {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        overflow: visible !important;
    }

    body.blog .eko-featured-carousel .eko-custom-carousel-track {
        width: 100vw !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        gap: 20px !important;
        margin: 0 !important;
        padding-left: 16px !important;
        padding-right: 0 !important;
        scroll-padding-left: 16px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
    }

    body.blog .eko-featured-carousel .eko-custom-carousel-track::-webkit-scrollbar {
        display: none !important;
    }

    body.blog .eko-featured-carousel.eko-mobile-left .eko-custom-carousel-track {
        padding-left: 16px !important;
        padding-right: 0 !important;
        scroll-padding-left: 16px !important;
    }

    body.blog .eko-featured-carousel .eko-custom-carousel-card {
        flex: 0 0 290px !important;
        width: 290px !important;
        min-width: 290px !important;
        max-width: 290px !important;
    }
}

/* Nombre de tuiles défini dans Réglages > Carrousels EKO. */
.eko-category-layout-carousel.eko-category-responsive {
    --eko-category-columns: var(--eko-category-desktop-columns, 6);
}
@media (max-width: 1024px) {
    .eko-category-layout-carousel.eko-category-responsive {
        --eko-category-columns: var(--eko-category-tablet-columns, 3);
    }
}
@media (max-width: 576px) {
    .eko-category-layout-carousel.eko-category-responsive {
        --eko-category-columns: var(--eko-category-mobile-columns, 1);
    }
    body.blog .eko-category-layout-carousel.eko-category-responsive .eko-category-track {
        padding: 0 !important;
        scroll-padding: 0 !important;
    }
}
body .eko-category-layout-carousel.eko-category-responsive .eko-category-card {
    flex: 0 0 calc((100% - (var(--eko-category-columns) - 1) * 16px) / var(--eko-category-columns)) !important;
    width: calc((100% - (var(--eko-category-columns) - 1) * 16px) / var(--eko-category-columns)) !important;
    min-width: 0 !important;
    max-width: none !important;
}

@media (max-width: 980px) {
    body.single-post .et-l--post .et_pb_section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}


       body.single-post .et-l--post .et_pb_section {
		   padding-bottom:0 !important
}
/* =========================================================
   EKO - ARTICLES RECOMMANDES / RELATED POSTS
   Style coherent avec les cartes du blog
========================================================= */

body.single-post .related-posts {
    margin: 0 0 30px !important;
    padding: 24px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.single-post .related-posts .related-posts-header {
    margin: 0 !important;
    padding: 0 0 16px !important;
    border: 0 !important;
    background: transparent !important;
}

body.single-post .related-posts .related-posts-header h3 {
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

body.single-post .related-posts .related-posts-content {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-post .related-posts .related-post {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.single-post .related-posts .featured-image {
    position: relative;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 10;
    margin: 0 0 11px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #eee !important;
}

body.single-post .related-posts .featured-image .post-thumbnail {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-post .related-posts .featured-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transition: transform .3s ease;
}

body.single-post .related-posts .featured-image .et_pb_extra_overlay {
    border-radius: inherit !important;
    background: rgba(0, 0, 0, 0) !important;
}

@media (hover: hover) {
    body.single-post .related-posts .related-post:hover .featured-image img {
        transform: scale(1.025);
    }
}

body.single-post .related-posts .title {
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

body.single-post .related-posts .title a {
    color: #111 !important;
    text-decoration: none !important;
}

@media (hover: hover) {
    body.single-post .related-posts .title a:hover {
        opacity: .65;
    }
}

body.single-post .related-posts .date {
    margin: 0 !important;
    padding: 0 !important;
    color: #888 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
}

@media (max-width: 980px) {
    body.single-post .related-posts .related-posts-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 16px;
    }
}

@media (max-width: 576px) {
    body.single-post .related-posts {
        margin-top: 0 !important;
    }

    body.single-post .related-posts .related-posts-header {
        padding-bottom: 14px !important;
    }

    body.single-post .related-posts .related-posts-content {
        display: flex !important;
        flex-direction: column;
        gap: 14px;
    }

    body.single-post .related-posts .related-post {
        display: grid !important;
        grid-template-columns: 120px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 14px;
        align-items: start;
    }

    body.single-post .related-posts .featured-image {
        grid-column: 1;
        grid-row: 1 / span 2;
        aspect-ratio: 3 / 2;
        margin: 0 !important;
    }

    body.single-post .related-posts .title {
        grid-column: 2;
        grid-row: 1;
        margin-bottom: 5px !important;
        font-size: 14px !important;
    }

    body.single-post .related-posts .date {
        grid-column: 2;
        grid-row: 2;
    }
}

/* =========================================================
   EKO - ARTICLES RECENTS SIDEBAR
   Rendu Extra conserve : uniquement fond blanc + arrondis
   et suppression des traits separateurs.
========================================================= */

/* Cible robuste : le widget Extra qui contient la liste d'articles avec miniatures. */
body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail),
body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail),
body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) {
    padding: 16px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Le fond gris global des widgets ne doit pas rester sur le contenu interne. */
body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list,
body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list,
body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list {
    background: transparent !important;
}

/* Aucun separateur entre les articles. Aucun autre spacing/layout n'est modifie. */
body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li {
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after,
body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after,
body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after {
    border: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   EKO - ARTICLES RECENTS MOBILE <= 576px
   Meme langage visuel que "Ces articles pourraient vous plaire"
========================================================= */

@media (max-width: 576px) {

    /* Carte blanche identique au bloc de recommandations. */
    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail),
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail),
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) {
        margin: 0 0 30px !important;
        padding: 24px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    /* Titre du widget : meme rythme que le header des related posts. */
    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widgettitle,
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widgettitle,
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widgettitle {
        margin: 0 !important;
        padding: 0 0 14px !important;
        border: 0 !important;
        background: transparent !important;
    }

    /* Chaque article : image a gauche, contenu a droite, sans separateur. */
    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li {
        display: grid !important;
        grid-template-columns: 120px minmax(0, 1fr) !important;
        grid-template-rows: 1fr auto auto 1fr !important;
        column-gap: 14px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
        width: 100% !important;
        min-height: 80px !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li:last-child,
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li:last-child,
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li:last-child {
        margin-bottom: 0 !important;
    }

    /* Miniature : meme format 3/2 arrondi que le bloc "ca peut vous plaire" en mobile. */
    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail,
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail,
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / -1 !important;
        align-self: center !important;
        float: none !important;
        width: 120px !important;
        min-width: 120px !important;
        height: auto !important;
        aspect-ratio: 3 / 2 !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        background: #eee !important;
    }

    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img,
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img,
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* Si Extra utilise un wrapper de contenu, on centre le couple titre/date dans la hauteur de l'image. */
    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > :has(> .title),
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > :has(> .title),
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > :has(> .title),
    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_content,
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_content,
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_content {
        grid-column: 2 !important;
        grid-row: 1 / -1 !important;
        align-self: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 0 !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Fallback si titre et meta sont directement enfants du <li>. */
    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .title,
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .title,
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .title {
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: end !important;
    }

    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .post-meta,
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .post-meta,
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .post-meta {
        grid-column: 2 !important;
        grid-row: 3 !important;
        align-self: start !important;
    }

    /* Date collee juste sous le titre. */
    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title {
        margin: 0 0 4px !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .post-meta,
    body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .post-meta,
    body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .post-meta {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.35 !important;
    }
}


/* =========================================================
   EKO - RELATED POSTS MOBILE <= 576px
   Meme format que "Articles recents" : image a gauche,
   titre + date groupes et centres verticalement.
========================================================= */

@media (max-width: 576px) {

    body.single-post .related-posts .related-post {
        display: grid !important;
        grid-template-columns: 120px minmax(0, 1fr) !important;
        grid-template-rows: 1fr auto auto 1fr !important;
        column-gap: 14px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
        width: 100% !important;
        min-height: 80px !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.single-post .related-posts .related-post:last-child {
        margin-bottom: 0 !important;
    }

    body.single-post .related-posts .related-post .featured-image {
        grid-column: 1 !important;
        grid-row: 1 / -1 !important;
        align-self: center !important;
        float: none !important;
        width: 120px !important;
        min-width: 120px !important;
        height: 80px !important;
        aspect-ratio: 3 / 2 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        background: #eee !important;
    }

    body.single-post .related-posts .related-post .featured-image a,
    body.single-post .related-posts .related-post .featured-image img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-post .related-posts .related-post .featured-image img {
        object-fit: cover !important;
        object-position: center center !important;
    }

    body.single-post .related-posts .related-post .title {
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: end !important;
        margin: 0 0 4px !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
    }

    body.single-post .related-posts .related-post .date {
        grid-column: 2 !important;
        grid-row: 3 !important;
        align-self: start !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #888 !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
    }
}



/* =========================================================
   EKO - POST MODULE HOME MOBILE <= 576px
   Main post bord a bord + liste secondaire au format Articles recents
========================================================= */

@media (max-width: 576px) {

    /* Main post : pleine largeur, puis un seul espace avant la liste. */
    .et_pb_extra_module.post-module .main-post {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 30px !important;
        padding: 0 !important;
        float: none !important;
        clear: both !important;
    }

    .et_pb_extra_module.post-module .main-post article,
    .et_pb_extra_module.post-module .main-post .post-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* La posts-list ne rajoute pas 24px : sinon l'espace sous le main-post double. */
    .et_pb_extra_module.post-module .posts-list {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        float: none !important;
        clear: both !important;
        overflow: visible !important;
    }

    .et_pb_extra_module.post-module .posts-list > li {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        float: none !important;
        clear: both !important;
    }

    .et_pb_extra_module.post-module .posts-list > li:last-child {
        margin-bottom: 0 !important;
    }

    .et_pb_extra_module.post-module .posts-list > li::before,
    .et_pb_extra_module.post-module .posts-list > li::after {
        content: none !important;
        display: none !important;
    }

    /* Structure identique aux lignes Articles recents. */
    .et_pb_extra_module.post-module .posts-list > li > article {
        display: grid !important;
        grid-template-columns: 120px minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        align-items: center !important;
        column-gap: 14px !important;
        row-gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 80px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        float: none !important;
        overflow: visible !important;
    }

    /* Image a gauche. */
    .et_pb_extra_module.post-module .posts-list .post-thumbnail {
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: center !important;
        display: block !important;
        float: none !important;
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
        height: 80px !important;
        min-height: 80px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: #eee !important;
    }

    .et_pb_extra_module.post-module .posts-list .post-thumbnail img {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* Titre + meta ensemble a droite et centres verticalement. */
    .et_pb_extra_module.post-module .posts-list .post-content {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .et_pb_extra_module.post-module .posts-list .entry-title {
        margin: 0 0 4px !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
    }

    .et_pb_extra_module.post-module .posts-list .post-meta,
    .et_pb_extra_module.post-module .posts-list .post-meta p {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
    }
}

/* =========================================================
   EKO - POSTS LIST - MEME STYLE SUR TOUS LES DEVICES
   Desktop / tablette / mobile : miniature 120x80 + contenu centre
========================================================= */

.et_pb_extra_module.post-module .posts-list > li > article {
    display: grid !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    column-gap: 14px !important;
    row-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    float: none !important;
    overflow: visible !important;
}

.et_pb_extra_module.post-module .posts-list .post-thumbnail {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    display: block !important;
    float: none !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #eee !important;
}

.et_pb_extra_module.post-module .posts-list .post-thumbnail img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.et_pb_extra_module.post-module .posts-list .post-content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.et_pb_extra_module.post-module .posts-list .entry-title {
    margin: 0 0 4px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

.et_pb_extra_module.post-module .posts-list .post-meta,
.et_pb_extra_module.post-module .posts-list .post-meta p {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

/* =========================================================
   EKO - SIDEBAR ARTICLE : ARRONDIS 8PX
   Tous les blocs et toutes les images de la sidebar partagent le meme rayon.
========================================================= */

body.single-post .et_pb_extra_column_sidebar .et_pb_widget,
body.single-post .et_pb_extra_column_sidebar .widget,
body.single-post .et_pb_extra_column_sidebar .et_pb_module,
body.single-post .et_pb_extra_column_sidebar .module,
body.single-post #sidebar .et_pb_widget,
body.single-post #sidebar .widget,
body.single-post #sidebar .et_pb_module,
body.single-post #sidebar .module,
body.single-post .widget-area .et_pb_widget,
body.single-post .widget-area .widget,
body.single-post .widget-area .et_pb_module,
body.single-post .widget-area .module {
    border-radius: 8px !important;
    overflow: hidden;
}

body.single-post .et_pb_extra_column_sidebar img,
body.single-post #sidebar img,
body.single-post .widget-area img {
    border-radius: 8px !important;
}


/* =========================================================
   EKO - ICONES META
   SVG stockes dans /assets/img/
========================================================= */

.eko-hero-date,
.eko-grid-card-date,
.post-meta .updated,
.post-meta .post-date,
.related-posts .date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.eko-hero-date::before,
.eko-grid-card-date::before,
.post-meta .updated::before,
.post-meta .post-date::before,
.related-posts .date::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    background-color: currentColor !important;
    -webkit-mask: url("assets/img/Calendar.svg") center / contain no-repeat !important;
    mask: url("assets/img/Calendar.svg") center / contain no-repeat !important;
}

.eko-reading-time {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}

.eko-reading-time::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    background-color: currentColor !important;
    -webkit-mask: url("assets/img/Clock.svg") center / contain no-repeat !important;
    mask: url("assets/img/Clock.svg") center / contain no-repeat !important;
}


/* =========================================================
   EKO - SEARCH ICON EXTERNE
   Remplace les anciennes loupes SVG encodees directement dans le CSS.
========================================================= */

.eko-search-trigger > a,
#et-navigation .eko-search-trigger > a,
#top-menu .eko-search-trigger > a {
    background-image: none !important;
}

.eko-search-trigger > a::after,
#et-navigation .eko-search-trigger > a::after,
#top-menu .eko-search-trigger > a::after {
    content: "" !important;
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    background: #fff !important;
    -webkit-mask: url("assets/img/Search.svg") center / contain no-repeat !important;
    mask: url("assets/img/Search.svg") center / contain no-repeat !important;
    pointer-events: none !important;
}


/* =========================================================
   EKO - SUPPRESSION FOND COLORE MINIATURES SIDEBAR
   Extra peut injecter un background de categorie sur le conteneur.
========================================================= */

.et_pb_widget .widget_list_portrait,
.et_pb_widget .widget_list_thumbnail {
    background: transparent !important;
    background-color: transparent !important;
}

/* =========================================================
   EKO - TITRES DE MODULE AVEC SUB HEADING CLIQUABLE
   Titre + long trait + lien de catégorie à droite
========================================================= */

.posts-carousel-module > .module-head.eko-linked-module-head,
.et_pb_extra_module.post-module > .module-head.eko-linked-module-head {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* Le Posts Module reprend le même espacement sous le titre que les autres modules. */
/* Suppression de l'ancien accent orange : aucun trait devant le titre. */
.posts-carousel-module > .module-head.eko-linked-module-head::before,
.et_pb_extra_module.post-module > .module-head.eko-linked-module-head::before {
    content: none !important;
    display: none !important;
}

/* Le grand trait prend tout l'espace entre le titre et le lien. */
.posts-carousel-module > .module-head.eko-linked-module-head::after,
.et_pb_extra_module.post-module > .module-head.eko-linked-module-head::after {
    content: "" !important;
    display: block !important;
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 30px !important;
    height: 1px !important;
    margin: 0 !important;
    background: #dedede !important;
}

.posts-carousel-module > .module-head.eko-linked-module-head .eko-block-title,
.et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-block-title {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link,
.et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link {
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link span,
.et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link span {
    color: #111 !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

@media (hover: hover) {
    .posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link:hover,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link:hover {
        opacity: .7;
    }
}

@media (max-width: 768px) {
    .posts-carousel-module > .module-head.eko-linked-module-head,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head {
        gap: 9px !important;
        padding-top: 20px !important;
        padding-bottom: 14px !important;
    }

    .posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link {
        font-size: 11px !important;
    }
}

@media (max-width: 576px) {
    .posts-carousel-module > .module-head.eko-linked-module-head,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head {
        flex-wrap: wrap !important;
    }

    .posts-carousel-module > .module-head.eko-linked-module-head::after,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head::after {
        min-width: 16px !important;
    }

    .posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link {
        width: 100% !important;
        justify-content: flex-end !important;
        margin-top: 2px !important;
    }
}

/* =========================================================
   EKO - TESTS & COMPARATIFS
   Carte magazine : image arrondie en haut, contenu gris en bas
========================================================= */

#eko-test-comparatif.posts-carousel-module {
    --eko-tests-bg: #f3f3f3;
    --eko-tests-radius: 8px;
}

#eko-test-comparatif .eko-custom-carousel-card {
    overflow: visible !important;
    border-radius: var(--eko-tests-radius) !important;
    background: transparent !important;
}

#eko-test-comparatif .eko-custom-carousel-card .post-thumbnail {
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: var(--eko-tests-radius) var(--eko-tests-radius) 0 0 !important;
    background: #eee !important;
}

#eko-test-comparatif .eko-custom-carousel-card .post-thumbnail img,
#eko-test-comparatif .eko-custom-carousel-card .eko-carousel-placeholder {
    border-radius: var(--eko-tests-radius) var(--eko-tests-radius) 0 0 !important;
}

#eko-test-comparatif .eko-custom-carousel-card .post-content-box,
#eko-test-comparatif .eko-custom-carousel-card .post-content {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

#eko-test-comparatif .eko-custom-carousel-card .post-content-box {
    min-height: 174px !important;
    padding: 0 !important;
    border-radius: 0 0 var(--eko-tests-radius) var(--eko-tests-radius) !important;
    background: var(--eko-tests-bg) !important;
    overflow: hidden !important;
}

#eko-test-comparatif .eko-custom-carousel-card .post-content {
    min-height: 174px !important;
    padding: 16px 16px 18px !important;
    border-radius: 0 0 var(--eko-tests-radius) var(--eko-tests-radius) !important;
    background: var(--eko-tests-bg) !important;
}

#eko-test-comparatif .eko-custom-carousel-card .eko-carousel-categories {
    margin-top: 0 !important;
}

#eko-test-comparatif .eko-custom-carousel-card .entry-title,
#eko-test-comparatif .eko-custom-carousel-card .entry-title a {
    color: #111 !important;
}

#eko-test-comparatif .eko-custom-carousel-card .post-meta {
    color: #888 !important;
}

#eko-test-comparatif .eko-custom-carousel-card .eko-carousel-excerpt {
    color: #666 !important;
}

@media (max-width: 768px) {
    #eko-test-comparatif .eko-custom-carousel-card .post-content-box,
    #eko-test-comparatif .eko-custom-carousel-card .post-content {
        min-height: 0 !important;
    }
}

@media (max-width: 576px) {
    #eko-test-comparatif .eko-custom-carousel-card .post-content {
        padding: 14px !important;
    }
}

/* =========================================================
   EKO - SECTIONS V4
   Cartes magazine + hauteurs egales + lien 15px
========================================================= */

.posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link,
.et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link {
    font-size: 15px !important;
}

@media (max-width: 768px) {
    .posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link {
        font-size: 15px !important;
    }
}

.posts-carousel-module.eko-magazine-cards {
    --eko-magazine-bg: #f8f8f8;
    --eko-magazine-radius: 8px;
}

.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-track {
    align-items: stretch !important;
}

.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: var(--eko-magazine-radius) !important;
    background: var(--eko-magazine-bg) !important;
}

.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .post-thumbnail {
    flex: 0 0 auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: var(--eko-magazine-radius) var(--eko-magazine-radius) 0 0 !important;
    background: #eee !important;
}

.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .post-thumbnail img,
.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .eko-carousel-placeholder {
    border-radius: var(--eko-magazine-radius) var(--eko-magazine-radius) 0 0 !important;
}

.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .post-content-box {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 0 var(--eko-magazine-radius) var(--eko-magazine-radius) !important;
    background: var(--eko-magazine-bg) !important;
    box-shadow: none !important;
}

.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .post-content {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 16px 18px !important;
    border-radius: 0 0 var(--eko-magazine-radius) var(--eko-magazine-radius) !important;
    background: var(--eko-magazine-bg) !important;
}

.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .eko-carousel-categories {
    margin-top: 0 !important;
}

.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .entry-title,
.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .entry-title a {
    color: #111 !important;
}

.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .post-meta {
    color: #888 !important;
}

.posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .eko-carousel-excerpt {
    color: #666 !important;
}

#eko-test-comparatif .eko-custom-carousel-card .post-content-box,
#eko-test-comparatif .eko-custom-carousel-card .post-content {
    min-height: 0 !important;
    background: #f8f8f8 !important;
}

.posts-blog-feed-module.masonry.eko-latest-publications article.post,
.posts-blog-feed-module.masonry.eko-latest-publications .hentry {
    overflow: hidden !important;
    border-radius: 8px !important;
    background: #f8f8f8 !important;
}

.posts-blog-feed-module.masonry.eko-latest-publications article.post .header {
    overflow: hidden !important;
    border-radius: 8px 8px 0 0 !important;
}

.posts-blog-feed-module.masonry.eko-latest-publications .featured-image,
.posts-blog-feed-module.masonry.eko-latest-publications .featured-image img {
    border-radius: 8px 8px 0 0 !important;
}

.posts-blog-feed-module.masonry.eko-latest-publications article.post .post-content {
    padding: 16px 16px 18px !important;
    border-radius: 0 0 8px 8px !important;
    background: #f8f8f8 !important;
}

@media (max-width: 576px) {
    .posts-carousel-module.eko-magazine-cards .eko-custom-carousel-card .post-content,
    .posts-blog-feed-module.masonry.eko-latest-publications article.post .post-content {
        padding: 14px !important;
    }
}

/* =========================================================
   EKO - DERNIERES PUBLICATIONS / BLOG FEED MASONRY - FALLBACK V5
   Le Blog Feed Masonry d'Extra ne reprend pas toujours la classe
   ajoutee par le template. On cible donc directement son markup reel.
========================================================= */

body.blog .posts-blog-feed-module.masonry article.post {
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #f8f8f8 !important;
    box-shadow: none !important;
}

body.blog .posts-blog-feed-module.masonry article.post > .header {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 8px 8px 0 0 !important;
    background: transparent !important;
}

body.blog .posts-blog-feed-module.masonry article.post .featured-image,
body.blog .posts-blog-feed-module.masonry article.post .post-thumbnail {
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 8px 8px 0 0 !important;
}

body.blog .posts-blog-feed-module.masonry article.post .featured-image img,
body.blog .posts-blog-feed-module.masonry article.post .post-thumbnail img {
    display: block !important;
    width: 100% !important;
    border-radius: 8px 8px 0 0 !important;
}

body.blog .posts-blog-feed-module.masonry article.post > .post-content {
    margin: 0 !important;
    padding: 16px 16px 18px !important;
    border: 0 !important;
    border-radius: 0 0 8px 8px !important;
    background: #f8f8f8 !important;
    box-shadow: none !important;
}

@media (max-width: 576px) {
    body.blog .posts-blog-feed-module.masonry article.post > .post-content {
        padding: 14px !important;
    }
}


/* =========================================================
   EKO - POSTS CAROUSEL : NOMBRE DE TUILES RESPONSIVE
   Desktop / tablette réglables dans le BO.
   Mobile inchangé : cartes partiellement visibles + swipe.
========================================================= */

@media (min-width: 1025px) {
    body.blog .posts-carousel-module.eko-responsive-columns .eko-custom-carousel-track {
        gap: 20px !important;
    }

    body.blog .posts-carousel-module.eko-responsive-columns .eko-custom-carousel-card {
        flex: 0 0 calc((100% - ((var(--eko-carousel-cols-desktop, 4) - 1) * 20px)) / var(--eko-carousel-cols-desktop, 4)) !important;
        width: calc((100% - ((var(--eko-carousel-cols-desktop, 4) - 1) * 20px)) / var(--eko-carousel-cols-desktop, 4)) !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

@media (min-width: 577px) and (max-width: 1024px) {
    body.blog .posts-carousel-module.eko-responsive-columns .eko-custom-carousel-track {
        gap: 16px !important;
    }

    body.blog .posts-carousel-module.eko-responsive-columns .eko-custom-carousel-card {
        flex: 0 0 calc((100% - ((var(--eko-carousel-cols-tablet, 3) - 1) * 16px)) / var(--eko-carousel-cols-tablet, 3)) !important;
        width: calc((100% - ((var(--eko-carousel-cols-tablet, 3) - 1) * 16px)) / var(--eko-carousel-cols-tablet, 3)) !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

@media (max-width: 576px) {
    body.blog .posts-carousel-module.eko-responsive-columns .eko-custom-carousel-shell {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        overflow: hidden !important;
    }

    body.blog .posts-carousel-module.eko-responsive-columns .eko-custom-carousel-track {
        width: 100% !important;
        max-width: none !important;
        gap: 16px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        scroll-padding-left: 16px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none !important;
    }

    body.blog .posts-carousel-module.eko-responsive-columns .eko-custom-carousel-track::-webkit-scrollbar {
        display: none !important;
    }

    body.blog .posts-carousel-module.eko-responsive-columns .eko-custom-carousel-card {
        flex: 0 0 82vw !important;
        width: 82vw !important;
        min-width: 260px !important;
        max-width: 310px !important;
    }
}


/* =========================================================
   EKO - BLOG FEED MASONRY : TITRE + TRAIT + LIEN
   Meme comportement visuel que Posts Carousel / Posts Module
========================================================= */

.posts-blog-feed-module > .module-head.eko-linked-module-head {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 0 18px !important;
    border: 0 !important;
    background: transparent !important;
}

.posts-blog-feed-module > .module-head.eko-linked-module-head::before {
    content: none !important;
    display: none !important;
}

.posts-blog-feed-module > .module-head.eko-linked-module-head::after {
    content: "" !important;
    display: block !important;
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 30px !important;
    height: 1px !important;
    margin: 0 !important;
    background: #dedede !important;
}

.posts-blog-feed-module > .module-head.eko-linked-module-head .eko-block-title {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link {
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link span {
    color: #111 !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

@media (hover: hover) {
    .posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link:hover {
        opacity: .7;
    }
}

@media (max-width: 768px) {
    .posts-blog-feed-module > .module-head.eko-linked-module-head {
        gap: 9px !important;
        padding-top: 20px !important;
        padding-bottom: 14px !important;
    }

    .posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link {
        font-size: 15px !important;
    }
}

@media (max-width: 576px) {
    .posts-blog-feed-module > .module-head.eko-linked-module-head {
        flex-wrap: wrap !important;
    }

    .posts-blog-feed-module > .module-head.eko-linked-module-head::after {
        min-width: 16px !important;
    }

    .posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link {
        width: 100% !important;
        justify-content: flex-end !important;
        margin-top: 2px !important;
    }
}


/* Blog Feed : le Sub Heading garde le meme placement meme sans URL renseignee. */
.posts-blog-feed-module > .module-head.eko-linked-module-head .module-filter {
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #777 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

@media (max-width: 576px) {
    .posts-blog-feed-module > .module-head.eko-linked-module-head .module-filter {
        width: 100% !important;
        justify-content: flex-end !important;
        margin-top: 2px !important;
    }
}

/* =========================================================
   EKO - HERO GRID DESKTOP - MICRO GUTTER ALIGNMENT V12
   Ajoute seulement 4px de respiration laterale au hero desktop.
   La largeur globale reste pilotee par Extra > Website Content Width.
========================================================= */
@media (min-width: 1025px) {
    body.blog #main-content .et_pb_row.eko-auto-grid {
        box-sizing: border-box !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}

/* =========================================================
   EKO - HERO GRID DESKTOP / TABLET - SUPPRESSION FOND NOIR V13
   Masque les fonds structurels qui peuvent apparaitre sur les cotes.
   Les images/slides restent inchanges. Mobile conserve son rendu actuel.
========================================================= */
@media (min-width: 577px) {
    body.blog #main-content .et_pb_row.eko-auto-grid,
    body.blog #main-content .et_pb_row.eko-auto-grid > .et_pb_column,
    body.blog #main-content .et_pb_row.eko-auto-grid .eko-grid-card-module {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }
}

/* =========================================================
   EKO - SIDEBAR ARCHIVES / RECHERCHE
   Meme rendu que la sidebar des articles.
========================================================= */
/* =========================================================
   COLONNE DROITE DES ARTICLES — VERSION COMPACTE
========================================================= */

body.archive .et_pb_extra_column_sidebar .eko-newsletter-card,
body.archive #sidebar .eko-newsletter-card,
body.archive .widget-area .eko-newsletter-card {
    min-height: 360px;
    align-items: flex-start;
    justify-content: flex-start;
    background-position: 72% center;
}

body.archive .et_pb_extra_column_sidebar .eko-newsletter-overlay,
body.archive #sidebar .eko-newsletter-overlay,
body.archive .widget-area .eko-newsletter-overlay {
    background: linear-gradient(
        180deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.94) 56%,
        rgba(255,255,255,.72) 78%,
        rgba(255,255,255,.35) 100%
    );
}

body.archive .et_pb_extra_column_sidebar .eko-newsletter-content,
body.archive #sidebar .eko-newsletter-content,
body.archive .widget-area .eko-newsletter-content {
    max-width: none;
    padding: 24px;
}

body.archive .et_pb_extra_column_sidebar .eko-newsletter-kicker,
body.archive #sidebar .eko-newsletter-kicker,
body.archive .widget-area .eko-newsletter-kicker {
    margin-bottom: 8px;
    font-size: 11px;
}

body.archive .et_pb_extra_column_sidebar .eko-newsletter-card h3,
body.archive #sidebar .eko-newsletter-card h3,
body.archive .widget-area .eko-newsletter-card h3 {
    margin-bottom: 14px;
    font-size: 27px;
    line-height: 1.04;
}

body.archive .et_pb_extra_column_sidebar .eko-newsletter-card h3 br,
body.archive .et_pb_extra_column_sidebar .eko-newsletter-intro br,
body.archive #sidebar .eko-newsletter-card h3 br,
body.archive #sidebar .eko-newsletter-intro br,
body.archive .widget-area .eko-newsletter-card h3 br,
body.archive .widget-area .eko-newsletter-intro br {
    display: none;
}

body.archive .et_pb_extra_column_sidebar .eko-newsletter-intro,
body.archive #sidebar .eko-newsletter-intro,
body.archive .widget-area .eko-newsletter-intro {
    margin-bottom: 16px !important;
    font-size: 13px;
    line-height: 1.42;
}

body.archive .et_pb_extra_column_sidebar .eko-newsletter-form,
body.archive #sidebar .eko-newsletter-form,
body.archive .widget-area .eko-newsletter-form {
    max-width: none;
}

body.archive .et_pb_extra_column_sidebar .eko-newsletter-form-row,
body.archive #sidebar .eko-newsletter-form-row,
body.archive .widget-area .eko-newsletter-form-row {
    flex-direction: column;
    gap: 8px;
}

body.archive .et_pb_extra_column_sidebar .eko-newsletter-form input,
body.archive .et_pb_extra_column_sidebar .eko-newsletter-form button,
body.archive #sidebar .eko-newsletter-form input,
body.archive #sidebar .eko-newsletter-form button,
body.archive .widget-area .eko-newsletter-form input,
body.archive .widget-area .eko-newsletter-form button {
    width: 100%;
    height: 44px;
    border-radius: 4px;
}

/* On annule l'étirement de la colonne uniquement dans la sidebar article. */
@media (min-width: 981px) {
    body.archive .et_pb_extra_column_sidebar:has(.eko-newsletter-card),
    body.archive #sidebar:has(.eko-newsletter-card),
    body.archive .widget-area:has(.eko-newsletter-card) {
        display: block;
    }

    body.archive .et_pb_extra_column_sidebar:has(.eko-newsletter-card) .et_pb_code,
    body.archive .et_pb_extra_column_sidebar:has(.eko-newsletter-card) .et_pb_code_inner,
    body.archive #sidebar:has(.eko-newsletter-card) .et_pb_code,
    body.archive #sidebar:has(.eko-newsletter-card) .et_pb_code_inner,
    body.archive .widget-area:has(.eko-newsletter-card) .et_pb_code,
    body.archive .widget-area:has(.eko-newsletter-card) .et_pb_code_inner {
        display: block;
        flex: none;
        width: 100%;
    }
}


/* =========================================================
   EKO - ARTICLES RECENTS SIDEBAR
   Rendu Extra conserve : uniquement fond blanc + arrondis
   et suppression des traits separateurs.
========================================================= */

/* Cible robuste : le widget Extra qui contient la liste d'articles avec miniatures. */
body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail),
body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail),
body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) {
    padding: 16px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Le fond gris global des widgets ne doit pas rester sur le contenu interne. */
body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list,
body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list,
body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list {
    background: transparent !important;
}

/* Aucun separateur entre les articles. Aucun autre spacing/layout n'est modifie. */
body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li {
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after,
body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after,
body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after {
    border: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   EKO - ARTICLES RECENTS MOBILE <= 576px
   Meme langage visuel que "Ces articles pourraient vous plaire"
========================================================= */

@media (max-width: 576px) {

    /* Carte blanche identique au bloc de recommandations. */
    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail),
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail),
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) {
        margin: 0 0 30px !important;
        padding: 24px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    /* Titre du widget : meme rythme que le header des related posts. */
    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widgettitle,
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widgettitle,
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widgettitle {
        margin: 0 !important;
        padding: 0 0 14px !important;
        border: 0 !important;
        background: transparent !important;
    }

    /* Chaque article : image a gauche, contenu a droite, sans separateur. */
    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li {
        display: grid !important;
        grid-template-columns: 120px minmax(0, 1fr) !important;
        grid-template-rows: 1fr auto auto 1fr !important;
        column-gap: 14px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
        width: 100% !important;
        min-height: 80px !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li:last-child,
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li:last-child,
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li:last-child {
        margin-bottom: 0 !important;
    }

    /* Miniature : meme format 3/2 arrondi que le bloc "ca peut vous plaire" en mobile. */
    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail,
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail,
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / -1 !important;
        align-self: center !important;
        float: none !important;
        width: 120px !important;
        min-width: 120px !important;
        height: auto !important;
        aspect-ratio: 3 / 2 !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        background: #eee !important;
    }

    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img,
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img,
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* Si Extra utilise un wrapper de contenu, on centre le couple titre/date dans la hauteur de l'image. */
    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > :has(> .title),
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > :has(> .title),
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > :has(> .title),
    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_content,
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_content,
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_content {
        grid-column: 2 !important;
        grid-row: 1 / -1 !important;
        align-self: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 0 !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Fallback si titre et meta sont directement enfants du <li>. */
    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .title,
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .title,
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .title {
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: end !important;
    }

    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .post-meta,
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .post-meta,
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .post-meta {
        grid-column: 2 !important;
        grid-row: 3 !important;
        align-self: start !important;
    }

    /* Date collee juste sous le titre. */
    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title {
        margin: 0 0 4px !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .post-meta,
    body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .post-meta,
    body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .post-meta {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.35 !important;
    }
}



/* =========================================================
   COLONNE DROITE DES ARTICLES — VERSION COMPACTE
========================================================= */

body.search .et_pb_extra_column_sidebar .eko-newsletter-card,
body.search #sidebar .eko-newsletter-card,
body.search .widget-area .eko-newsletter-card {
    min-height: 360px;
    align-items: flex-start;
    justify-content: flex-start;
    background-position: 72% center;
}

body.search .et_pb_extra_column_sidebar .eko-newsletter-overlay,
body.search #sidebar .eko-newsletter-overlay,
body.search .widget-area .eko-newsletter-overlay {
    background: linear-gradient(
        180deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.94) 56%,
        rgba(255,255,255,.72) 78%,
        rgba(255,255,255,.35) 100%
    );
}

body.search .et_pb_extra_column_sidebar .eko-newsletter-content,
body.search #sidebar .eko-newsletter-content,
body.search .widget-area .eko-newsletter-content {
    max-width: none;
    padding: 24px;
}

body.search .et_pb_extra_column_sidebar .eko-newsletter-kicker,
body.search #sidebar .eko-newsletter-kicker,
body.search .widget-area .eko-newsletter-kicker {
    margin-bottom: 8px;
    font-size: 11px;
}

body.search .et_pb_extra_column_sidebar .eko-newsletter-card h3,
body.search #sidebar .eko-newsletter-card h3,
body.search .widget-area .eko-newsletter-card h3 {
    margin-bottom: 14px;
    font-size: 27px;
    line-height: 1.04;
}

body.search .et_pb_extra_column_sidebar .eko-newsletter-card h3 br,
body.search .et_pb_extra_column_sidebar .eko-newsletter-intro br,
body.search #sidebar .eko-newsletter-card h3 br,
body.search #sidebar .eko-newsletter-intro br,
body.search .widget-area .eko-newsletter-card h3 br,
body.search .widget-area .eko-newsletter-intro br {
    display: none;
}

body.search .et_pb_extra_column_sidebar .eko-newsletter-intro,
body.search #sidebar .eko-newsletter-intro,
body.search .widget-area .eko-newsletter-intro {
    margin-bottom: 16px !important;
    font-size: 13px;
    line-height: 1.42;
}

body.search .et_pb_extra_column_sidebar .eko-newsletter-form,
body.search #sidebar .eko-newsletter-form,
body.search .widget-area .eko-newsletter-form {
    max-width: none;
}

body.search .et_pb_extra_column_sidebar .eko-newsletter-form-row,
body.search #sidebar .eko-newsletter-form-row,
body.search .widget-area .eko-newsletter-form-row {
    flex-direction: column;
    gap: 8px;
}

body.search .et_pb_extra_column_sidebar .eko-newsletter-form input,
body.search .et_pb_extra_column_sidebar .eko-newsletter-form button,
body.search #sidebar .eko-newsletter-form input,
body.search #sidebar .eko-newsletter-form button,
body.search .widget-area .eko-newsletter-form input,
body.search .widget-area .eko-newsletter-form button {
    width: 100%;
    height: 44px;
    border-radius: 4px;
}

/* On annule l'étirement de la colonne uniquement dans la sidebar article. */
@media (min-width: 981px) {
    body.search .et_pb_extra_column_sidebar:has(.eko-newsletter-card),
    body.search #sidebar:has(.eko-newsletter-card),
    body.search .widget-area:has(.eko-newsletter-card) {
        display: block;
    }

    body.search .et_pb_extra_column_sidebar:has(.eko-newsletter-card) .et_pb_code,
    body.search .et_pb_extra_column_sidebar:has(.eko-newsletter-card) .et_pb_code_inner,
    body.search #sidebar:has(.eko-newsletter-card) .et_pb_code,
    body.search #sidebar:has(.eko-newsletter-card) .et_pb_code_inner,
    body.search .widget-area:has(.eko-newsletter-card) .et_pb_code,
    body.search .widget-area:has(.eko-newsletter-card) .et_pb_code_inner {
        display: block;
        flex: none;
        width: 100%;
    }
}


/* =========================================================
   EKO - ARTICLES RECENTS SIDEBAR
   Rendu Extra conserve : uniquement fond blanc + arrondis
   et suppression des traits separateurs.
========================================================= */

/* Cible robuste : le widget Extra qui contient la liste d'articles avec miniatures. */
body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail),
body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail),
body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) {
    padding: 16px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Le fond gris global des widgets ne doit pas rester sur le contenu interne. */
body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list,
body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list,
body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list {
    background: transparent !important;
}

/* Aucun separateur entre les articles. Aucun autre spacing/layout n'est modifie. */
body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li {
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after,
body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after,
body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after {
    border: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   EKO - ARTICLES RECENTS MOBILE <= 576px
   Meme langage visuel que "Ces articles pourraient vous plaire"
========================================================= */

@media (max-width: 576px) {

    /* Carte blanche identique au bloc de recommandations. */
    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail),
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail),
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) {
        margin: 0 0 30px !important;
        padding: 24px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    /* Titre du widget : meme rythme que le header des related posts. */
    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widgettitle,
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widgettitle,
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widgettitle {
        margin: 0 !important;
        padding: 0 0 14px !important;
        border: 0 !important;
        background: transparent !important;
    }

    /* Chaque article : image a gauche, contenu a droite, sans separateur. */
    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li {
        display: grid !important;
        grid-template-columns: 120px minmax(0, 1fr) !important;
        grid-template-rows: 1fr auto auto 1fr !important;
        column-gap: 14px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
        width: 100% !important;
        min-height: 80px !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li:last-child,
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li:last-child,
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li:last-child {
        margin-bottom: 0 !important;
    }

    /* Miniature : meme format 3/2 arrondi que le bloc "ca peut vous plaire" en mobile. */
    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail,
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail,
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / -1 !important;
        align-self: center !important;
        float: none !important;
        width: 120px !important;
        min-width: 120px !important;
        height: auto !important;
        aspect-ratio: 3 / 2 !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        background: #eee !important;
    }

    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img,
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img,
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* Si Extra utilise un wrapper de contenu, on centre le couple titre/date dans la hauteur de l'image. */
    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > :has(> .title),
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > :has(> .title),
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > :has(> .title),
    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_content,
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_content,
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_content {
        grid-column: 2 !important;
        grid-row: 1 / -1 !important;
        align-self: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 0 !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Fallback si titre et meta sont directement enfants du <li>. */
    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .title,
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .title,
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .title {
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: end !important;
    }

    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .post-meta,
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .post-meta,
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li > .post-meta {
        grid-column: 2 !important;
        grid-row: 3 !important;
        align-self: start !important;
    }

    /* Date collee juste sous le titre. */
    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title {
        margin: 0 0 4px !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .post-meta,
    body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .post-meta,
    body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .post-meta {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.35 !important;
    }
}

.blog #page-container {background: white !important}



/* =========================================================
   EKO - ARRONDIS DES PUBS ET BLOCS IMAGE (8 PX)
   Home et sidebars : aucune modification de mise en page.
========================================================= */

/* Modules Ads Extra : conteneur et contenu. */
body.home :is(.et_pb_ads, [class*="et_pb_ads_ad_"], .etad),
body.blog :is(.et_pb_ads, [class*="et_pb_ads_ad_"], .etad),
:is(.et_pb_extra_column_sidebar, #sidebar, .widget-area) :is(.et_pb_ads, [class*="et_pb_ads_ad_"], .etad),
.et_pb_widget.widget_et_ads .etad {
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Images et liens des pubs, modules Image et widgets image. */
body.home :is(.etad a, .etad img, .et_pb_ads img, [class*="et_pb_ads_ad_"] img, .et_pb_image_wrap, .et_pb_image img),
body.blog :is(.etad a, .etad img, .et_pb_ads img, [class*="et_pb_ads_ad_"] img, .et_pb_image_wrap, .et_pb_image img),
:is(.et_pb_extra_column_sidebar, #sidebar, .widget-area) :is(.etad a, .etad img, .et_pb_ads img, [class*="et_pb_ads_ad_"] img, .et_pb_image_wrap, .et_pb_image img, .widget_media_image img),
.et_pb_widget.widget_et_ads :is(a, img),
.et_pb_widget.widget_media_image img {
    border-radius: 8px !important;
}

/* =========================================================
   EKO - TITRES DES LISTES EN 16PX
   Conseils & pratique + Articles recents sidebar
========================================================= */

.et_pb_extra_module.post-module .posts-list .entry-title,
.et_pb_extra_module.post-module .posts-list .entry-title a {
    font-size: 16px !important;
    line-height: 1.3 !important;
}

body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.single-post .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title a,
body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.single-post #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title a,
body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.single-post .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title a,
body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.archive .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title a,
body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.archive #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title a,
body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.archive .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title a,
body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.search .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title a,
body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.search #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title a,
body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.search .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title a {
    font-size: 16px !important;
    line-height: 1.3 !important;
}

/* =========================================================
   EKO - TUILES ARCHIVES / CATEGORIES / ETIQUETTES
   Fond blanc + bords arrondis sur les cartes du blog feed masonry
========================================================= */

body.archive .posts-blog-feed-module.masonry article.post,
body.category .posts-blog-feed-module.masonry article.post,
body.tag .posts-blog-feed-module.masonry article.post,
body.search .posts-blog-feed-module.masonry article.post {
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.archive .posts-blog-feed-module.masonry article.post > .header,
body.category .posts-blog-feed-module.masonry article.post > .header,
body.tag .posts-blog-feed-module.masonry article.post > .header,
body.search .posts-blog-feed-module.masonry article.post > .header {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 8px 8px 0 0 !important;
    background: transparent !important;
}

body.archive .posts-blog-feed-module.masonry article.post .featured-image,
body.archive .posts-blog-feed-module.masonry article.post .post-thumbnail,
body.category .posts-blog-feed-module.masonry article.post .featured-image,
body.category .posts-blog-feed-module.masonry article.post .post-thumbnail,
body.tag .posts-blog-feed-module.masonry article.post .featured-image,
body.tag .posts-blog-feed-module.masonry article.post .post-thumbnail,
body.search .posts-blog-feed-module.masonry article.post .featured-image,
body.search .posts-blog-feed-module.masonry article.post .post-thumbnail {
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 8px 8px 0 0 !important;
}

body.archive .posts-blog-feed-module.masonry article.post .featured-image img,
body.archive .posts-blog-feed-module.masonry article.post .post-thumbnail img,
body.category .posts-blog-feed-module.masonry article.post .featured-image img,
body.category .posts-blog-feed-module.masonry article.post .post-thumbnail img,
body.tag .posts-blog-feed-module.masonry article.post .featured-image img,
body.tag .posts-blog-feed-module.masonry article.post .post-thumbnail img,
body.search .posts-blog-feed-module.masonry article.post .featured-image img,
body.search .posts-blog-feed-module.masonry article.post .post-thumbnail img {
    display: block !important;
    width: 100% !important;
    border-radius: 8px 8px 0 0 !important;
}

body.archive .posts-blog-feed-module.masonry article.post > .post-content,
body.category .posts-blog-feed-module.masonry article.post > .post-content,
body.tag .posts-blog-feed-module.masonry article.post > .post-content,
body.search .posts-blog-feed-module.masonry article.post > .post-content {
    margin: 0 !important;
    padding: 16px 16px 18px !important;
    border: 0 !important;
    border-radius: 0 0 8px 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

@media (max-width: 576px) {
    body.archive .posts-blog-feed-module.masonry article.post > .post-content,
    body.category .posts-blog-feed-module.masonry article.post > .post-content,
    body.tag .posts-blog-feed-module.masonry article.post > .post-content,
    body.search .posts-blog-feed-module.masonry article.post > .post-content {
        padding: 14px !important;
    }
}

/* =========================================================
   EKO - TUILES ARCHIVES (catégories / étiquettes / archives)
   Remet un fond blanc sous le texte + bords arrondis
========================================================= */
body.category .posts-blog-feed-module.masonry article.post,
body.category .posts-blog-feed-module.masonry .hentry,
body.tag .posts-blog-feed-module.masonry article.post,
body.tag .posts-blog-feed-module.masonry .hentry,
body.archive .posts-blog-feed-module.masonry article.post,
body.archive .posts-blog-feed-module.masonry .hentry {
    background: #fff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

body.category .posts-blog-feed-module.masonry article.post .featured-image,
body.category .posts-blog-feed-module.masonry .hentry .featured-image,
body.tag .posts-blog-feed-module.masonry article.post .featured-image,
body.tag .posts-blog-feed-module.masonry .hentry .featured-image,
body.archive .posts-blog-feed-module.masonry article.post .featured-image,
body.archive .posts-blog-feed-module.masonry .hentry .featured-image {
    margin: 0 !important;
    border-radius: 12px 12px 0 0 !important;
}

body.category .posts-blog-feed-module.masonry article.post .post-content,
body.category .posts-blog-feed-module.masonry .hentry .post-content,
body.tag .posts-blog-feed-module.masonry article.post .post-content,
body.tag .posts-blog-feed-module.masonry .hentry .post-content,
body.archive .posts-blog-feed-module.masonry article.post .post-content,
body.archive .posts-blog-feed-module.masonry .hentry .post-content {
    padding: 16px 18px 18px !important;
    background: #fff !important;
    border-radius: 0 0 12px 12px !important;
}

body.category .posts-blog-feed-module.masonry article.post .header,
body.category .posts-blog-feed-module.masonry .hentry .header,
body.tag .posts-blog-feed-module.masonry article.post .header,
body.tag .posts-blog-feed-module.masonry .hentry .header,
body.archive .posts-blog-feed-module.masonry article.post .header,
body.archive .posts-blog-feed-module.masonry .hentry .header {
    background: #fff !important;
}

body.category .posts-blog-feed-module.masonry .post-title.entry-title,
body.tag .posts-blog-feed-module.masonry .post-title.entry-title,
body.archive .posts-blog-feed-module.masonry .post-title.entry-title {
    margin: 0 0 10px !important;
}

/* =========================================================
   EKO - CARTES ARCHIVES / CATEGORIES / ETIQUETTES
   Fond blanc sous le texte + tuiles arrondies
========================================================= */

body.category .posts-blog-feed-module.masonry article.post,
body.tag .posts-blog-feed-module.masonry article.post,
body.tax .posts-blog-feed-module.masonry article.post {
    overflow: hidden !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* Image collee au bloc texte */
body.category .posts-blog-feed-module.masonry article.post .featured-image,
body.tag .posts-blog-feed-module.masonry article.post .featured-image,
body.tax .posts-blog-feed-module.masonry article.post .featured-image,
body.category .posts-blog-feed-module.masonry article.post .post-thumbnail,
body.tag .posts-blog-feed-module.masonry article.post .post-thumbnail,
body.tax .posts-blog-feed-module.masonry article.post .post-thumbnail {
    margin-bottom: 0 !important;
    overflow: hidden !important;
    border-radius: 8px 8px 0 0 !important;
}

body.category .posts-blog-feed-module.masonry article.post .featured-image img,
body.tag .posts-blog-feed-module.masonry article.post .featured-image img,
body.tax .posts-blog-feed-module.masonry article.post .featured-image img,
body.category .posts-blog-feed-module.masonry article.post .post-thumbnail img,
body.tag .posts-blog-feed-module.masonry article.post .post-thumbnail img,
body.tax .posts-blog-feed-module.masonry article.post .post-thumbnail img {
    border-radius: 8px 8px 0 0 !important;
}

/* Zone texte */
body.category .posts-blog-feed-module.masonry article.post .post-content,
body.tag .posts-blog-feed-module.masonry article.post .post-content,
body.tax .posts-blog-feed-module.masonry article.post .post-content {
    margin: 0 !important;
    padding: 16px 16px 18px !important;
    background: #fff !important;
    border-radius: 0 0 8px 8px !important;
}

@media (max-width: 576px) {
    body.category .posts-blog-feed-module.masonry article.post .post-content,
    body.tag .posts-blog-feed-module.masonry article.post .post-content,
    body.tax .posts-blog-feed-module.masonry article.post .post-content {
        padding: 14px !important;
    }
}

/* =========================================================
   EKO - PAGINATION CENTREE TABLETTE / MOBILE
========================================================= */

@media (max-width: 1024px) {

    body.archive .pagination,
    body.category .pagination,
    body.tag .pagination,
    body.tax .pagination,
    body.search .pagination,
    body.archive .posts-blog-feed-module .pagination,
    body.category .posts-blog-feed-module .pagination,
    body.tag .posts-blog-feed-module .pagination,
    body.tax .posts-blog-feed-module .pagination,
    body.search .posts-blog-feed-module .pagination {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    body.archive .pagination ul,
    body.category .pagination ul,
    body.tag .pagination ul,
    body.tax .pagination ul,
    body.search .pagination ul {
        display: inline-flex !important;
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* =========================================================
   EKO - AJUSTEMENTS TITRES / HEADERS V15
========================================================= */

/* Hero principal */
.et_extra_layout .et_pb_extra_column_main .et_pb_featured_posts_slider_0 .hentry :is(h1, h2, h3, h4, h5, h6) a {
    font-size: 30px !important;
}

/* Titres des petites cartes du hero */
.eko-grid-card-module .entry-title {
    font-size: 21px !important;
}

/* Titres de sections */
.et_pb_extra_module > .module-head > .eko-block-title {
    font-size: 34px !important;
    line-height: 1 !important;
}

/* Mobile : pas de trait sous le titre + Voir tout aligne a gauche */
@media (max-width: 576px) {
    .posts-carousel-module > .module-head.eko-linked-module-head::after,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head::after,
    .posts-blog-feed-module > .module-head.eko-linked-module-head::after {
        content: none !important;
        display: none !important;
    }

    .posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link,
    .posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link {
        width: 100% !important;
        justify-content: flex-start !important;
        text-align: left !important;
        margin-top: 8px !important;
    }
}

/* =========================================================
   EKO - RESPONSIVE FINITIONS V16
   Header <= 1024 / titres hero & grid / liens Voir tout
========================================================= */

/* Desktop : Voir tout + fleche en gris. */
@media (min-width: 1025px) {
    .posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link,
    .posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link,
    .posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link span,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link span,
    .posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link span {
        color: #7b7b7b !important;
    }
}

/* Mobile + tablette : titres des petites cartes hero en 15px. */
@media (max-width: 1024px) {
    .eko-grid-card-module .entry-title,
    .eko-grid-card-module .entry-title a {
        font-size: 15px !important;
        line-height: 1.15 !important;
    }
}

/* Mobile : Voir tout juste sous le titre, sans trait, texte + fleche noirs. */
@media (max-width: 576px) {
    .posts-carousel-module > .module-head.eko-linked-module-head,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head,
    .posts-blog-feed-module > .module-head.eko-linked-module-head {
        row-gap: 4px !important;
        column-gap: 0 !important;
    }

    .posts-carousel-module > .module-head.eko-linked-module-head::after,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head::after,
    .posts-blog-feed-module > .module-head.eko-linked-module-head::after {
        content: none !important;
        display: none !important;
    }

    .posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link,
    .posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link {
        width: 100% !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #111 !important;
        text-align: left !important;
    }

    .posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link span,
    .et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link span,
    .posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link span {
        color: #111 !important;
    }

    /* Hero mobile : hauteur maxi 350px et titre 20px. */
    .eko-hero,
    .eko-hero .posts-slider-module-items,
    .eko-hero .carousel-items,
    .eko-hero .slick-list,
    .eko-hero .slick-track,
    .eko-hero .carousel-item,
    .eko-hero .post-carousel-item,
    .eko-hero .et_pb_slide,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .posts-slider-module-items,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .carousel-items,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .slick-list,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .slick-track,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .carousel-item,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .post-carousel-item,
    .eko-auto-grid > .et_pb_column:first-child > .eko-hero .et_pb_slide {
        height: 350px !important;
        min-height: 0 !important;
        max-height: 350px !important;
    }

    .eko-hero .entry-title,
    .eko-hero .entry-title a,
    .et_extra_layout .et_pb_extra_column_main .et_pb_featured_posts_slider_0 .hentry :is(h1, h2, h3, h4, h5, h6) a {
        font-size: 20px !important;
        line-height: 1.1 !important;
    }

    /* Un extrait vide ne reserve aucun espace. */
    .eko-hero .eko-hero-excerpt {
        margin: 0 !important;
        min-height: 0 !important;
    }

    .eko-hero .eko-hero-excerpt:empty {
        display: none !important;
    }
}


/* =========================================================
   EKO - RESPONSIVE FINITIONS V17
   Grid mobile/tablette + Voir tout + largeur header
========================================================= */

/* Voir tout : taille harmonisee sur tous les formats. */
.posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link,
.et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link,
.posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link,
.posts-carousel-module > .module-head.eko-linked-module-head .eko-module-head-link span,
.et_pb_extra_module.post-module > .module-head.eko-linked-module-head .eko-module-head-link span,
.posts-blog-feed-module > .module-head.eko-linked-module-head .eko-module-head-link span {
    font-size: 13px !important;
}

/* Tablette : titres EKO Grid en 20px. */
@media (min-width: 577px) and (max-width: 1024px) {
    .eko-grid-card-module .entry-title,
    .eko-grid-card-module .entry-title a {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
}

/* Mobile : titres EKO Grid en 15px. */
@media (max-width: 576px) {
    .eko-grid-card-module .entry-title,
    .eko-grid-card-module .entry-title a {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
}

/* Header mobile/tablette : meme largeur utile que le layout. */
@media (min-width: 577px) and (max-width: 1024px) {
    #main-header.eko-mobile-header-enhanced > .container {
        width: calc(100% - 48px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 576px) {
    #main-header.eko-mobile-header-enhanced > .container {
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}



@media (max-width: 1024px) { 
	.boxed_layout{ width:100%;}
}

.boxed_layout .container {width:97%}

/* =========================================================
   EKO - PAGES STANDARDS (mentions legales, etc.)
   Harmonise la sidebar avec articles / archives
   + supprime le trait superieur du contenu principal.
========================================================= */

/* Suppression du trait de couleur/noir ajoute par Extra en haut des pages. */
body.page:not(.home) .et_pb_extra_column_main > article,
body.page:not(.home) .et_pb_extra_column_main > .et_extra_other_module,
body.page:not(.home) .et_pb_extra_column_main .page.hentry {
    border-top: 0 !important;
    box-shadow: none !important;
}

/* Articles recents : meme carte que sur les articles et archives. */
body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail),
body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail),
body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) {
    padding: 16px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list,
body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list,
body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_content,
body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list {
    background: transparent !important;
}

body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li {
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after,
body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after,
body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::before,
body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li::after {
    border: 0 !important;
    box-shadow: none !important;
}

body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title,
body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list .title {
    font-size: 16px !important;
    line-height: 1.3 !important;
}

/* Meme comportement mobile que les sidebars des articles / archives. */
@media (max-width: 576px) {
    body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail),
    body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail),
    body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) {
        margin: 0 0 30px !important;
        padding: 24px !important;
        overflow: visible !important;
    }

    body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widgettitle,
    body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widgettitle,
    body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widgettitle {
        margin: 0 !important;
        padding: 0 0 14px !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
    body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list li,
    body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list li {
        display: grid !important;
        grid-template-columns: 120px minmax(0, 1fr) !important;
        grid-template-rows: 1fr auto auto 1fr !important;
        column-gap: 14px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
        width: 100% !important;
        min-height: 80px !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
    }

    body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail,
    body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail,
    body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / -1 !important;
        align-self: center !important;
        float: none !important;
        width: 120px !important;
        min-width: 120px !important;
        height: auto !important;
        aspect-ratio: 3 / 2 !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        background: #eee !important;
    }

    body.page:not(.home) .et_pb_extra_column_sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img,
    body.page:not(.home) #sidebar .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img,
    body.page:not(.home) .widget-area .et_pb_widget:has(.widget_list_thumbnail) .widget_list_thumbnail img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* =========================================================
   EKO - PAGES STANDARD : CONTENU PRINCIPAL ARRONDI
========================================================= */
body.page #main-content .et_pb_extra_column_main > article,
body.page #main-content .et_pb_extra_column_main .page,
body.page #main-content .et_pb_extra_column_main .et_pb_post,
body.page #main-content .et_pb_extra_column_main .post-wrap,
body.page #main-content .et_pb_extra_column_main .entry-content {
    border-radius: 8px !important;
}