.elementor-6026 .elementor-element.elementor-element-0757b22{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--overlay-opacity:0.65;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-6026 .elementor-element.elementor-element-0757b22::before, .elementor-6026 .elementor-element.elementor-element-0757b22 > .elementor-background-video-container::before, .elementor-6026 .elementor-element.elementor-element-0757b22 > .e-con-inner > .elementor-background-video-container::before, .elementor-6026 .elementor-element.elementor-element-0757b22 > .elementor-background-slideshow::before, .elementor-6026 .elementor-element.elementor-element-0757b22 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6026 .elementor-element.elementor-element-0757b22 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-6026 .elementor-element.elementor-element-0757b22.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6026 .elementor-element.elementor-element-d0193d5{--display:flex;}.elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-icon i{color:var( --e-global-color-accent );font-size:20px;}.elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );--e-icon-list-icon-size:20px;}.elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-icon{width:20px;}.elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-text, .elementor-6026 .elementor-element.elementor-element-a84fd91 .elementor-icon-list-text a{color:var( --e-global-color-accent );}.elementor-6026 .elementor-element.elementor-element-c347343 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:3.5rem;font-weight:bold;line-height:1.2em;color:var( --e-global-color-accent );}.elementor-6026 .elementor-element.elementor-element-d384b65{--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:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-6026 .elementor-element.elementor-element-d384b65:not(.elementor-motion-effects-element-type-background), .elementor-6026 .elementor-element.elementor-element-d384b65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6026 .elementor-element.elementor-element-3703f67{--display:flex;}.elementor-6026 .elementor-element.elementor-element-3703f67.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6026 .elementor-element.elementor-element-bdcb7e0{border-style:none;--item-text-hover-decoration:underline;--marker-size:16px;}.elementor-6026 .elementor-element.elementor-element-bdcb7e0 .elementor-toc__header-title{text-align:start;}.elementor-6026 .elementor-element.elementor-element-bdcb7e0 .elementor-toc__list-item{font-size:14px;line-height:1.4em;}.elementor-6026 .elementor-element.elementor-element-2182259{--alignment:left;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:#E8C158;--e-share-buttons-secondary-color:#1D1C1A;}.elementor-6026 .elementor-element.elementor-element-2182259 .elementor-share-btn{font-size:calc(0.65px * 10);}.elementor-6026 .elementor-element.elementor-element-2182259 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.5em;}.elementor-6026 .elementor-element.elementor-element-76fcbbd{--spacer-size:50px;}.elementor-6026 .elementor-element.elementor-element-06cb904{--display:flex;}.elementor-6026 .elementor-element.elementor-element-d462e3c{color:#000000;font-size:17px;line-height:1.6em;}.elementor-6026 .elementor-element.elementor-element-22f11f5{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-6026 .elementor-element.elementor-element-22f11f5 .elementor-divider-separator{width:100%;}.elementor-6026 .elementor-element.elementor-element-22f11f5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6026 .elementor-element.elementor-element-e642945 .elementor-author-box__avatar img{width:80px;height:80px;border-radius:100px;}body.rtl .elementor-6026 .elementor-element.elementor-element-e642945.elementor-author-box--layout-image-left .elementor-author-box__avatar,
					 body:not(.rtl) .elementor-6026 .elementor-element.elementor-element-e642945:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-right:15px;margin-left:0;}body:not(.rtl) .elementor-6026 .elementor-element.elementor-element-e642945.elementor-author-box--layout-image-right .elementor-author-box__avatar,
					 body.rtl .elementor-6026 .elementor-element.elementor-element-e642945:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-left:15px;margin-right:0;}.elementor-6026 .elementor-element.elementor-element-e642945.elementor-author-box--layout-image-above .elementor-author-box__avatar{margin-bottom:15px;}.elementor-6026 .elementor-element.elementor-element-e642945 .elementor-author-box__name{font-size:18px;font-weight:bold;}.elementor-6026 .elementor-element.elementor-element-a6b8fea{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6026 .elementor-element.elementor-element-a6b8fea:not(.elementor-motion-effects-element-type-background), .elementor-6026 .elementor-element.elementor-element-a6b8fea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6026 .elementor-element.elementor-element-b67f86e{--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;--justify-content:space-between;}.elementor-6026 .elementor-element.elementor-element-11cb188 .elementor-heading-title{font-weight:bold;}.elementor-6026 .elementor-element.elementor-element-41a5e53{--display:flex;}.elementor-6026 .elementor-element.elementor-element-78006a7 .cy-posts-grid{grid-template-columns:repeat(3, 1fr);gap:20px;}.elementor-6026 .elementor-element.elementor-element-78006a7 .cy-posts-grid__card{border-radius:12px;border-color:#e0e0e0;background-color:#FFFFFF;}.elementor-6026 .elementor-element.elementor-element-78006a7 .cy-posts-grid__body{padding:20px 25px 20px 25px;}.elementor-6026 .elementor-element.elementor-element-78006a7 .cy-posts-grid__title{font-size:20px;color:#1d1c1a;}.elementor-6026 .elementor-element.elementor-element-78006a7 .cy-posts-grid__btn{border-radius:8px;border-color:#d0d0d0;}.elementor-6026 .elementor-element.elementor-element-69be2fa{--spacer-size:50px;}body.elementor-page-6026:not(.elementor-motion-effects-element-type-background), body.elementor-page-6026 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-6026 .elementor-element.elementor-element-3703f67{--width:29.273%;}}@media(max-width:1024px){.elementor-6026 .elementor-element.elementor-element-0757b22{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-6026 .elementor-element.elementor-element-c347343 .elementor-heading-title{font-size:2.5rem;} .elementor-6026 .elementor-element.elementor-element-2182259{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-6026 .elementor-element.elementor-element-78006a7 .cy-posts-grid{grid-template-columns:repeat(2, 1fr);}}@media(max-width:767px){.elementor-6026 .elementor-element.elementor-element-c347343{padding:0% 3% 0% 3%;}.elementor-6026 .elementor-element.elementor-element-c347343 .elementor-heading-title{font-size:2rem;}.elementor-6026 .elementor-element.elementor-element-d384b65{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;} .elementor-6026 .elementor-element.elementor-element-2182259{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-6026 .elementor-element.elementor-element-a6b8fea{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-6026 .elementor-element.elementor-element-78006a7 .cy-posts-grid{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for table-of-contents, class: .elementor-element-bdcb7e0 *//* ═══════════════════════════════════════════════════════════
   Table des matières Elementor — style CYBERIAL
   ═══════════════════════════════════════════════════════════ */

/* Conteneur : reset complet */
.elementor-widget-table-of-content,
.elementor-toc {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* ── Titre ── */
.elementor-toc__header {
    background: transparent !important;
    border: none !important;
    padding: 0 0 12px 0 !important;
}

.elementor-toc__header-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1d1c1a !important;
}

/* Masquer le chevron de toggle */
.elementor-toc__toggle-button {
    display: none !important;
}


/* ── Corps ── */
.elementor-toc__body {
    border: none !important;
    border-left: 3px solid #e0e0e0 !important;
    padding: 8px 0 8px 20px !important;
}

/* Masquer la numérotation native */
.elementor-toc__list-item-text-wrapper::before,
.elementor-toc__top-level {
    list-style: none !important;
}

.elementor-toc__top-level {
    margin: 0 !important;
    padding-left: 0 !important;
}


/* ── Items ── */
.elementor-toc__list-item {
    padding: 0 !important;
    list-style: none !important;
}

.elementor-toc__list-item a {
    color: #444 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.elementor-toc__list-item a:hover {
    color: #1d1c1a !important;
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-d462e3c */p {
    text-align: justify;
    margin-bottom: 20px;
}

/* ============================================================
   CYBERIAL — Template articles de blog (Elementor)
   À coller dans : Elementor > Réglages du site > CSS personnalisé
   Cible : widget "Post Content" d'Elementor
   Note : la table des matières est stylée dans un bloc séparé.
   ============================================================ */


/* Racine utilisée :
   .elementor-element.elementor-widget-theme-post-content
   (double classe = spécificité 0,2,0 pour battre .elementor-kit-xxxx)
*/


/* ─────────────────────────────────────────────
   1. TITRES — Aération et hiérarchie éditoriale
   (la typo est laissée au Kit Elementor : Libre Baskerville)
   ───────────────────────────────────────────── */

/* H2 : séparateur fort + grande respiration au-dessus */
.elementor-element.elementor-widget-theme-post-content h2 {
    margin-top: 64px !important;
    padding-top: 48px !important;
    border-top: 1px solid #1D1C1A !important;
}

/* Premier H2 de l'article : pas de bordure ni de marge excessive */
.elementor-element.elementor-widget-theme-post-content > h2:first-of-type,
.elementor-element.elementor-widget-theme-post-content > *:first-child + h2 {
    margin-top: 32px !important;
    padding-top: 0 !important;
    border-top: none !important;
}

/* H3 : marge généreuse, sans bordure */
.elementor-element.elementor-widget-theme-post-content h3 {
    margin-top: 48px !important;
    margin-bottom: 16px !important;
}

/* H4 */
.elementor-element.elementor-widget-theme-post-content h4 {
    margin-top: 48px !important;
    margin-bottom: 12px !important;
}

/* H5 */
.elementor-element.elementor-widget-theme-post-content h5 {
    margin-top: 48px !important;
    margin-bottom: 12px !important;
}

/* H6 */
.elementor-element.elementor-widget-theme-post-content h6 {
    margin-top: 20px !important;
    margin-bottom: 8px !important;
}


/* ─────────────────────────────────────────────
   2. PARAGRAPHES — Lisibilité
   ───────────────────────────────────────────── */

.elementor-element.elementor-widget-theme-post-content p {
    font-size: 16px;
    line-height: 1.6;
    color: #2a2a2a;
    margin-bottom: 20px;
}


/* ─────────────────────────────────────────────
   3. LISTES À PUCES — Style éditorial avec tiret cadratin
   ───────────────────────────────────────────── */

.elementor-element.elementor-widget-theme-post-content ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 24px 0 !important;
}

.elementor-element.elementor-widget-theme-post-content ul li {
    position: relative;
    padding: 12px 0 12px 28px !important;
    border-bottom: 1px solid #e8e8e6;
    font-size: 17px;
    line-height: 1.6;
    color: #2a2a2a;
    list-style: none !important;
}

.elementor-element.elementor-widget-theme-post-content ul li:last-child {
    border-bottom: none;
}

/* Le tiret cadratin comme puce */
.elementor-element.elementor-widget-theme-post-content ul li::before {
    content: "—";
    position: absolute;
    left: 0;
    top: 12px;
    color: #e8c256;
    font-weight: 700;
}

/* Listes imbriquées : pas de bordure, moins de padding */
.elementor-element.elementor-widget-theme-post-content ul ul {
    margin: 8px 0 !important;
}

.elementor-element.elementor-widget-theme-post-content ul ul li {
    border-bottom: none;
    padding: 4px 0 4px 24px !important;
}


/* ─────────────────────────────────────────────
   4. LISTES NUMÉROTÉES — Gros compteur à gauche
   ───────────────────────────────────────────── */

.elementor-element.elementor-widget-theme-post-content ol {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 24px 0 !important;
    counter-reset: cyberial-counter;
}

.elementor-element.elementor-widget-theme-post-content ol li {
    counter-increment: cyberial-counter;
    position: relative;
    padding: 16px 0 16px 64px !important;
    border-bottom: 1px solid #e8e8e6;
    font-size: 17px;
    line-height: 1.6;
    color: #2a2a2a;
    min-height: 48px;
    list-style: none !important;
}

.elementor-element.elementor-widget-theme-post-content ol li:last-child {
    border-bottom: none;
}

/* Le chiffre : grand, gris clair, aligné à gauche */
.elementor-element.elementor-widget-theme-post-content ol li::before {
    content: counter(cyberial-counter);
    position: absolute;
    left: 0;
    top: 12px;
    font-size: 28px;
    font-weight: 700;
    color: #c4c4c0;
    line-height: 1;
    font-feature-settings: "tnum";
}


/* ─────────────────────────────────────────────
   5. BLOCKQUOTE — Encart éditorial
   ───────────────────────────────────────────── */

.elementor-element.elementor-widget-theme-post-content blockquote,
.elementor-element.elementor-widget-theme-post-content .wp-block-quote {
    background: #f7f7f5 !important;
    border-left: 4px solid #1D1C1A !important;
    padding: 24px 28px !important;
    margin: 32px 0 !important;
    font-size: 17px;
    line-height: 1.65;
    color: #1D1C1A;
    font-style: normal !important;
    border-radius: 0 4px 4px 0;
}

.elementor-element.elementor-widget-theme-post-content blockquote p {
    margin-bottom: 12px;
}

.elementor-element.elementor-widget-theme-post-content blockquote p:last-child {
    margin-bottom: 0;
}

.elementor-element.elementor-widget-theme-post-content blockquote strong {
    color: #1D1C1A;
}


/* ─────────────────────────────────────────────
   6. HR — Séparateur de section
   ───────────────────────────────────────────── */

.elementor-element.elementor-widget-theme-post-content hr {
    border: none !important;
    border-top: 3px solid #1D1C1A !important;
    margin: 56px 0 !important;
    background: none !important;
    height: 0 !important;
}


/* ─────────────────────────────────────────────
   7. FIGCAPTION — Légendes d'images
   ───────────────────────────────────────────── */

.elementor-element.elementor-widget-theme-post-content figcaption,
.elementor-element.elementor-widget-theme-post-content .wp-caption-text,
.elementor-element.elementor-widget-theme-post-content .wp-element-caption {
    font-size: 12px;
    font-style: italic;
    color: #1D1C1A;
    text-align: center;
    margin-top: 8px;
    line-height: 1.5;
}


/* ─────────────────────────────────────────────
   8. LIENS dans le texte
   ───────────────────────────────────────────── */

.elementor-element.elementor-widget-theme-post-content p a,
.elementor-element.elementor-widget-theme-post-content li a {
    color: #c9a43a;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    transition: color 0.2s ease;
}

.elementor-element.elementor-widget-theme-post-content p a:hover,
.elementor-element.elementor-widget-theme-post-content li a:hover {
    color: #1D1C1A;
}


/* ─────────────────────────────────────────────
   9. TABLES
   ───────────────────────────────────────────── */

.elementor-element.elementor-widget-theme-post-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 32px 0;
    font-size: 15px;
}

.elementor-element.elementor-widget-theme-post-content table th {
    background: #1D1C1A;
    color: #faf9f5;
    padding: 14px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.elementor-element.elementor-widget-theme-post-content table td {
    padding: 14px 16px;
    border-bottom: 1px solid #e8e8e6;
    vertical-align: top;
}

.elementor-element.elementor-widget-theme-post-content table tr:nth-child(even) td {
    background: #faf9f5;
}


/* ─────────────────────────────────────────────
   10. RESPONSIVE — Réduction ~30% sur mobile
   ───────────────────────────────────────────── */

@media (max-width: 768px) {

    .elementor-element.elementor-widget-theme-post-content h2 {
        margin-top: 44px !important;
        padding-top: 32px !important;
    }

    .elementor-element.elementor-widget-theme-post-content h3 {
        margin-top: 32px !important;
    }

    .elementor-element.elementor-widget-theme-post-content h4 {
        margin-top: 24px !important;
    }

    .elementor-element.elementor-widget-theme-post-content h5 {
        margin-top: 32px !important;
    }

    .elementor-element.elementor-widget-theme-post-content h6 {
        margin-top: 16px !important;
    }

    .elementor-element.elementor-widget-theme-post-content p,
    .elementor-element.elementor-widget-theme-post-content ul li,
    .elementor-element.elementor-widget-theme-post-content ol li {
        font-size: 16px;
    }

    .elementor-element.elementor-widget-theme-post-content ol li {
        padding: 14px 0 14px 48px !important;
    }

    .elementor-element.elementor-widget-theme-post-content ol li::before {
        font-size: 22px;
    }

    .elementor-element.elementor-widget-theme-post-content blockquote,
    .elementor-element.elementor-widget-theme-post-content .wp-block-quote {
        padding: 20px 20px !important;
        margin: 24px 0 !important;
    }

    .elementor-element.elementor-widget-theme-post-content hr {
        margin: 40px 0 !important;
    }

    .elementor-element.elementor-widget-theme-post-content table {
        font-size: 14px;
    }

    .elementor-element.elementor-widget-theme-post-content table th,
    .elementor-element.elementor-widget-theme-post-content table td {
        padding: 10px 12px;
    }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   CYBERIAL — Template articles de blog
   À coller dans : Apparence > Personnaliser > CSS additionnel
   (ou dans le thème enfant style.css)
   Cible : .single-post .entry-content
   ============================================================ */


/* ─────────────────────────────────────────────
   1. TITRES — Aération et hiérarchie éditoriale
   ───────────────────────────────────────────── */

/* H2 : séparateur fort + grande respiration au-dessus */
.single-post .entry-content h2 {
    margin-top: 64px;
    padding-top: 48px;
    border-top: 1px solid #1D1C1A;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    color: #1D1C1A;
    letter-spacing: -0.01em;
}

/* Premier H2 de l'article : pas de bordure ni de marge excessive */
.single-post .entry-content > h2:first-of-type {
    margin-top: 48px;
}

/* H3 : marge généreuse, sans bordure */
.single-post .entry-content h3 {
    margin-top: 48px;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    color: #1D1C1A;
}

/* H4 */
.single-post .entry-content h4 {
    margin-top: 32px;
    margin-bottom: 12px;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 600;
    color: #1D1C1A;
}


/* ─────────────────────────────────────────────
   2. PARAGRAPHES — Lisibilité
   ───────────────────────────────────────────── */

.single-post .entry-content p {
    font-size: 17px;
    line-height: 1.7;
    color: #2a2a2a;
    margin-bottom: 20px;
}


/* ─────────────────────────────────────────────
   3. LISTES À PUCES — Style éditorial avec tiret cadratin
   ───────────────────────────────────────────── */

.single-post .entry-content ul {
    list-style: none;
    padding-left: 0;
    margin: 24px 0;
}

.single-post .entry-content ul li {
    position: relative;
    padding: 12px 0 12px 28px;
    border-bottom: 1px solid #e8e8e6;
    font-size: 17px;
    line-height: 1.6;
    color: #2a2a2a;
}

.single-post .entry-content ul li:last-child {
    border-bottom: none;
}

/* Le tiret cadratin comme puce */
.single-post .entry-content ul li::before {
    content: "—";
    position: absolute;
    left: 0;
    top: 12px;
    color: #e8c256;
    font-weight: 700;
}

/* Listes imbriquées : pas de bordure, moins de padding */
.single-post .entry-content ul ul {
    margin: 8px 0;
}

.single-post .entry-content ul ul li {
    border-bottom: none;
    padding: 4px 0 4px 24px;
}


/* ─────────────────────────────────────────────
   4. LISTES NUMÉROTÉES — Gros compteur à gauche
   ───────────────────────────────────────────── */

.single-post .entry-content ol {
    list-style: none;
    padding-left: 0;
    margin: 24px 0;
    counter-reset: cyberial-counter;
}

.single-post .entry-content ol li {
    counter-increment: cyberial-counter;
    position: relative;
    padding: 16px 0 16px 64px;
    border-bottom: 1px solid #e8e8e6;
    font-size: 17px;
    line-height: 1.6;
    color: #2a2a2a;
    min-height: 48px;
}

.single-post .entry-content ol li:last-child {
    border-bottom: none;
}

/* Le chiffre : grand, gris clair, aligné à gauche */
.single-post .entry-content ol li::before {
    content: counter(cyberial-counter);
    position: absolute;
    left: 0;
    top: 12px;
    font-size: 28px;
    font-weight: 700;
    color: #c4c4c0;
    line-height: 1;
    font-feature-settings: "tnum";
}


/* ─────────────────────────────────────────────
   5. BLOCKQUOTE — Encart éditorial
   ───────────────────────────────────────────── */

.single-post .entry-content blockquote {
    background: #f7f7f5;
    border-left: 4px solid #1D1C1A;
    padding: 24px 28px;
    margin: 32px 0;
    font-size: 17px;
    line-height: 1.65;
    color: #1D1C1A;
    font-style: normal;
    border-radius: 0 4px 4px 0;
}

.single-post .entry-content blockquote p {
    margin-bottom: 12px;
}

.single-post .entry-content blockquote p:last-child {
    margin-bottom: 0;
}

.single-post .entry-content blockquote strong {
    color: #1D1C1A;
}


/* ─────────────────────────────────────────────
   6. HR — Séparateur de section
   ───────────────────────────────────────────── */

.single-post .entry-content hr {
    border: none;
    border-top: 3px solid #1D1C1A;
    margin: 56px 0;
    background: none;
    height: 0;
}


/* ─────────────────────────────────────────────
   7. FIGCAPTION — Légendes d'images
   ───────────────────────────────────────────── */

.single-post .entry-content figcaption,
.single-post .entry-content .wp-caption-text {
    font-size: 12px;
    font-style: italic;
    color: #1D1C1A;
    text-align: center;
    margin-top: 8px;
    line-height: 1.5;
}


/* ─────────────────────────────────────────────
   8. TABLE DES MATIÈRES
   ───────────────────────────────────────────── */

.single-post .entry-content .toc,
.single-post .entry-content #toc,
.single-post .entry-content .table-of-contents {
    background: #faf9f5;
    border: 1px solid #e8e8e6;
    padding: 28px 32px;
    margin: 32px 0 48px;
    border-radius: 4px;
}

.single-post .entry-content .toc-title,
.single-post .entry-content .toc > p:first-child {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1D1C1A;
    margin: 0 0 16px;
}

.single-post .entry-content .toc ul,
.single-post .entry-content .toc ol {
    margin: 0;
    padding: 0;
    counter-reset: toc-counter;
}

.single-post .entry-content .toc li {
    counter-increment: toc-counter;
    padding: 8px 0 8px 32px;
    border-bottom: none;
    position: relative;
    font-size: 15px;
    line-height: 1.5;
    min-height: 0;
}

.single-post .entry-content .toc li::before {
    content: counter(toc-counter, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 9px;
    font-size: 13px;
    font-weight: 600;
    color: #e8c256;
}

.single-post .entry-content .toc a {
    color: #2a2a2a;
    text-decoration: none;
    transition: color 0.2s ease;
}

.single-post .entry-content .toc a:hover {
    color: #c9a43a;
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* ─────────────────────────────────────────────
   9. LIENS dans le texte
   ───────────────────────────────────────────── */

.single-post .entry-content p a,
.single-post .entry-content li a {
    color: #c9a43a;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    transition: color 0.2s ease;
}

.single-post .entry-content p a:hover,
.single-post .entry-content li a:hover {
    color: #1D1C1A;
}


/* ─────────────────────────────────────────────
   10. TABLES
   ───────────────────────────────────────────── */

.single-post .entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 32px 0;
    font-size: 15px;
}

.single-post .entry-content table th {
    background: #1D1C1A;
    color: #faf9f5;
    padding: 14px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.single-post .entry-content table td {
    padding: 14px 16px;
    border-bottom: 1px solid #e8e8e6;
    vertical-align: top;
}

.single-post .entry-content table tr:nth-child(even) td {
    background: #faf9f5;
}


/* ─────────────────────────────────────────────
   11. RESPONSIVE — Réduction ~30% sur mobile
   ───────────────────────────────────────────── */

@media (max-width: 768px) {

    .single-post .entry-content h2 {
        margin-top: 44px;
        padding-top: 32px;
        font-size: 26px;
    }

    .single-post .entry-content h3 {
        margin-top: 32px;
        font-size: 21px;
    }

    .single-post .entry-content h4 {
        margin-top: 24px;
        font-size: 18px;
    }

    .single-post .entry-content p,
    .single-post .entry-content ul li,
    .single-post .entry-content ol li {
        font-size: 16px;
    }

    .single-post .entry-content ol li {
        padding: 14px 0 14px 48px;
    }

    .single-post .entry-content ol li::before {
        font-size: 22px;
    }

    .single-post .entry-content blockquote {
        padding: 20px 20px;
        margin: 24px 0;
    }

    .single-post .entry-content hr {
        margin: 40px 0;
    }

    .single-post .entry-content .toc,
    .single-post .entry-content #toc,
    .single-post .entry-content .table-of-contents {
        padding: 20px 22px;
        margin: 24px 0 32px;
    }

    .single-post .entry-content table {
        font-size: 14px;
    }

    .single-post .entry-content table th,
    .single-post .entry-content table td {
        padding: 10px 12px;
    }
}/* End custom CSS */