/* =========================================================
   RENSAI — CSS GLOBAL
   VERSION STABLE
   ========================================================= */


/* =========================================================
   ARTICLES — CENTRAGE DES VIDÉOS YOUTUBE
   ========================================================= */

.single-post .entry-content iframe[src*="youtube.com"],
.single-post .entry-content iframe[src*="youtube-nocookie.com"],
.single-post .entry-content .youtube-player {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
}

.single-post .entry-content .embed-youtube,
.single-post .entry-content .jetpack-video-wrapper,
.single-post .entry-content .wp-block-embed-youtube,
.single-post .entry-content .wp-block-embed__wrapper {
    text-align: center !important;
}


/* =========================================================
   HERO RENSAI
   Classe Elementor : rensai-hero
   ========================================================= */


/* CARTE PRINCIPALE */

.rensai-hero .eael-grid-post-holder {
    position: relative !important;

    min-height: 500px !important;

    overflow: hidden !important;

    background: #111111 !important;

    border: 0 !important;
    box-shadow: none !important;
}


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

.rensai-hero .eael-entry-media,
.rensai-hero .eael-entry-thumbnail {
    width: 100% !important;

    height: 500px !important;
    min-height: 500px !important;
}

.rensai-hero .eael-entry-thumbnail img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


/* =========================================================
   DÉGRADÉ SUR L'IMAGE
   ========================================================= */

.rensai-hero .eael-grid-post-holder::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, .95) 0%,
        rgba(0, 0, 0, .72) 32%,
        rgba(0, 0, 0, .28) 65%,
        rgba(0, 0, 0, .05) 100%
    );
}


/* =========================================================
   CATÉGORIE DYNAMIQUE DU HERO
   ========================================================= */

/*
   Dans Elementor :

   Post Terms = Show
   Terms From = Category
   Max Terms to Show = 1
   Terms on Image Hover = Show

   Le CSS force ensuite la catégorie à rester affichée.
*/


/* OVERLAY TOUJOURS VISIBLE */

.rensai-hero .eael-entry-overlay {
    display: block !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 4 !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    background: transparent !important;

    pointer-events: none !important;
}


/* MASQUER LES ICÔNES DU HOVER */

.rensai-hero .eael-entry-overlay i,
.rensai-hero .eael-entry-overlay svg {
    display: none !important;
}


/* POSITION DE LA CATÉGORIE */

.rensai-hero .post-carousel-categories {
    display: block !important;

    position: absolute !important;

    left: 30px !important;
    top: auto !important;
    bottom: 220px !important;

    z-index: 10 !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    list-style: none !important;

    pointer-events: none !important;
}

.rensai-hero .post-carousel-categories li {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.rensai-hero .post-carousel-categories a,
.rensai-hero .post-carousel-categories span {
    color: #ff4057 !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    text-decoration: none !important;
}

}


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

.rensai-hero .eael-entry-wrapper {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 28px !important;

    z-index: 3 !important;

    margin: 0 !important;
    padding: 28px 30px !important;

    background: transparent !important;
}


/* =========================================================
   TITRE HERO — 2 LIGNES STABLES
   ========================================================= */

.rensai-hero .eael-entry-title {
    width: 520px !important;
    max-width: 90% !important;

    min-height: 64px !important;
    max-height: 64px !important;

    margin: 0 0 6px 0 !important;
    overflow: hidden !important;
}

.rensai-hero .eael-entry-title a {
    display: -webkit-box !important;

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

    color: #ffffff !important;

    font-size: 31px !important;
    line-height: 1.03 !important;
    font-weight: 800 !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;
    text-decoration: none !important;
}



/* =========================================================
   RÉSUMÉ HERO
   ========================================================= */

.rensai-hero .eael-entry-content {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
}

