.elementor-174 .elementor-element.elementor-element-6ecdce6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-174 .elementor-element.elementor-element-6ecdce6:not(.elementor-motion-effects-element-type-background), .elementor-174 .elementor-element.elementor-element-6ecdce6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF7F0;}.elementor-174 .elementor-element.elementor-element-6f36824 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-174 .elementor-element.elementor-element-b7e5523{text-align:center;font-size:59px;}.elementor-174 .elementor-element.elementor-element-11f0ce0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-174 .elementor-element.elementor-element-11f0ce0.e-con{--align-self:center;}.elementor-174 .elementor-element.elementor-element-5401fb6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-174 .elementor-element.elementor-element-5401fb6.e-con{--align-self:center;}.elementor-174 .elementor-element.elementor-element-22bf0b6 .elementor-button{background-color:#02010100;font-size:12px;fill:var( --e-global-color-93be5e5 );color:var( --e-global-color-93be5e5 );border-style:solid;border-width:1px 1px 1px 1px;padding:10px 40px 10px 40px;}.elementor-174 .elementor-element.elementor-element-22bf0b6{width:100%;max-width:100%;}.elementor-174 .elementor-element.elementor-element-22bf0b6.elementor-element{--align-self:center;}.elementor-174 .elementor-element.elementor-element-8585827{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-174 .elementor-element.elementor-element-8585827.e-con{--align-self:center;}.elementor-174 .elementor-element.elementor-element-a8c8a97 .elementor-button{background-color:#02010100;font-size:12px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;padding:10px 40px 10px 40px;}.elementor-174 .elementor-element.elementor-element-a8c8a97{width:100%;max-width:100%;}.elementor-174 .elementor-element.elementor-element-a8c8a97.elementor-element{--align-self:center;}.elementor-174 .elementor-element.elementor-element-2a084d0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-174 .elementor-element.elementor-element-2a084d0.e-con{--align-self:center;}.elementor-174 .elementor-element.elementor-element-40962fa .elementor-button{background-color:#02010100;font-size:12px;fill:var( --e-global-color-dd34b19 );color:var( --e-global-color-dd34b19 );border-style:solid;border-width:1px 1px 1px 1px;padding:10px 40px 10px 40px;}.elementor-174 .elementor-element.elementor-element-40962fa{width:100%;max-width:100%;}.elementor-174 .elementor-element.elementor-element-40962fa.elementor-element{--align-self:center;}.elementor-174 .elementor-element.elementor-element-8ee7e4a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-174 .elementor-element.elementor-element-553efaa .elementor-button{background-color:#02010100;font-size:12px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;padding:10px 40px 10px 40px;}.elementor-174 .elementor-element.elementor-element-553efaa{width:100%;max-width:100%;}.elementor-174 .elementor-element.elementor-element-553efaa.elementor-element{--align-self:center;}.elementor-174 .elementor-element.elementor-element-cbf4089{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-174 .elementor-element.elementor-element-18252f8 .post-items > .post-item{flex:0 0 33.3333333333%;max-width:33.3333333333%;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-blog-block-post, .elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-post-image-card, .elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-post-card{background-color:#FBF7F0;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-btn{background-color:var( --e-global-color-text );}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-post-image-card{display:block;}.elementor-174 .elementor-element.elementor-element-18252f8 .btn-wraper{text-align:left;}.elementor-174 .elementor-element.elementor-element-18252f8 .post-meta-list{text-align:left;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-meta-categories{top:28px;left:29px;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-meta-categories .elementskit-meta-wraper span a{color:#FFFFFF;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-meta-categories .elementskit-meta-wraper span{background-color:#9B59B600;padding:5px 5px 5px 5px;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-post-body .entry-title a{color:var( --e-global-color-text );}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-entry-header .entry-title a{color:var( --e-global-color-text );}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-post-body .entry-title{text-align:left;margin:24px 0px 0px 0px;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-entry-header .entry-title{text-align:left;margin:24px 0px 0px 0px;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-post-footer > p{color:var( --e-global-color-text );}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-post-body > p{color:var( --e-global-color-text );text-align:left;margin:45px 0px 30px 0px;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-post-footer > p, .elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-post-body > p{font-size:14px;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-post-footer{text-align:left;margin:45px 0px 30px 0px;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-blog-block-post .elementskit-post-footer > p{margin:45px 0px 30px 0px;}.elementor-174 .elementor-element.elementor-element-18252f8 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-174 .elementor-element.elementor-element-11f0ce0{--width:41%;}.elementor-174 .elementor-element.elementor-element-5401fb6{--width:25%;}.elementor-174 .elementor-element.elementor-element-8585827{--width:25%;}.elementor-174 .elementor-element.elementor-element-2a084d0{--width:25%;}.elementor-174 .elementor-element.elementor-element-8ee7e4a{--width:25%;}}@media(max-width:1024px){.elementor-174 .elementor-element.elementor-element-18252f8 .post-items > .post-item{flex:0 0 50%;max-width:50%;}.elementor-174 .elementor-element.elementor-element-18252f8 .ekit-blog-post-masonry-inactive .elementskit-blog-block-post, .elementor-174 .elementor-element.elementor-element-18252f8 .ekit-blog-post-masonry-inactive .elementskit-post-image-card, .elementor-174 .elementor-element.elementor-element-18252f8 .ekit-blog-post-masonry-inactive .elementskit-post-card{margin:0px 0px 30px 0px;}}@media(max-width:767px){.elementor-174 .elementor-element.elementor-element-18252f8 .post-items > .post-item{flex:0 0 100%;max-width:100%;}.elementor-174 .elementor-element.elementor-element-18252f8 .ekit-blog-post-masonry-inactive .elementskit-blog-block-post, .elementor-174 .elementor-element.elementor-element-18252f8 .ekit-blog-post-masonry-inactive .elementskit-post-image-card, .elementor-174 .elementor-element.elementor-element-18252f8 .ekit-blog-post-masonry-inactive .elementskit-post-card{margin:0px 0px 30px 0px;}}/* Start custom CSS *//* ============================================================
   ElementsKit Blog Posts — alignement des cartes
   ============================================================ */

/* Forcer chaque colonne Bootstrap à être un conteneur flex
   (pour que la carte enfant puisse occuper toute la hauteur) */
.post-items .col-lg-4,
.post-items .col-md-6,
.post-items [class*="col-"] {
    display: flex !important;
}

/* La carte elle-même : flex column, hauteur 100% */
.elementskit-post-image-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
}

/* Le body (titre + extrait) prend l'espace disponible
   → pousse le footer (bouton Lire plus) en bas */
.elementskit-post-image-card .elementskit-post-body {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* Le footer (bouton Lire plus) se colle en bas de la carte */
.elementskit-post-image-card .elementskit-post-footer {
    margin-top: auto !important;
}

/* ============================================================
   Style des cartes : fond blanc, arrondi, ombre douce
   ============================================================ */

.elementskit-post-image-card {
    background-color: #FFFFFF !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(201, 123, 92, 0.08) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.elementskit-post-image-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 30px rgba(201, 123, 92, 0.15) !important;
}

/* Padding interne sur le body (l'image reste collée en haut) */
.elementskit-post-image-card .elementskit-post-body {
    padding: 24px !important;
}

/* ============================================================
   Étiquettes de catégorie : violet → palette terracotta
   ============================================================ */

/* Toutes les variantes possibles de l'étiquette de catégorie */
.elementskit-post-image-card .elementskit-entry-header .entry-meta-categories,
.elementskit-post-image-card .entry-meta-categories,
.elementskit-post-image-card .elementskit-post-category,
.elementskit-post-image-card .elementskit-post-category a,
.elementskit-post-image-card .elementskit-entry-meta-category,
.elementskit-post-image-card .elementskit-entry-meta-category a,
.elementskit-post-image-card .post-categories,
.elementskit-post-image-card .post-categories a {
    background-color: #E8B59B !important;
    color: #2D2A26 !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    font-style: normal !important;
}

.elementskit-post-image-card .entry-meta-categories a:hover,
.elementskit-post-image-card .post-categories a:hover {
    background-color: #C97B5C !important;
    color: #FFFFFF !important;
}

/* ============================================================
   Bouton "Lire plus" : noir → terracotta
   ============================================================ */

.elementskit-post-image-card .elementskit-btn,
.elementskit-post-image-card .ekit-btn,
.elementskit-post-footer .elementskit-btn,
.elementskit-post-footer a {
    background-color: #C97B5C !important;
    color: #FFFFFF !important;
    padding: 10px 24px !important;
    border-radius: 50px !important;
    font-family: 'Lora', serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
}

.elementskit-post-image-card .elementskit-btn:hover,
.elementskit-post-footer .elementskit-btn:hover,
.elementskit-post-footer a:hover {
    background-color: #8A9B7E !important;
    color: #FFFFFF !important;
}

/* ============================================================
   Titre des cartes : harmoniser avec le site
   ============================================================ */

.elementskit-post-image-card .entry-title,
.elementskit-post-image-card .entry-title a {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700 !important;
    color: #2D2A26 !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
}

.elementskit-post-image-card .entry-title a:hover {
    color: #C97B5C !important;
}

/* ============================================================
   CORRECTIFS : alignement des boutons + espacement des cartes
   ============================================================ */

/* Espacement entre les cartes (vertical et horizontal) */
.post-items.row {
    row-gap: 40px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.post-items [class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 0 !important; /* on utilise row-gap à la place */
}

/* ============================================================
   Forcer TOUS les enfants de la carte à être en colonne flex
   pour que le footer puisse réellement se coller en bas
   ============================================================ */

.elementskit-post-image-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Le body devient un conteneur flex qui pousse vers le bas */
.elementskit-post-image-card .elementskit-post-body {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Si le footer est DANS le body : margin-top auto le pousse en bas */
.elementskit-post-image-card .elementskit-post-body .elementskit-post-footer {
    margin-top: auto !important;
    padding-top: 20px !important;
}

/* Si le footer est en DEHORS du body (frère de body, dans la carte) :
   on le pousse aussi en bas grâce au flex de la carte */
.elementskit-post-image-card > .elementskit-post-footer {
    margin-top: auto !important;
    padding: 0 24px 24px 24px !important;
}

/* Si le bouton est en fait un <a> direct dans le body (sans wrapper footer) :
   on le pousse en bas */
.elementskit-post-image-card .elementskit-post-body > a:last-child,
.elementskit-post-image-card .elementskit-post-body > .elementskit-btn:last-child {
    margin-top: auto !important;
    align-self: flex-start !important;
}

/* ============================================================
   ÉTIQUETTES DE CATÉGORIE — dégradés par catégorie
   
   Structure ElementsKit :
   .elementskit-meta-categories               ← wrapper avec fond
     > span.elementskit-meta-wraper
        > span
           > a[href*="/category/SLUG/"]       ← lien réel
   
   On cible le WRAPPER (qui porte le fond violet d'origine)
   en utilisant :has() pour détecter le href de l'enfant.
   ============================================================ */

/* Reset commun : style de base appliqué à tous les wrappers */
.elementskit-meta-categories .elementskit-meta-wraper {
    padding: 6px 14px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    transition: filter 0.3s ease !important;
}

/* Le texte du lien à l'intérieur */
.elementskit-meta-categories .elementskit-meta-wraper a {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    font-style: normal !important;
    background: transparent !important;
}

/* === 1. Témoignages — lavande → bleu poudré === */
.elementskit-meta-categories .elementskit-meta-wraper:has(a[href*="/category/temoignages"]) {
    background: linear-gradient(135deg, #C9B8D4 0%, #A8C5D4 100%) !important;
}
.elementskit-meta-categories .elementskit-meta-wraper:has(a[href*="/category/temoignages"]) a {
    color: #2D2A26 !important;
}

/* === 2. Tes super-pouvoirs — sauge clair → sauge === */
.elementskit-meta-categories .elementskit-meta-wraper:has(a[href*="/category/tes-super-pouvoirs"]) {
    background: linear-gradient(135deg, #C8D2BD 0%, #8A9B7E 100%) !important;
}
.elementskit-meta-categories .elementskit-meta-wraper:has(a[href*="/category/tes-super-pouvoirs"]) a {
    color: #2D2A26 !important;
}

/* === 3. Tes défis quotidiens — ocre → terracotta === */
.elementskit-meta-categories .elementskit-meta-wraper:has(a[href*="/category/tes-defis-quotidiens"]) {
    background: linear-gradient(135deg, #E8B59B 0%, #C97B5C 100%) !important;
}
.elementskit-meta-categories .elementskit-meta-wraper:has(a[href*="/category/tes-defis-quotidiens"]) a {
    color: #FFFFFF !important;
}

/* === 4. Ce qu'on dit souvent de toi — rose poudré → terracotta clair === */
.elementskit-meta-categories .elementskit-meta-wraper:has(a[href*="/category/ce-quon-dit-souvent-de-toi"]) {
    background: linear-gradient(135deg, #D49B9B 0%, #E8B59B 100%) !important;
}
.elementskit-meta-categories .elementskit-meta-wraper:has(a[href*="/category/ce-quon-dit-souvent-de-toi"]) a {
    color: #2D2A26 !important;
}

/* === 5. Faire écrire ton histoire — jaune crème → beige === */
.elementskit-meta-categories .elementskit-meta-wraper:has(a[href*="/category/faire-ecrire-ton-histoire"]) {
    background: linear-gradient(135deg, #E8D49B 0%, #F0E8DC 100%) !important;
}
.elementskit-meta-categories .elementskit-meta-wraper:has(a[href*="/category/faire-ecrire-ton-histoire"]) a {
    color: #2D2A26 !important;
}

/* Effet hover sur l'étiquette */
.elementskit-meta-categories .elementskit-meta-wraper:hover {
    filter: brightness(0.92) !important;
}/* End custom CSS */