.rensai-hero .eael-entry-content p {
    max-width: 650px;

    margin: 0 0 16px 0 !important;

    color: #ffffff !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   BOUTON LIRE L'ARTICLE
   ========================================================= */

.rensai-hero .eael-post-elements-readmore-btn {
    display: inline-block !important;

    margin-top: 4px !important;
    padding: 11px 16px !important;

    border: 1px solid rgba(255, 255, 255, .65) !important;

    background: rgba(0, 0, 0, .18) !important;

    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    letter-spacing: .8px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    transition: .2s ease;
}

.rensai-hero .eael-post-elements-readmore-btn:hover {
    background: #ff4057 !important;
    border-color: #ff4057 !important;
    color: #ffffff !important;
}


/* MASQUER AUTEUR + DATE DU HERO */

.rensai-hero .eael-entry-footer {
    display: none !important;
}




/* =========================================================
   COLONNE DROITE RENSAI — STYLE LISTE ÉDITORIALE
   ========================================================= */

.rensai-side .eael-grid-post {
    margin: 0 !important;
    padding: 0 !important;
}

/* Conteneur externe */
.rensai-side .eael-grid-post-holder {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
}

/* VRAIE CARTE : image à gauche / texte à droite */
.rensai-side .eael-grid-post-holder-inner {
    display: grid !important;

    grid-template-columns: 120px minmax(0, 1fr) !important;
    column-gap: 16px !important;

    align-items: start !important;

    padding: 0 0 22px 0 !important;
    margin: 0 0 22px 0 !important;

    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

/* Pas de ligne après le dernier article */
.rensai-side .eael-grid-post:last-child .eael-grid-post-holder-inner {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* IMAGE */
.rensai-side .eael-entry-media {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 120px !important;
    height: 120px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rensai-side .eael-entry-thumbnail {
    width: 120px !important;
    height: 120px !important;

    margin: 0 !important;

    overflow: hidden !important;
}

.rensai-side .eael-entry-thumbnail img {
    display: block !important;

    width: 120px !important;
    height: 120px !important;

    object-fit: cover !important;
}

/* TEXTE */
.rensai-side .eael-entry-wrapper {
    grid-column: 2 !important;
    grid-row: 1 !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

/* =========================================================
   FINITIONS TEXTE COLONNE DROITE
   ========================================================= */

/* Le wrapper texte devient une colonne */
.rensai-side .eael-entry-wrapper {
    display: flex !important;
    flex-direction: column !important;
}

/* Catégorie avant le titre */
.rensai-side .eael-entry-header-after {
    order: 1 !important;
    margin: 0 0 6px 0 !important;
}

/* Titre ensuite */
.rensai-side .eael-entry-header {
    order: 2 !important;
}

/* Résumé ensuite */
.rensai-side .eael-entry-content {
    order: 3 !important;
    margin-top: 6px !important;
}

/* Masquer la date */
.rensai-side .eael-meta-posted-on {
    display: none !important;
}

/* Masquer l'icône dossier */
.rensai-side .post-meta-categories .meta-cat-icon {
    display: none !important;
}

/* Catégorie rose */
.rensai-side .post-meta-categories {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.rensai-side .post-meta-categories li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.rensai-side .post-meta-categories a {
    color: #ff4057 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* Titre */
.rensai-side .eael-entry-title {
    margin: 0 !important;
}

.rensai-side .eael-entry-title,
.rensai-side .eael-entry-title a {
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* Résumé */
.rensai-side .eael-entry-content,
.rensai-side .eael-entry-content p {
    margin: 0 !important;
    padding: 0 !important;

    color: #b7b7b7 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* On masque la catégorie qui se trouve sur l'image */
.rensai-side .post-carousel-categories {
    display: none !important;
}

/* FORCER LE RÉSUMÉ DANS LA COLONNE DROITE */

.rensai-side .eael-entry-content,
.rensai-side .eael-grid-post-excerpt {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    height: auto !important;

    margin: 7px 0 0 0 !important;
    padding: 0 !important;
}

.rensai-side .eael-entry-content p,
.rensai-side .eael-grid-post-excerpt p {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #b7b7b7 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.rensai-side .eael-entry-media {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;

    width: 120px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rensai-side .eael-entry-thumbnail {
    width: 120px !important;
    height: 120px !important;

    margin: 0 !important;

    overflow: hidden !important;
}

.rensai-side .eael-entry-thumbnail img {
    display: block !important;

    width: 120px !important;
    height: 120px !important;

    object-fit: cover !important;
}


/* =========================================================
   ZONE TEXTE
   ========================================================= */

.rensai-side .eael-entry-wrapper {
    grid-column: 2 !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* =========================================================
   CATÉGORIE
   ========================================================= */

.rensai-side .eael-entry-meta {
    margin: 0 0 7px 0 !important;
    padding: 0 !important;
}

.rensai-side .eael-entry-meta a {
    color: #ff4057 !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .4px !important;

    text-decoration: none !important;
}


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

.rensai-side .eael-entry-title {
    margin: 0 0 8px 0 !important;
}

.rensai-side .eael-entry-title,
.rensai-side .eael-entry-title a {
    color: #ffffff !important;

    font-size: 18px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;

    text-decoration: none !important;
}


/* =========================================================
   RÉSUMÉ
   ========================================================= */

.rensai-side .eael-entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

.rensai-side .eael-entry-content p {
    margin: 0 !important;

    color: #b7b7b7 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   MASQUER DATE / AUTEUR / BOUTON
   ========================================================= */

.rensai-side .eael-entry-footer,
.rensai-side .eael-post-elements-readmore-btn {
    display: none !important;
}


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

@media (max-width: 767px) {

    /* HERO */

    .rensai-hero .eael-grid-post-holder {
        min-height: 420px !important;
    }

    .rensai-hero .eael-entry-media,
    .rensai-hero .eael-entry-thumbnail {
        height: 420px !important;
        min-height: 420px !important;
    }

    .rensai-hero .eael-entry-wrapper {
        bottom: 12px !important;

        padding:
            22px
            20px !important;
    }

    .rensai-hero .post-carousel-categories {
        left: 20px !important;
        bottom: 165px !important;
    }

    .rensai-hero .eael-entry-title,
    .rensai-hero .eael-entry-title a {
        font-size: 26px !important;
        line-height: 1.08 !important;
    }

    .rensai-hero .eael-entry-content p {
        font-size: 13px !important;
    }


    /* COLONNE DROITE */

    .rensai-side .eael-grid-post-holder {
        grid-template-columns:
            105px
            minmax(0, 1fr) !important;

        column-gap: 12px !important;
    }

    .rensai-side .eael-entry-media,
    .rensai-side .eael-entry-thumbnail,
    .rensai-side .eael-entry-thumbnail img {
        width: 105px !important;
    }

    .rensai-side .eael-entry-thumbnail,
    .rensai-side .eael-entry-thumbnail img {
        height: 85px !important;
        min-height: 85px !important;
    }

    .rensai-side .eael-entry-title,
    .rensai-side .eael-entry-title a {
        font-size: 14px !important;
    }
}

/* =========================================================
   RENSAI — CALASLIDE HERO
   Classe Elementor : rensai-slider
   VERSION NETTOYÉE — UN SEUL BLOC
   ========================================================= */

.rensai-slider,
.rensai-slider .elementor-widget-container,
.rensai-slider .multiple-items {
    position: relative !important;
}

.rensai-slider .slide-post-item {
    position: relative !important;
    height: 500px !important;
    min-height: 500px !important;
    overflow: hidden !important;
    background: #111111 !important;
}

.rensai-slider .slide-post-item > .slide-post-thumb {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
}

.rensai-slider .slide-post-item::after {
    content: "";
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(0deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.74) 32%, rgba(0,0,0,.30) 62%, rgba(0,0,0,.05) 100%) !important;
}

.rensai-slider .slide-post-item > .slide-post-tax--post_tag {
    display: none !important;
}

.rensai-slider .slide-post-item > .slide-post-tax--category {
    position: absolute !important;
    left: 30px !important;
    right: auto !important;
    top: auto !important;
    bottom: 168px !important;
    z-index: 5 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.rensai-slider .slide-post-item > .slide-post-tax--category li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    color: #ff4057 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

.rensai-slider .slide-post-item > .slide-post-tax--category a {
    color: #ff4057 !important;
    text-decoration: none !important;
}

.rensai-slider .slide-post-item > .slide-item-content {
    position: absolute !important;
    inset: auto 150px 28px 30px !important;
    z-index: 5 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    transform: none !important;
}

.rensai-slider .slide-post-item > .slide-item-content > * {
    position: static !important;
    transform: none !important;
}

.rensai-slider .slide-item-content h1,
.rensai-slider .slide-item-content h2,
.rensai-slider .slide-item-content h3,
.rensai-slider .slide-item-content h4 {
    width: 520px !important;
    max-width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 31px !important;
    line-height: 1.03 !important;
    font-weight: 800 !important;
}

.rensai-slider .slide-item-content h1 a,
.rensai-slider .slide-item-content h2 a,
.rensai-slider .slide-item-content h3 a,
.rensai-slider .slide-item-content h4 a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.rensai-slider .slide-item-content p {
    max-width: 650px !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.rensai-slider .slide-item-content > a {
    display: inline-block !important;
    width: auto !important;
    margin: 4px 0 0 0 !important;
    padding: 11px 16px !important;
    border: 1px solid rgba(255,255,255,.65) !important;
    background: rgba(0,0,0,.18) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
    text-decoration: none !important;
}

.rensai-slider .slide-item-content > a:hover {
    background: #ff4057 !important;
    border-color: #ff4057 !important;
    color: #ffffff !important;
}

.rensai-slider .slick-dots {
    position: absolute !important;
    right: 30px !important;
    bottom: 24px !important;
    z-index: 20 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 14px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.rensai-slider .slick-dots li {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.rensai-slider .slick-dots li button {
    position: relative !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 6px 0 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 0 !important;
}

.rensai-slider .slick-dots li button::before {
    display: none !important;
    content: none !important;
}

.rensai-slider .slick-dots li:nth-child(1) button::after { content: "01"; }
.rensai-slider .slick-dots li:nth-child(2) button::after { content: "02"; }
.rensai-slider .slick-dots li:nth-child(3) button::after { content: "03"; }
.rensai-slider .slick-dots li:nth-child(4) button::after { content: "04"; }

.rensai-slider .slick-dots li button::after {
    display: block !important;
    color: #8d8d8d !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: .4px !important;
}

.rensai-slider .slick-dots li.slick-active button::after {
    color: #ff4057 !important;
}

.rensai-slider .slick-dots li.slick-active button {
    border-bottom: 1px solid #ff4057 !important;
}

.rensai-slider .slick-list {
    overflow: hidden !important;
}

.rensai-slider .slick-slide > div {
    height: 500px !important;
}

@media (max-width: 767px) {
    .rensai-slider .slide-post-item,
    .rensai-slider .slick-slide > div {
        height: 430px !important;
        min-height: 430px !important;
    }

    .rensai-slider .slide-post-item > .slide-post-tax--category {
        left: 20px !important;
        bottom: 160px !important;
    }

    .rensai-slider .slide-post-item > .slide-item-content {
        inset: auto 90px 20px 20px !important;
    }

    .rensai-slider .slide-item-content h1,
    .rensai-slider .slide-item-content h2,
    .rensai-slider .slide-item-content h3,
    .rensai-slider .slide-item-content h4 {
        width: 100% !important;
        font-size: 26px !important;
        line-height: 1.08 !important;
    }

    .rensai-slider .slide-item-content p {
        font-size: 13px !important;
    }

    .rensai-slider .slick-dots {
        right: 20px !important;
        bottom: 18px !important;
    }
}

/* =========================================================
   BOUTON RENSAI SLIDER
   ========================================================= */

.rensai-slider .slide-item-content > a {
    display: inline-block !important;

    margin-top: 6px !important;
    padding: 11px 16px !important;

    border: 1px solid rgba(255,255,255,.65) !important;

    background: rgba(0,0,0,.18) !important;

    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .8px !important;

    text-decoration: none !important;
}

.rensai-slider .slide-item-content > a:hover {
    background: #ff4057 !important;
    border-color: #ff4057 !important;
    color: #ffffff !important;
}

/* =========================================================
   CALASLIDE — BOUTON LIRE L'ARTICLE
   ========================================================= */

.rensai-slider .slide-item-content .read-more,
.rensai-slider .slide-item-content .read-more a,
.rensai-slider .slide-item-content .slide-post-button,
.rensai-slider .slide-item-content .slide-post-button a,
.rensai-slider .slide-item-content .slide-button,
.rensai-slider .slide-item-content .slide-button a,
.rensai-slider .slide-item-content > a:last-child,
.rensai-slider .slide-item-content > *:last-child a {
    display: inline-block !important;

    width: auto !important;

    margin-top: 6px !important;
    padding: 11px 16px !important;

    border: 1px solid rgba(255,255,255,.65) !important;

    background: rgba(0,0,0,.18) !important;

    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .8px !important;

    text-decoration: none !important;
}

.rensai-slider .slide-item-content .read-more:hover,
.rensai-slider .slide-item-content .read-more a:hover,
.rensai-slider .slide-item-content .slide-post-button:hover,
.rensai-slider .slide-item-content .slide-post-button a:hover,
.rensai-slider .slide-item-content .slide-button:hover,
.rensai-slider .slide-item-content .slide-button a:hover,
.rensai-slider .slide-item-content > a:last-child:hover,
.rensai-slider .slide-item-content > *:last-child a:hover {
    background: #ff4057 !important;
    border-color: #ff4057 !important;
    color: #ffffff !important;
}

/* petite flèche */
.rensai-slider .slide-item-content > a:last-child::after,
.rensai-slider .slide-item-content > *:last-child a::after {
    content: " →";
}

/* =========================================================
   CATÉGORIE ROUGE — POSITION AU-DESSUS DU TITRE
   ========================================================= */

.rensai-slider .slide-post-item > .slide-post-tax--category {
    position: absolute !important;

    left: 30px !important;
    top: auto !important;
    bottom: 210px !important;

    z-index: 10 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rensai-slider .slide-post-tax--category,
.rensai-slider .slide-post-tax--category li,
.rensai-slider .slide-post-tax--category a {
    color: #ff4057 !important;

    font-size: 50px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    text-decoration: none !important;
}

/* RENSAI — une seule catégorie dans le slider */
.rensai-slider .slide-post-tax--category li:not(:first-child) {
    display: none !important;
}

/* =========================================================
   RENSAI — NAVIGATION FINALE
   ========================================================= */

/* Liens */
.main-navigation .menu > li > a {
    position: relative !important;

    display: inline-block !important;

    padding: 0 14px !important;

    line-height: 48px !important;

    color: #ffffff !important;

    font-weight: 800 !important;
    text-transform: uppercase !important;
}

/* On supprime les traits du thème */
.main-navigation .menu > li::before,
.main-navigation .menu > li::after,
.main-navigation .menu > li > a::before,
.main-navigation .menu > li > a::after {
    content: none !important;
    display: none !important;
}

/* Élément actif */
.main-navigation .menu > li.current-menu-item > a {
    color: #ffffff !important;
}

/* Trait actif = largeur exacte du lien */
.main-navigation .menu > li.current-menu-item > a::after {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 14px !important;
    right: 14px !important;
    bottom: 0 !important;

    height: 2px !important;

    background: #ff4057 !important;
}

/* Hover */
.main-navigation .menu > li:not(.current-menu-item) > a:hover {
    color: #ff4057 !important;
}

/* Trait au hover */
.main-navigation .menu > li:not(.current-menu-item) > a:hover::after {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 14px !important;
    right: 14px !important;
    bottom: 0 !important;

    height: 2px !important;

    background: #ff4057 !important;
}

/* =========================================================
   RENSAI — COLONNE DROITE FINALE
   ========================================================= */

/* CONTENEUR GLOBAL */
.rensai-side {
    height: 500px !important;
    width: 100% !important;
}

/* GRILLE DES 3 ARTICLES */
.rensai-side .eael-post-grid {
    display: flex !important;
    flex-direction: column !important;

    height: 500px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ARTICLE */
.rensai-side .eael-grid-post {
    position: relative !important;

    top: auto !important;
    left: auto !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* CHAQUE CARTE */
.rensai-side .eael-grid-post-holder,
.rensai-side .eael-grid-post-holder-inner {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    height: auto !important;
}

/* STRUCTURE IMAGE + TEXTE */
.rensai-side .eael-grid-post-holder-inner {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 128px minmax(0, 1fr) !important;
    column-gap: 16px !important;

    align-items: start !important;

    padding: 14px 0 16px 0 !important;
}

/* PREMIER ARTICLE */
.rensai-side .eael-grid-post:first-child .eael-grid-post-holder-inner {
    padding-top: 0 !important;
}

/* LIGNES AVANT ARTICLE 2 ET 3 */
.rensai-side .eael-grid-post:not(:first-child) .eael-grid-post-holder-inner::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    height: 1px !important;

    background: rgba(255,255,255,.10) !important;

    z-index: 1 !important;
}

/* IMAGE */
.rensai-side .eael-entry-media {
    grid-column: 1 !important;
    grid-row: 1 !important;

    position: relative !important;

    width: 128px !important;
    height: 128px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2 !important;
}

/* IMAGE DES ARTICLES 2 ET 3 QUI CHEVAUCHE LA LIGNE */
.rensai-side .eael-grid-post:not(:first-child) .eael-entry-media {
    margin-top: -8px !important;
}

/* THUMBNAIL */
.rensai-side .eael-entry-thumbnail {
    width: 128px !important;
    height: 128px !important;

    overflow: hidden !important;

    background: #111 !important;
}

.rensai-side .eael-entry-thumbnail img {
    display: block !important;

    width: 128px !important;
    height: 128px !important;

    object-fit: cover !important;
}

/* MASQUER CATÉGORIE SUR IMAGE */
.rensai-side .post-carousel-categories {
    display: none !important;
}

/* MASQUER OVERLAY */
.rensai-side .eael-entry-overlay {
    display: none !important;
}

/* BLOC TEXTE */
.rensai-side .eael-entry-wrapper {
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

/* CATÉGORIE AVANT TITRE */
.rensai-side .eael-entry-header-after {
    order: 1 !important;

    margin: 0 0 7px 0 !important;
    padding: 0 !important;
}

/* TITRE */
.rensai-side .eael-entry-header {
    order: 2 !important;
}

.rensai-side .eael-entry-title {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

.rensai-side .eael-entry-title,
.rensai-side .eael-entry-title a {
    color: #ffffff !important;

    font-size: 18px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;

    text-decoration: none !important;
}

/* MÉTAS */
.rensai-side .eael-entry-meta {
    margin: 0 !important;
    padding: 0 !important;
}

/* MASQUER DATE */
.rensai-side .eael-meta-posted-on {
    display: none !important;
}

/* MASQUER ICÔNE DOSSIER */
.rensai-side .post-meta-categories .meta-cat-icon {
    display: none !important;
}

/* CATÉGORIE */
.rensai-side .post-meta-categories {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.rensai-side .post-meta-categories li {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.rensai-side .post-meta-categories a {
    color: #ff4057 !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .4px !important;

    text-decoration: none !important;
}

/* RÉSUMÉ */
.rensai-side .eael-entry-content {
    order: 3 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rensai-side .eael-entry-content p {
    margin: 0 !important;
    padding: 0 !important;

    color: #b7b7b7 !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
}

/* MASQUER READ MORE */
.rensai-side .eael-post-elements-readmore-btn {
    display: none !important;
}

/* RÉPARTITION GLOBALE DES 3 CARTES */
.rensai-side .eael-post-grid {
    justify-content: space-between !important;
}

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

    .rensai-side {
        height: auto !important;
    }

    .rensai-side .eael-post-grid {
        height: auto !important;
    }

    .rensai-side .eael-grid-post-holder-inner {
        grid-template-columns: 105px minmax(0, 1fr) !important;
        column-gap: 14px !important;
    }

    .rensai-side .eael-entry-media,
    .rensai-side .eael-entry-thumbnail,
    .rensai-side .eael-entry-thumbnail img {
        width: 105px !important;
        height: 105px !important;
    }

    .rensai-side .eael-entry-title,
    .rensai-side .eael-entry-title a {
        font-size: 15px !important;
    }

    .rensai-side .eael-entry-content p {
        font-size: 12px !important;
    }
}

/* =========================================================
   RENSAI — SYMÉTRIE HERO DROIT UNIQUEMENT
   ========================================================= */

#rensai-side-widget {
    height: 500px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#rensai-side-widget .eael-post-grid-container,
#rensai-side-widget .eael-post-grid {
    width: 100% !important;
    height: 500px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3 zones égales sur exactement 500px */
#rensai-side-widget .eael-post-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3, 1fr) !important;
    gap: 0 !important;
}

/* Annule le positionnement automatique du plugin */
#rensai-side-widget .eael-grid-post {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#rensai-side-widget .eael-grid-post-holder {
    height: 100% !important;
}

/* Chaque carte occupe son tiers */
#rensai-side-widget .eael-grid-post-holder-inner {
    height: 100% !important;

    display: grid !important;
    grid-template-columns: 145px minmax(0, 1fr) !important;
    column-gap: 16px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Article 1 collé en haut */
#rensai-side-widget .eael-grid-post:first-child
.eael-grid-post-holder-inner {
    align-items: start !important;
}

/* Article 2 centré */
#rensai-side-widget .eael-grid-post:nth-child(2)
.eael-grid-post-holder-inner {
    align-items: center !important;
}

/* Article 3 collé en bas */
#rensai-side-widget .eael-grid-post:last-child
.eael-grid-post-holder-inner {
    align-items: end !important;
}

/* Images */
#rensai-side-widget .eael-entry-media,
#rensai-side-widget .eael-entry-thumbnail,
#rensai-side-widget .eael-entry-thumbnail img {
    width: 145px !important;
    height: 145px !important;
}

/* Petit chevauchement sur les séparateurs */
#rensai-side-widget .eael-grid-post:not(:first-child)
.eael-entry-media {
    margin-top: -6px !important;
}

/* =========================================================
   RENSAI — ARTICLE 3 REMONTÉ SUR LE SÉPARATEUR
   ========================================================= */

.rensai-side article.eael-grid-post:nth-of-type(3) .eael-entry-media,
.rensai-side article.eael-grid-post:nth-of-type(3) .eael-entry-wrapper {
    transform: translateY(-23px) !important;
}

/* Article 2 : remonte sur le séparateur */
.rensai-side article.eael-grid-post:nth-of-type(2) .eael-entry-media,
.rensai-side article.eael-grid-post:nth-of-type(2) .eael-entry-wrapper {
    transform: translateY(-5px) !important;
}

/* Article 1 : descend légèrement */
.rensai-side article.eael-grid-post:nth-of-type(1) .eael-entry-media,
.rensai-side article.eael-grid-post:nth-of-type(1) .eael-entry-wrapper {
    transform: translateY(10px) !important;
}

/* HERO GAUCHE — TEST LARGEUR */
#rensai-main-hero {
    width: 100% !important;
    max-width: none !important;
}

/* =========================================================
   RENSAI — ALIGNEMENT VERTICAL COLONNE DROITE
   ========================================================= */

#rensai-side-widget {
    position: relative !important;
    transform: translateY(10px) !important;
}

/* =========================================================
   RENSAI — ÉTIRER LA COLONNE DROITE VERS LE BAS
   ========================================================= */

/* Article 2 descend légèrement */
.rensai-side article.eael-grid-post:nth-of-type(2) {
    transform: translateY(20px) !important;
}

/* Article 3 descend davantage */
.rensai-side article.eael-grid-post:nth-of-type(3) {
    transform: translateY(33px) !important;
}

/* =========================================================
   RENSAI — SECTION À LA UNE
   ========================================================= */

.rensai-section-title {
    position: relative !important;
    margin: 18px 0 28px 0 !important;
    padding: 0 0 14px 0 !important;

    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.rensai-section-title h1,
.rensai-section-title h2,
.rensai-section-title h3 {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
}

.rensai-section-title::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: -1px !important;

    width: 58px !important;
    height: 3px !important;

    background: #ff4057 !important;
}


/* =========================================================
   RENSAI — GRILLE À LA UNE — VERSION UNIQUE
   ========================================================= */

.rensai-latest-grid,
.rensai-latest-grid .elementor-widget-container,
.rensai-latest-grid .eael-post-grid-container {
    height: auto !important;
    overflow: visible !important;
}

.rensai-latest-grid .eael-post-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 32px 24px !important;

    height: auto !important;
}


/* CARTE */

.rensai-latest-grid .eael-grid-post {
    position: relative !important;

    top: auto !important;
    left: auto !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    transition: transform .25s ease !important;
}

.rensai-latest-grid .eael-grid-post-holder,
.rensai-latest-grid .eael-grid-post-holder-inner,
.rensai-latest-grid .eael-entry-wrapper,
.rensai-latest-grid .eael-entry-header,
.rensai-latest-grid .eael-entry-content {
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}

.rensai-latest-grid .eael-grid-post-holder-inner {
    padding: 0 0 22px 0 !important;

    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}


/* IMAGE */

.rensai-latest-grid .eael-entry-media {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

.rensai-latest-grid .eael-entry-thumbnail {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;

    margin: 0 !important;

    overflow: hidden !important;
}

.rensai-latest-grid .eael-entry-thumbnail img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    transition: transform .3s ease !important;
}

.rensai-latest-grid .eael-grid-post:hover .eael-entry-thumbnail img {
    transform: scale(1.03) !important;
}


/* TITRE */

.rensai-latest-grid .eael-entry-title {
    position: relative !important;

    min-height: 43px !important;

    margin: 0 0 9px 0 !important;
    padding: 0 0 10px 0 !important;
}

.rensai-latest-grid .eael-entry-title,
.rensai-latest-grid .eael-entry-title a {
    color: #ffffff !important;

    font-size: 19px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;

    text-transform: none !important;
    text-decoration: none !important;
}

.rensai-latest-grid .eael-entry-title a {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;
}


/* TRAIT ROSE AU HOVER */

.rensai-latest-grid .eael-entry-title::after {
    content: "" !important;

    display: block !important;

    width: 0 !important;
    height: 2px !important;

    margin-top: 9px !important;

    background: #ff4057 !important;

    transition: width .25s ease !important;
}

.rensai-latest-grid .eael-grid-post:hover .eael-entry-title::after {
    width: 38px !important;
}

.rensai-latest-grid .eael-grid-post:hover .eael-entry-title a {
    color: #ff4057 !important;
}


/* RÉSUMÉ */

.rensai-latest-grid .eael-entry-content {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    margin: 0 !important;
    padding: 0 !important;
}

.rensai-latest-grid .eael-entry-content,
.rensai-latest-grid .eael-entry-content p {
    margin: 0 !important;
    padding: 0 !important;

    color: #9f9f9f !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
}


/* MASQUER LE RESTE */

.rensai-latest-grid .eael-entry-footer,
.rensai-latest-grid .eael-post-elements-readmore-btn {
    display: none !important;
}


/* HOVER */

.rensai-latest-grid .eael-grid-post:hover {
    transform: translateY(-4px) !important;
}


/* CHARGER PLUS */

.rensai-latest-grid .eael-load-more-button,
.rensai-latest-grid .eael-load-more-btn {
    margin: 36px auto 0 !important;
    padding: 12px 18px !important;

    background: transparent !important;

    border: 1px solid #ff4057 !important;
    border-radius: 0 !important;

    color: #ff4057 !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;

    box-shadow: none !important;
}


/* TABLETTE */

@media (max-width: 1024px) {
    .rensai-latest-grid .eael-post-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* MOBILE */

@media (max-width: 767px) {
    .rensai-latest-grid .eael-post-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }

    .rensai-section-title h1,
    .rensai-section-title h2,
    .rensai-section-title h3 {
        font-size: 26px !important;
    }
}

/* =========================================================
   RENSAI — FIX VISUEL FINAL GRILLE ARTICLES
   ========================================================= */

/* Carte entièrement sombre */
.rensai-latest-grid .eael-grid-post-holder,
.rensai-latest-grid .eael-grid-post-holder-inner,
.rensai-latest-grid .eael-entry-wrapper,
.rensai-latest-grid .eael-entry-header,
.rensai-latest-grid .eael-entry-content {
    background: #111111 !important;
    color: #ffffff !important;
}

/* Structure carte */
.rensai-latest-grid .eael-grid-post-holder {
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

/* Zone texte */
.rensai-latest-grid .eael-entry-wrapper {
    padding: 16px 16px 18px 16px !important;
}

/* Images identiques */
.rensai-latest-grid .eael-entry-media,
.rensai-latest-grid .eael-entry-thumbnail {
    width: 100% !important;
    height: 210px !important;
    margin: 0 !important;
}

.rensai-latest-grid .eael-entry-thumbnail img {
    width: 100% !important;
    height: 210px !important;
    object-fit: cover !important;
}

/* Titres */
.rensai-latest-grid .eael-entry-title {
    min-height: 44px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

.rensai-latest-grid .eael-entry-title,
.rensai-latest-grid .eael-entry-title a {
    color: #ffffff !important;
    font-size: 19px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    text-transform: none !important;
}

/* Résumé */
.rensai-latest-grid .eael-entry-content,
.rensai-latest-grid .eael-entry-content p {
    color: #a8a8a8 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* On garde les cartes bien propres */
.rensai-latest-grid .eael-grid-post {
    transform: none !important;
}

/* Hover discret */
.rensai-latest-grid .eael-grid-post:hover .eael-entry-title a {
    color: #ff4057 !important;
}

/* =========================================================
   RENSAI — À LA UNE / RESTAURATION VERSION QUI MARCHAIT
   ========================================================= */

#rensai-latest-grid .eael-post-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 32px 24px !important;

    height: auto !important;
    overflow: visible !important;
}


/* ARTICLE */
#rensai-latest-grid .eael-grid-post {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}


/* PLUS AUCUN FOND BLANC */
#rensai-latest-grid .eael-grid-post-holder,
#rensai-latest-grid .eael-grid-post-holder-inner,
#rensai-latest-grid .eael-entry-wrapper,
#rensai-latest-grid .eael-entry-header,
#rensai-latest-grid .eael-entry-content {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* PETITE SÉPARATION */
#rensai-latest-grid .eael-grid-post-holder-inner {
    padding: 0 0 22px 0 !important;

    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}


/* IMAGE */
#rensai-latest-grid .eael-entry-media {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

#rensai-latest-grid .eael-entry-thumbnail {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;

    margin: 0 !important;

    overflow: hidden !important;
}

#rensai-latest-grid .eael-entry-thumbnail img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


/* TITRE */
#rensai-latest-grid .eael-entry-title {
    min-height: 43px !important;

    margin: 0 0 9px 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

#rensai-latest-grid .eael-entry-title,
#rensai-latest-grid .eael-entry-title a {
    color: #ffffff !important;

    font-size: 19px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;

    text-transform: none !important;
    text-decoration: none !important;
}

#rensai-latest-grid .eael-entry-title a {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;
}


/* EXTRAIT */
#rensai-latest-grid .eael-entry-content,
#rensai-latest-grid .eael-entry-content p {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: #9f9f9f !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
}

#rensai-latest-grid .eael-entry-content {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;
}


/* MASQUER META + READ MORE */
#rensai-latest-grid .eael-entry-footer,
#rensai-latest-grid .eael-post-elements-readmore-btn {
    display: none !important;
}


/* HOVER */
#rensai-latest-grid .eael-grid-post {
    transition: transform .25s ease !important;
}

#rensai-latest-grid .eael-grid-post:hover {
    transform: translateY(-4px) !important;
}

#rensai-latest-grid .eael-grid-post:hover .eael-entry-title a {
    color: #ff4057 !important;
}


/* TABLETTE */
@media (max-width: 1024px) {

    #rensai-latest-grid .eael-post-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


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

    #rensai-latest-grid .eael-post-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
}

/* =========================================================
   RENSAI — HERO : CATÉGORIE LIÉE AU TITRE
   ========================================================= */

/* Le slide devient le conteneur vertical du texte */
.rensai-slider .slide-post-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;

    padding: 0 150px 28px 30px !important;
}

/* Catégorie : plus de position fixe */
.rensai-slider .slide-post-item > .slide-post-tax--category {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    z-index: 10 !important;

    width: auto !important;
}

/* On verrouille aussi sa typo */
.rensai-slider .slide-post-tax--category,
.rensai-slider .slide-post-tax--category li,
.rensai-slider .slide-post-tax--category a {
    color: #ff4057 !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    text-decoration: none !important;
}

/* Bloc titre/résumé/bouton : lui aussi revient dans le flux */
.rensai-slider .slide-post-item > .slide-item-content {
    position: relative !important;

    inset: auto !important;

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

    margin: 0 !important;
    padding: 0 !important;

    z-index: 5 !important;

    background: transparent !important;
    transform: none !important;
}


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

    .rensai-slider .slide-post-item {
        padding: 0 90px 20px 20px !important;
    }

    .rensai-slider .slide-post-item > .slide-post-tax--category {
        margin-bottom: 7px !important;
    }
}

/* =========================================================
   RENSAI — BANDEAU À LA UNE
   ========================================================= */

.rensai-headline-band {
    display: grid !important;
    grid-template-columns: 180px 1fr 1fr 220px !important;
    align-items: center !important;
    gap: 26px !important;

    width: 100% !important;
    min-height: 96px !important;

    padding: 18px 22px !important;

    background: #0d0d0d !important;

    border: 1px solid rgba(255,255,255,.08) !important;
}


/* TITRE À LA UNE */

.rensai-headline-band h1,
.rensai-headline-band h2,
.rensai-headline-band h3 {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
}


/* PETIT TRAIT ROSE SOUS LE TITRE */

.rensai-headline-band > :first-child {
    position: relative !important;
}

.rensai-headline-band > :first-child::after {
    content: "" !important;

    display: block !important;

    width: 46px !important;
    height: 3px !important;

    margin-top: 12px !important;

    background: #ff4057 !important;
}


/* PETITS TEXTES */

.rensai-headline-band p {
    margin: 0 !important;

    color: #a7a7a7 !important;

    font-size: 11px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;

    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}


/* IMAGE À DROITE */

.rensai-headline-band .elementor-widget-image {
    height: 64px !important;

    overflow: hidden !important;
}

.rensai-headline-band .elementor-widget-image img {
    width: 100% !important;
    height: 64px !important;

    object-fit: cover !important;

    display: block !important;
}


/* PETITE SÉPARATION AVANT LE 2E TEXTE */

.rensai-headline-band > :nth-child(3) {
    position: relative !important;
    padding-left: 24px !important;
}

.rensai-headline-band > :nth-child(3)::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 1px !important;
    height: 42px !important;

    background: rgba(255,255,255,.12) !important;

    transform: translateY(-50%) !important;
}


/* TABLETTE */

@media (max-width: 1024px) {

    .rensai-headline-band {
        grid-template-columns: 160px 1fr 180px !important;
    }

    .rensai-headline-band > :nth-child(2) {
        display: none !important;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .rensai-headline-band {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .rensai-headline-band > :nth-child(3) {
        padding-left: 0 !important;
    }

    .rensai-headline-band > :nth-child(3)::before {
        display: none !important;
    }

    .rensai-headline-band .elementor-widget-image,
    .rensai-headline-band .elementor-widget-image img {
        height: 90px !important;
    }
}

/* RENSAI — FIX IMAGE À DROITE DU BANDEAU */

.rensai-headline-band > :last-child {
    width: 100% !important;
    min-width: 180px !important;
    height: 64px !important;

    justify-self: stretch !important;
    align-self: center !important;

    overflow: hidden !important;
}

.rensai-headline-band > :last-child .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
}

.rensai-headline-band > :last-child img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;
}

/* =========================================================
   RENSAI — AJUSTEMENT FINAL BANDEAU À LA UNE
   ========================================================= */

.rensai-headline-band {
    display: grid !important;

    grid-template-columns:
        180px
        230px
        230px
        260px !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 24px !important;

    min-height: 90px !important;
    padding: 14px 20px !important;
}


/* À LA UNE SUR UNE SEULE LIGNE */

.rensai-headline-band > :first-child {
    width: 180px !important;
    min-width: 180px !important;
}

.rensai-headline-band > :first-child .elementor-heading-title {
    font-size: 28px !important;
    line-height: 1 !important;

    white-space: nowrap !important;

    margin: 0 !important;
}


/* PETITS TEXTES */

.rensai-headline-band > :nth-child(2),
.rensai-headline-band > :nth-child(3) {
    width: 100% !important;
    min-width: 0 !important;
}

.rensai-headline-band p {
    font-size: 10px !important;
    line-height: 1.55 !important;
    letter-spacing: 2px !important;

    margin: 0 !important;
}


/* IMAGE À DROITE */

.rensai-headline-band > :last-child {
    width: 260px !important;
    min-width: 260px !important;

    height: 72px !important;

    overflow: hidden !important;
}

.rensai-headline-band > :last-child .elementor-widget-container {
    width: 100% !important;
    height: 72px !important;
}

.rensai-headline-band > :last-child img {
    width: 100% !important;
    height: 72px !important;

    object-fit: cover !important;
    object-position: center !important;

    display: block !important;
}

/* =========================================================
   RENSAI — AJUSTEMENT FINAL BANDEAU À LA UNE
   ========================================================= */

.rensai-headline-band {
    display: grid !important;

    grid-template-columns:
        180px
        230px
        230px
        260px !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 24px !important;

    min-height: 90px !important;
    padding: 14px 20px !important;
}


/* À LA UNE SUR UNE SEULE LIGNE */

.rensai-headline-band > :first-child {
    width: 180px !important;
    min-width: 180px !important;
}

.rensai-headline-band > :first-child .elementor-heading-title {
    font-size: 28px !important;
    line-height: 1 !important;

    white-space: nowrap !important;

    margin: 0 !important;
}


/* PETITS TEXTES */

.rensai-headline-band > :nth-child(2),
.rensai-headline-band > :nth-child(3) {
    width: 100% !important;
    min-width: 0 !important;
}

.rensai-headline-band p {
    font-size: 10px !important;
    line-height: 1.55 !important;
    letter-spacing: 2px !important;

    margin: 0 !important;
}


/* IMAGE À DROITE */

.rensai-headline-band > :last-child {
    width: 260px !important;
    min-width: 260px !important;

    height: 72px !important;

    overflow: hidden !important;
}

.rensai-headline-band > :last-child .elementor-widget-container {
    width: 100% !important;
    height: 72px !important;
}

.rensai-headline-band > :last-child img {
    width: 100% !important;
    height: 72px !important;

    object-fit: cover !important;
    object-position: center !important;

    display: block !important;
}

/* =========================================================
   RENSAI — CARTES DERNIERS ARTICLES
   STYLE MAGAZINE COMPACT
   ========================================================= */

/* CARTE */
#rensai-latest-grid .eael-grid-post-holder,
.rensai-latest-grid .eael-grid-post-holder {
    background: #111111 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    overflow: hidden !important;
}

/* IMAGE */
#rensai-latest-grid .eael-entry-media,
#rensai-latest-grid .eael-entry-thumbnail,
.rensai-latest-grid .eael-entry-media,
.rensai-latest-grid .eael-entry-thumbnail {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 !important;
}

#rensai-latest-grid .eael-entry-thumbnail img,
.rensai-latest-grid .eael-entry-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* ZONE TEXTE */
#rensai-latest-grid .eael-entry-wrapper,
.rensai-latest-grid .eael-entry-wrapper {
    padding: 14px 15px 16px !important;
    background: #111111 !important;
}

/* CATÉGORIE */
#rensai-latest-grid .post-meta-categories,
.rensai-latest-grid .post-meta-categories {
    display: block !important;
    margin: 0 0 7px 0 !important;
    padding: 0 !important;
}

#rensai-latest-grid .post-meta-categories a,
.rensai-latest-grid .post-meta-categories a {
    color: #ff4057 !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    text-decoration: none !important;
}

/* Une seule catégorie */
#rensai-latest-grid .post-meta-categories li:not(:first-child),
.rensai-latest-grid .post-meta-categories li:not(:first-child) {
    display: none !important;
}

/* Masquer icône catégorie */
#rensai-latest-grid .meta-cat-icon,
.rensai-latest-grid .meta-cat-icon {
    display: none !important;
}

/* TITRE */
#rensai-latest-grid .eael-entry-title,
.rensai-latest-grid .eael-entry-title {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#rensai-latest-grid .eael-entry-title a,
.rensai-latest-grid .eael-entry-title a {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    color: #ffffff !important;

    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    text-decoration: none !important;
}

/* PLUS AUCUN RÉSUMÉ */
#rensai-latest-grid .eael-entry-content,
.rensai-latest-grid .eael-entry-content {
    display: none !important;
}

/* Cacher auteur + date */
#rensai-latest-grid .eael-meta-posted-by,
#rensai-latest-grid .eael-meta-posted-on,
#rensai-latest-grid .eael-entry-footer,
.rensai-latest-grid .eael-meta-posted-by,
.rensai-latest-grid .eael-meta-posted-on,
.rensai-latest-grid .eael-entry-footer {
    display: none !important;
}

/* HOVER */
#rensai-latest-grid .eael-grid-post:hover .eael-entry-title a,
.rensai-latest-grid .eael-grid-post:hover .eael-entry-title a {
    color: #ff4057 !important;
}

/* =========================================================
   RENSAI — DERNIERS ARTICLES : STYLE FINAL
   ========================================================= */

/* CARTE */
.rensai-latest-grid .eael-grid-post-holder,
.rensai-latest-grid .eael-grid-post-holder-inner,
.rensai-latest-grid .eael-entry-wrapper {
    background: #111111 !important;
}

.rensai-latest-grid .eael-grid-post-holder {
    border: 1px solid #292929 !important;
}

/* ZONE TEXTE */
.rensai-latest-grid .eael-entry-wrapper {
    padding: 14px 14px 18px 14px !important;
}

/* IMAGE */
.rensai-latest-grid .eael-entry-media,
.rensai-latest-grid .eael-entry-thumbnail {
    margin: 0 !important;
}

/* =========================================================
   CATÉGORIE ROUGE
   ========================================================= */

.rensai-latest-grid article .eael-entry-header::before {
    display: block !important;
    margin: 0 0 7px 0 !important;

    color: #ff4057 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

.rensai-latest-grid article[class*="category-gaming"] .eael-entry-header::before { content: "GAMING" !important; }
.rensai-latest-grid article[class*="category-actualites"] .eael-entry-header::before { content: "ACTUALITÉS" !important; }
.rensai-latest-grid article[class*="category-cine-series"] .eael-entry-header::before { content: "CINÉ / SÉRIES" !important; }
.rensai-latest-grid article[class*="category-mangas-animes"] .eael-entry-header::before { content: "MANGAS / ANIMES" !important; }
.rensai-latest-grid article[class*="category-tests"] .eael-entry-header::before { content: "TESTS" !important; }
.rensai-latest-grid article[class*="category-pop-culture"] .eael-entry-header::before { content: "POP CULTURE" !important; }
.rensai-latest-grid article[class*="category-tech"] .eael-entry-header::before { content: "TECH" !important; }
.rensai-latest-grid article[class*="category-interviews"] .eael-entry-header::before { content: "INTERVIEWS" !important; }
.rensai-latest-grid article[class*="category-dossiers"] .eael-entry-header::before { content: "DOSSIERS" !important; }

.rensai-latest-grid article[class*="category-critiques"] .eael-entry-header::before {
    content: "CRITIQUES" !important;
}

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

.rensai-latest-grid .eael-entry-title,
.rensai-latest-grid .eael-entry-title a {
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-transform: none !important;
    text-decoration: none !important;
}

.rensai-latest-grid .eael-entry-title a:hover {
    color: #ff4057 !important;
}

/* PAS DE RÉSUMÉ / AUTEUR / MÉTADONNÉES */
.rensai-latest-grid .eael-entry-content,
.rensai-latest-grid .eael-posted-by,
.rensai-latest-grid .eael-meta-posted-on,
.rensai-latest-grid .eael-entry-meta {
    display: none !important;
}

/* =========================================================
   RENSAI — EN-TÊTE DERNIERS ARTICLES
   ========================================================= */

/* Widget titre */
.rensai-latest-title {
    position: relative !important;
    margin: 0 !important;
    padding-bottom: 14px !important;
}

/* Le titre, quelle que soit la balise utilisée par Elementor */
.rensai-latest-title h1,
.rensai-latest-title h2,
.rensai-latest-title h3,
.rensai-latest-title h4,
.rensai-latest-title h5,
.rensai-latest-title h6,
.rensai-latest-title .elementor-heading-title {
    color: #ffffff !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

/* Trait rose */
.rensai-latest-title::after {
    content: "" !important;
    display: block !important;
    width: 40px !important;
    height: 3px !important;
    margin-top: 12px !important;
    background: #ff4057 !important;
}

/* =========================================================
   RENSAI — LIEN TOUS LES ARTICLES
   ========================================================= */

.rensai-all-posts .elementor-button {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    padding: 8px 0 !important;

    color: #ff4057 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

/* Flèche légèrement espacée */
.rensai-all-posts .elementor-button-text {
    color: inherit !important;
}

/* Hover */
.rensai-all-posts .elementor-button:hover {
    background: transparent !important;
    color: #ffffff !important;
}

/* Espace entre DERNIERS ARTICLES et TOUS LES ARTICLES */
.rensai-all-posts {
    margin-left: 700px !important;

}

.rensai-all-posts .elementor-button {
    font-size: 13px !important;
    letter-spacing: .5px !important;
}

/* =========================================================
   RENSAI — MASQUER TITRE + FIL D'ARIANE SUR PAGES ELEMENTOR
   ========================================================= */

/* Fil d'Ariane DarkNews */
body.page.elementor-page .af-breadcrumbs {
    display: none !important;
}

/* Titre automatique de la page DarkNews */
body.page.elementor-page article.page > .entry-header {
    display: none !important;
}

/* Supprime l'espace laissé au-dessus du contenu */
body.page.elementor-page .section-block-upper {
    padding-top: 0 !important;
}

/* =========================================================
   RENSAI — GRILLE PAGES RUBRIQUES
   Actualités / Gaming / Ciné / etc.
   ========================================================= */

.rensai-category-grid .eael-grid-post-holder,
.rensai-category-grid .eael-grid-post-holder-inner,
.rensai-category-grid .eael-entry-wrapper {
    background: #111111 !important;
}

/* Carte */
.rensai-category-grid .eael-grid-post-holder {
    border: 1px solid #292929 !important;
    overflow: hidden !important;
    transition: transform .25s ease, border-color .25s ease !important;
}

/* Image */
.rensai-category-grid .eael-entry-media,
.rensai-category-grid .eael-entry-thumbnail {
    margin: 0 !important;
    overflow: hidden !important;
}

.rensai-category-grid .eael-entry-thumbnail img {
    width: 100% !important;
    height: 230px !important;
    object-fit: cover !important;
    transition: transform .35s ease !important;
}

/* Zone texte */
.rensai-category-grid .eael-entry-wrapper {
    padding: 16px 16px 20px !important;
}

/* Titre */
.rensai-category-grid .eael-entry-title,
.rensai-category-grid .eael-entry-title a {
    color: #ffffff !important;
    font-size: 19px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

/* Hover */
.rensai-category-grid .eael-grid-post-holder:hover {
    transform: translateY(-4px) !important;
    border-color: #ff4057 !important;
}

.rensai-category-grid .eael-grid-post-holder:hover img {
    transform: scale(1.035) !important;
}

.rensai-category-grid .eael-entry-title a:hover {
    color: #ff4057 !important;
}

/* Supprime les éléments inutiles */
.rensai-category-grid .eael-entry-content,
.rensai-category-grid .eael-entry-meta,
.rensai-category-grid .eael-posted-by,
.rensai-category-grid .eael-meta-posted-on {
    display: none !important;
}

/* Responsive */
@media (max-width: 767px) {
    .rensai-category-grid .eael-entry-thumbnail img {
        height: 210px !important;
    }

    .rensai-category-grid .eael-entry-title,
    .rensai-category-grid .eael-entry-title a {
        font-size: 17px !important;
    }
}

/* =========================================================
   RENSAI — PAGE RUBRIQUE : FINITIONS CARTES
   ========================================================= */

/* Supprime définitivement le soulignement des titres */
.rensai-category-grid .eael-entry-title a,
.rensai-category-grid .eael-entry-title a:link,
.rensai-category-grid .eael-entry-title a:visited {
    color: #ffffff !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Catégorie au-dessus du titre */
.rensai-category-grid .eael-entry-header::before {
    content: "ACTUALITÉS";
    display: block !important;

    margin: 0 0 7px 0 !important;

    color: #ff4057 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

/* Titre */
.rensai-category-grid .eael-entry-title {
    margin: 0 !important;
}

.rensai-category-grid .eael-entry-title a {
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}

/* Hover */
.rensai-category-grid .eael-entry-title a:hover {
    color: #ff4057 !important;
    text-decoration: none !important;
}

/* =========================================================
   RENSAI — LARGEUR GRILLE RUBRIQUES
   ========================================================= */

.rensai-category-grid {
    width: 100% !important;
    max-width: none !important;
}

.rensai-category-grid .eael-post-grid-container {
    width: 100% !important;
}

.rensai-category-grid .eael-post-grid {
    width: 100% !important;
}

/* 3 vraies colonnes */
.rensai-category-grid article.eael-grid-post {
    width: 33.333% !important;
}

/* Tablette */
@media (max-width: 1024px) {
    .rensai-category-grid article.eael-grid-post {
        width: 50% !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .rensai-category-grid article.eael-grid-post {
        width: 100% !important;
    }
}

/* =========================================================
   RENSAI — TITRE PAGE ACTUALITÉS
   ========================================================= */

.rensai-actualites-title {
    position: relative !important;
    display: inline-block !important;

    margin: 0 0 35px 0 !important;
    padding: 0 0 14px 0 !important;

    color: #ffffff !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

/* Petit trait rose sous ACTUALITÉS */
.rensai-actualites-title::after {
    content: "" !important;
    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width: 44px !important;
    height: 3px !important;

    background: #ff4057 !important;
}

/* =========================================================
   RENSAI — PAGE GAMING
   ========================================================= */

.rensai-grid-gaming .eael-entry-header::before {
    content: "GAMING" !important;
}

/* =========================================================
   RENSAI — TITRES DES PAGES RUBRIQUES
   ========================================================= */

.rensai-category-title {
    position: relative !important;
    display: inline-block !important;
    width: auto !important;
    margin-bottom: 38px !important;
    padding-bottom: 14px !important;
}

.rensai-category-title .elementor-heading-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

/* Trait rose */
.rensai-category-title::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 44px !important;
    height: 3px !important;
    background: #ff4057 !important;
}

/* RENSAI — PAGE TESTS */
.rensai-grid-tests .eael-entry-header::before {
    content: "TESTS" !important;
}

/* RENSAI — PAGE CINÉ / SÉRIES */
.rensai-grid-cine-series .eael-entry-header::before {
    content: "CINÉ / SÉRIES" !important;
}

/* RENSAI — PAGE CRITIQUES */
.rensai-grid-critiques .eael-entry-header::before {
    content: "CRITIQUES" !important;
}

/* RENSAI — PAGE MANGAS / ANIMES */
.rensai-grid-mangas-animes .eael-entry-header::before {
    content: "MANGAS / ANIMES" !important;
}

/* RENSAI — PAGE POP CULTURE */
.rensai-grid-pop-culture .eael-entry-header::before {
    content: "POP CULTURE" !important;
}

/* RENSAI — PAGE TECH */
.rensai-grid-tech .eael-entry-header::before {
    content: "TECH" !important;
}

/* RENSAI — PAGE INTERVIEWS */
.rensai-grid-interviews .eael-entry-header::before {
    content: "INTERVIEWS" !important;
}

/* RENSAI — PAGE DOSSIERS */
.rensai-grid-dossiers .eael-entry-header::before {
    content: "DOSSIERS" !important;
}

/* =========================================================
   RENSAI — PAGE ÉQUIPE / CARTES DÉFINITIVES
   ========================================================= */

/* Grille des membres */
.rensai-team-grid {
    display: flex !important;
    align-items: stretch !important;
    gap: 22px !important;
}

/* Carte membre */
.rensai-team-card {
    background: #111111 !important;
    border: 1px solid #292929 !important;
    overflow: hidden !important;
    padding: 0 18px 22px 18px !important;
    transition:
        transform .25s ease,
        border-color .25s ease !important;
}

/* PHOTO */
.rensai-team-card .elementor-widget-image {
    margin-left: -18px !important;
    margin-right: -18px !important;
    width: calc(100% + 36px) !important;
}

.rensai-team-card .elementor-widget-image img {
    display: block !important;
    width: 100% !important;
    height: 320px !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform .35s ease !important;
}

/* NOM */
.rensai-team-card .elementor-heading-title {
    margin: 15px 0 5px 0 !important;
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

/* FONCTION */
.rensai-team-role,
.rensai-team-role p,
.rensai-team-role * {
    margin: 0 !important;
    color: #ff4057 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

/* BIO */
.rensai-team-card .elementor-widget-text-editor:not(.rensai-team-role),
.rensai-team-card .elementor-widget-text-editor:not(.rensai-team-role) p {
    color: #d0d0d0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* HOVER */
.rensai-team-card:hover {
    transform: translateY(-5px) !important;
    border-color: #ff4057 !important;
}

.rensai-team-card:hover .elementor-widget-image img {
    transform: scale(1.025) !important;
}

/* TABLETTE */
@media (max-width: 1024px) {
    .rensai-team-grid {
        flex-wrap: wrap !important;
    }

    .rensai-team-card {
        width: calc(50% - 11px) !important;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .rensai-team-grid {
        display: block !important;
    }

    .rensai-team-card {
        width: 100% !important;
        margin-bottom: 22px !important;
    }

    .rensai-team-card .elementor-widget-image img {
        height: 360px !important;
    }
}

/* =========================================================
   RENSAI — ÉQUIPE : 3 CARTES SUR LA MÊME LIGNE
   ========================================================= */

.rensai-team-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 22px !important;
    width: 100% !important;
}

.rensai-team-grid > .rensai-team-card {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* Tablette */
@media (max-width: 1024px) {
    .rensai-team-grid {
        flex-wrap: wrap !important;
    }

    .rensai-team-grid > .rensai-team-card {
        flex: 0 0 calc(50% - 11px) !important;
        width: calc(50% - 11px) !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .rensai-team-grid {
        display: block !important;
    }

    .rensai-team-grid > .rensai-team-card {
        width: 100% !important;
        margin-bottom: 22px !important;
    }
}

/* =========================================================
   RENSAI — ARTICLES : NETTOYAGE
   ========================================================= */

/* Fil d'Ariane en haut */
.single-post .af-breadcrumbs {
    display: none !important;
}

/* Navigation article précédent / suivant */
.single-post .nav-links,
.single-post .post-navigation {
    display: none !important;
}

/* Commentaires */
.single-post #comments,
.single-post .comments-area {
    display: none !important;
}

/* =========================================================
   RENSAI — ARTICLES : NETTOYAGE WORDPRESS / JETPACK
   ========================================================= */

/* Bouton J'aime WordPress */
.single-post .sharedaddy.sd-like,
.single-post .sd-like,
.single-post .wpl-likebox {
    display: none !important;
}

/* Articles similaires WordPress / Jetpack */
.single-post #jp-relatedposts,
.single-post .jp-relatedposts,
.single-post .jp-relatedposts-posts {
    display: none !important;
}

/* Lien "Personnaliser les boutons" */
.single-post .sd-content + .sd-link,
.single-post .sharing-hidden {
    display: none !important;
}

/* Tags des articles */
.single-post .tags-links,
.single-post .post-tags,
.single-post .entry-tags,
.single-post .aft-post-tags {
    display: none !important;
}

/* =========================================================
   RENSAI — CORRECTIFS MOBILE
   À COLLER TOUT EN BAS du CSS additionnel
   (doit venir après tout le reste pour l'emporter)
   ========================================================= */


/* ---------------------------------------------------------
   1. BANDEAU « À LA UNE »
   Les blocs "AJUSTEMENT FINAL" (colonnes 180/230/230/260px)
   écrasaient la version mobile : on les neutralise ici.
   --------------------------------------------------------- */
@media (max-width: 767px) {

    .rensai-headline-band {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 14px !important;

        min-height: 0 !important;
        padding: 18px 16px !important;
    }

    .rensai-headline-band > :first-child,
    .rensai-headline-band > :nth-child(2),
    .rensai-headline-band > :nth-child(3),
    .rensai-headline-band > :last-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .rensai-headline-band > :nth-child(3) {
        padding-left: 0 !important;
    }

    .rensai-headline-band > :nth-child(3)::before {
        display: none !important;
    }

    .rensai-headline-band > :last-child,
    .rensai-headline-band > :last-child .elementor-widget-container,
    .rensai-headline-band > :last-child img {
        height: 90px !important;
    }
}


/* ---------------------------------------------------------
   2. EN-TÊTE « DERNIERS ARTICLES » + LIEN
   margin-left: 700px était pensé pour le desktop.
   --------------------------------------------------------- */
@media (max-width: 767px) {

    .rensai-all-posts {
        margin-left: 0 !important;
        margin-top: 6px !important;
    }

    .rensai-latest-title {
        margin-bottom: 0 !important;
    }
}


/* ---------------------------------------------------------
   3. GRILLE « DERNIERS ARTICLES » : carte pleine largeur
   --------------------------------------------------------- */
@media (max-width: 767px) {

    .rensai-latest-grid,
    #rensai-latest-grid,
    .rensai-latest-grid .elementor-widget-container,
    .rensai-latest-grid .eael-post-grid-container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .rensai-latest-grid .eael-post-grid,
    #rensai-latest-grid .eael-post-grid {
        width: 100% !important;
        margin: 0 !important;
    }

    .rensai-latest-grid .eael-grid-post,
    #rensai-latest-grid .eael-grid-post {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    /* pas d'effet "soulevé" au toucher */
    .rensai-latest-grid .eael-grid-post:hover,
    #rensai-latest-grid .eael-grid-post:hover {
        transform: none !important;
    }
}


/* ---------------------------------------------------------
   4. COLONNE DROITE DU HERO (3 articles)
   Sur mobile : on annule hauteurs fixes et décalages
   translateY, sinon les cartes se chevauchent.
   --------------------------------------------------------- */
@media (max-width: 767px) {

    #rensai-side-widget {
        height: auto !important;
        transform: none !important;
    }

    #rensai-side-widget .eael-post-grid-container,
    #rensai-side-widget .eael-post-grid {
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 22px !important;
    }

    #rensai-side-widget .eael-grid-post {
        height: auto !important;
    }

    .rensai-side article.eael-grid-post:nth-of-type(n),
    .rensai-side article.eael-grid-post:nth-of-type(n) .eael-entry-media,
    .rensai-side article.eael-grid-post:nth-of-type(n) .eael-entry-wrapper {
        transform: none !important;
    }

    #rensai-side-widget .eael-grid-post-holder-inner {
        height: auto !important;
        grid-template-columns: 105px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        align-items: start !important;
    }

    #rensai-side-widget .eael-grid-post:not(:first-child) .eael-entry-media {
        margin-top: 0 !important;
    }

    #rensai-side-widget .eael-entry-media,
    #rensai-side-widget .eael-entry-thumbnail,
    #rensai-side-widget .eael-entry-thumbnail img {
        width: 105px !important;
        height: 105px !important;
    }
}


/* ---------------------------------------------------------
   5. BOUTON « RETOUR EN HAUT »
   (vérifiez l'ID avec l'inspecteur : souvent #scroll-up)
   --------------------------------------------------------- */
@media (max-width: 767px) {

    #scroll-up,
    .aft-scroll-up {
        width: 38px !important;
        height: 38px !important;
        right: 12px !important;
        bottom: 12px !important;
        opacity: .85 !important;
    }
}


/* ---------------------------------------------------------
   6. MENU MOBILE
   Les règles "NAVIGATION FINALE" (inline-block, padding 14px)
   sont faites pour le desktop et cassent le menu déroulant.
   --------------------------------------------------------- */
@media (max-width: 991px) {

    .main-navigation .menu > li {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
    }

    .main-navigation .menu > li > a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;

        padding: 0 56px 0 16px !important;
        line-height: 52px !important;

        border-bottom: 0 !important;
    }

    /* Actif : texte rose au lieu du trait sous le mot */
    .main-navigation .menu > li.current-menu-item > a {
        color: #ff4057 !important;
    }

    .main-navigation .menu > li.current-menu-item > a::after,
    .main-navigation .menu > li:not(.current-menu-item) > a:hover::after {
        display: none !important;
        content: none !important;
    }

    /* Bouton "+" des sous-menus : à droite, centré, sans toucher le texte */
    .main-navigation .menu > li > [class*="toggle"],
    .main-navigation .menu > li > [class*="dropdown"] {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 767px) {
  .e-con:has(.rensai-slider):has(.rensai-side) { flex-direction: column !important; }
  .elementor-section:has(.rensai-slider):has(.rensai-side) .elementor-container { flex-wrap: wrap !important; }
  .elementor-section:has(.rensai-slider):has(.rensai-side) .elementor-column { width: 100% !important; }
  .rensai-slider, .rensai-side, #rensai-side-widget { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  html, body { overflow-x: hidden; }
}

/* =========================================================
   RENSAI — SLIDER MOBILE : MISE EN PAGE DU TEXTE
   À coller tout en bas, APRÈS le bloc de correctifs mobile
   ========================================================= */

@media (max-width: 767px) {

    /* Le texte occupe toute la largeur ; les numéros 01 02 03 04
       passent en bas, sous le bouton, au lieu de réserver 90px à droite */
    .rensai-slider .slide-post-item {
        padding: 0 20px 54px 20px !important;
    }

    /* Dégradé plus fort en bas pour lire le texte sur l'image */
    .rensai-slider .slide-post-item::after {
        background: linear-gradient(
            0deg,
            rgba(0,0,0,.97) 0%,
            rgba(0,0,0,.86) 42%,
            rgba(0,0,0,.35) 72%,
            rgba(0,0,0,.05) 100%
        ) !important;
    }

    .rensai-slider .slide-post-item > .slide-item-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Catégorie */
    .rensai-slider .slide-post-tax--category,
    .rensai-slider .slide-post-tax--category li,
    .rensai-slider .slide-post-tax--category a {
        font-size: 11px !important;
    }

    .rensai-slider .slide-post-item > .slide-post-tax--category {
        margin-bottom: 8px !important;
    }

    /* Titre : plus petit, 4 lignes maximum */
    .rensai-slider .slide-item-content h1,
    .rensai-slider .slide-item-content h2,
    .rensai-slider .slide-item-content h3,
    .rensai-slider .slide-item-content h4 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 14px 0 !important;

        font-size: 21px !important;
        line-height: 1.12 !important;

        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;
        overflow: hidden !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    /* Bouton sur une seule ligne */
    .rensai-slider .slide-item-content > a,
    .rensai-slider .slide-item-content > a:last-child,
    .rensai-slider .slide-item-content > *:last-child a {
        white-space: nowrap !important;
        margin-top: 0 !important;
        padding: 10px 14px !important;
        font-size: 11px !important;
        letter-spacing: .6px !important;
    }

    /* Numéros de pagination en bas à gauche, alignés avec le texte */
    .rensai-slider .slick-dots {
        left: 20px !important;
        right: auto !important;
        bottom: 16px !important;
        justify-content: flex-start !important;
    }
}

/* =========================================================
   RENSAI — SLIDER MOBILE : TEXTE PLACÉ EN BAS DE L'IMAGE
   À coller tout en bas, APRÈS rensai-mobile-slider.css
   ========================================================= */

@media (max-width: 767px) {

    /* On n'ancre plus le texte "par le bas" (flex-end) :
       on le place à une hauteur fixe depuis le haut du slide.
       Le padding est inclus dans les 430px (border-box). */
    .rensai-slider .slide-post-item {
        box-sizing: border-box !important;

        display: block !important;

        height: 430px !important;
        min-height: 430px !important;

        padding: 205px 20px 0 20px !important;
    }

    /* Catégorie juste au-dessus du titre */
    .rensai-slider .slide-post-item > .slide-post-tax--category {
        display: block !important;
        margin: 0 0 8px 0 !important;
    }

    /* Bloc titre + bouton : hauteur bornée */
    .rensai-slider .slide-post-item > .slide-item-content {
        max-height: 190px !important;
        overflow: hidden !important;
    }

    /* Extrait masqué dans Elementor : on s'assure qu'il ne prend
       aucune place */
    .rensai-slider .slide-item-content p {
        display: none !important;
    }
}

/* =========================================================
   RENSAI — HERO MOBILE : PLUS LARGE ET PLUS HAUT
   À coller tout en bas, APRÈS rensai-mobile-slider-fix2.css
   ========================================================= */

@media (max-width: 767px) {

    /* 1. Les conteneurs Elementor autour du slider n'ont plus
          de marges internes (c'est ce qui rétrécissait le hero) */
    .e-con:has(.rensai-slider),
    .e-con:has(.rensai-slider) > .e-con-inner {
        padding: 0 !important;

        --padding-top: 0px;
        --padding-right: 0px;
        --padding-bottom: 0px;
        --padding-left: 0px;
    }

    /* 2. Le hero reprend la largeur de l'écran, avec 12px de marge */
    .rensai-slider {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 14px 12px 0 12px !important;
    }

    /* 3. La liste des 3 articles garde la même marge latérale */
    .rensai-side,
    #rensai-side-widget {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 22px 12px 0 12px !important;
    }

    /* 4. Slide plus haut : 430px -> 470px */
    .rensai-slider .slick-slide > div,
    .rensai-slider .slide-post-item {
        height: 470px !important;
        min-height: 470px !important;
    }

    /* Le texte reste calé en bas (205px + 40px de hauteur en plus) */
    .rensai-slider .slide-post-item {
        padding-top: 245px !important;
    }

    /* Titre un peu plus grand maintenant qu'il y a la place */
    .rensai-slider .slide-item-content h1,
    .rensai-slider .slide-item-content h2,
    .rensai-slider .slide-item-content h3,
    .rensai-slider .slide-item-content h4 {
        font-size: 22px !important;
    }
}

/* =========================================================
   RENSAI — HERO MOBILE : LARGEUR QUASI PLEIN ÉCRAN
   À coller tout en bas, APRÈS rensai-mobile-hero-large.css
   (il remplace les points 2 et 3 de ce fichier)
   ========================================================= */

@media (max-width: 767px) {

    /* Le hero sort des marges du thème et prend la largeur de
       l'écran moins 12px de chaque côté */
    .rensai-slider {
        width: calc(100vw - 24px) !important;
        max-width: none !important;

        margin-left: calc(50% - 50vw + 12px) !important;
        margin-right: 0 !important;
    }

    /* Même chose pour la liste des 3 articles sous le hero */
    .rensai-side,
    #rensai-side-widget {
        width: calc(100vw - 24px) !important;
        max-width: none !important;

        margin-left: calc(50% - 50vw + 12px) !important;
        margin-right: 0 !important;
    }

    /* Évite une barre de défilement horizontale due au calcul en vw */
    html,
    body {
        overflow-x: clip !important;
    }
}

/* =========================================================
   RENSAI — MOBILE : SECTION « DERNIERS ARTICLES »
   À coller tout en bas, APRÈS rensai-mobile-fullwidth.css
   ========================================================= */

@media (max-width: 767px) {

    /* ---------------------------------------------------------
       1. EN-TÊTE : titre à gauche, lien à droite sur une ligne,
          aligné avec le hero (12px de marge)
       --------------------------------------------------------- */
    .e-con:has(> .rensai-latest-title),
    .e-con:has(> .e-con-inner > .rensai-latest-title) {
        width: calc(100vw - 24px) !important;
        max-width: none !important;

        margin-left: calc(50% - 50vw + 12px) !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
        --padding-left: 0px;
        --padding-right: 0px;
    }

    .e-con:has(> .rensai-latest-title),
    .e-con-inner:has(> .rensai-latest-title) {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    .rensai-latest-title {
        width: auto !important;
        flex: 1 1 auto !important;
        margin: 0 !important;
    }

    .rensai-latest-title .elementor-widget-container,
    .rensai-all-posts .elementor-widget-container {
        padding: 0 !important;
    }

    .rensai-all-posts {
        width: auto !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .rensai-all-posts .elementor-button-wrapper {
        text-align: right !important;
    }

    .rensai-all-posts .elementor-button {
        padding: 8px 0 !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }


    /* ---------------------------------------------------------
       2. GRILLE : largeur de l'écran - 12px de chaque côté,
          une colonne qui ne peut plus déborder
       --------------------------------------------------------- */
    :is(#rensai-latest-grid, .rensai-latest-grid) {
        width: calc(100vw - 24px) !important;
        max-width: none !important;

        margin-left: calc(50% - 50vw + 12px) !important;
        margin-right: 0 !important;
    }

    :is(#rensai-latest-grid, .rensai-latest-grid) .elementor-widget-container,
    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-post-grid-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-post-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;

        width: 100% !important;
        margin: 0 !important;
    }

    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-grid-post,
    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-grid-post-holder {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }


    /* ---------------------------------------------------------
       3. CARTE : plus de vide sous le titre
          (restes de padding-bottom: 22px + trait du bloc "version
          qui marchait")
       --------------------------------------------------------- */
    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-grid-post-holder-inner {
        padding: 0 !important;
        border-bottom: 0 !important;
    }

    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-entry-media,
    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-entry-thumbnail {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        margin: 0 !important;
    }

    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-entry-thumbnail img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-entry-wrapper {
        padding: 14px 14px 16px 14px !important;
    }

    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-entry-title {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* pas d'effet "soulevé" au toucher */
    :is(#rensai-latest-grid, .rensai-latest-grid) .eael-grid-post:hover {
        transform: none !important;
    }
}

/* =========================================================
   RENSAI — FOOTER RÉSEAUX
   ========================================================= */

/* Zone des widgets du footer */
.site-footer .footer-widget-area {
    background: #1b1b1b !important;
}

/* Bloc des icônes sociales */
.site-footer .wp-block-social-links {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;

    margin: 0 !important;
    padding: 22px 20px !important;
}

/* Icônes */
.site-footer .wp-social-link {
    margin: 0 !important;
}

/* Taille des boutons */
.site-footer .wp-social-link a {
    width: 38px !important;
    height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Petit effet au survol */
.site-footer .wp-social-link {
    transition: transform .2s ease !important;
}

.site-footer .wp-social-link:hover {
    transform: translateY(-3px) !important;
}

/* =========================================================
   RENSAI — COPYRIGHT FOOTER
   ========================================================= */

.site-footer .site-info .col-1.color-pad {
    font-size: 0 !important;
    text-align: center !important;
}

.site-footer .site-info .col-1.color-pad a {
    display: none !important;
}

.site-footer .site-info .col-1.color-pad::after {
    content: "© 2026 Rensai — Des univers. Une même passion.";
    display: block !important;

    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* =========================================================
   RENSAI — FOOTER FINAL
   ========================================================= */

/* Les colonnes du footer passent l'une sous l'autre */
.site-footer .primary-footer .af-container-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Chaque zone prend toute la largeur */
.site-footer .primary-footer [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    text-align: center !important;
}

/* Menu légal */
.site-footer .widget_nav_menu {
    text-align: center !important;
    margin: 0 !important;
    padding: 12px 20px 4px !important;
}

.site-footer .widget_nav_menu ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site-footer .widget_nav_menu li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Liens légaux */
.site-footer .widget_nav_menu a {
    color: #bdbdbd !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color .2s ease !important;
}

.site-footer .widget_nav_menu a:hover {
    color: #ff334f !important;
}

/* Réseaux */
.site-footer .wp-block-social-links {
    justify-content: center !important;
    padding: 14px 20px !important;
}

/* Footer plus compact */
.site-footer .primary-footer {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* Copyright */
.site-footer .site-info {
    padding: 10px 20px !important;
}

/* MOBILE */
@media (max-width: 767px) {
    .site-footer .widget_nav_menu ul {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .site-footer .wp-block-social-links {
        padding: 12px 15px !important;
    }
}

/* RENSAI — ORDRE FOOTER FINAL */

.site-footer .primary-footer .af-container-row {
    display: flex !important;
    flex-direction: column !important;
}

/* Réseaux en premier */
.site-footer .primary-footer .footer-widget-area:nth-child(3) {
    order: 1 !important;
}

/* Liens légaux en dessous */
.site-footer .primary-footer .footer-widget-area:nth-child(2) {
    order: 2 !important;
}