/* ========================================
   CANPEM — STYLES PERSONNALISÉS
   CSS consolidé : Organixine + plugin CANPEM
======================================== */

/* ========================================
   01 — GLOBAL
======================================== */
body:not(.page-template-fullwidth-content) .site-content {
    margin-top: 60px;
    margin-bottom: 60px;
}

.wp-site-blocks {
    -webkit-hyphens: none;
    hyphens: none;
}
/*RGPD*/
.page-title{
    display: none;
}
.cp-rgpd-hero{
    background: #1F6F36 !important;
}

/* ========================================
   02 — HEADER / NAVIGATION - Organixine
======================================== */


/* ========================================
   03 — HERO
======================================== */
/* Les réglages spécifiques du hero tablette sont plus bas. */

/* ========================================
   04 — LE DÉFI
======================================== */
.texte-chiffre {
    text-align: left !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* ========================================
   05 — NOTRE SOLUTION
======================================== */
.solution-processus {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 5px !important;
    min-height: 250px !important;
}

.solution-processus > .wp-block-group {
    position: relative !important;
    flex: 1 1 0 !important;
    width: 200px !important;
    max-width: 180px !important;
    min-width: 0 !important;
    text-align: center !important;
}

.solution-processus > .wp-block-group img {
    width: 90px !important;
    height: 90px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
    margin: 10px auto !important;
}

.solution-processus > .wp-block-group p {
    white-space: nowrap !important;
}

.solution-processus > .wp-block-group:not(:last-child)::after {
    content: ">" !important;
    position: absolute !important;
    right: -18px !important;
    top: 95px !important;
    transform: translateY(-50%) !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    z-index: 20 !important;
}

/* ========================================
   06 — POURQUOI INVESTIR
======================================== */
.pourquoi-investir {
    position: relative !important;
    background-image: url("https://canpem.org/wp-content/uploads/2026/09/foret_trop.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}

.pourquoi-investir::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(20, 75, 50, 0.55);
    z-index: 0;
}

.pourquoi-investir > * {
    position: relative;
    z-index: 1;
}

.investir-points {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0 !important;
}

.investir-points > .investir-item {
    position: relative !important;
    flex: 1 1 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 10px 35px !important;
    font-size: 15px;
}

.investir-item img {
    display: block !important;
    width: 55px !important;
    height: 55px !important;
    object-fit: contain !important;
    margin: 0 auto 15px !important;
}

.investir-item p {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    hyphens: none !important;
    word-break: normal !important;
}

.investir-item p:first-of-type {
    font-size: 17px !important;
    line-height: 1.2 !important;
}

.investir-points > .investir-item:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    top: 15px !important;
    right: 0 !important;
    bottom: 15px !important;
    width: 1px !important;
    background: rgba(255,255,255,.30) !important;
}
/* CHEVRON*/

.wp-block-themeisle-blocks-button-group .wp-block-themeisle-blocks-button i.margin-left {
    margin-top: 10px;
}

/* ========================================
   07 — INVESTISSEMENT (MAG) / MARCHÉ
======================================== */
.investissement-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0 !important;
    align-items: stretch !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
     max-width: none !important;
     margin-top: -40px !important;
}
.investissement-section {
    padding-left: 0 !important;
}
.investissement-section > .wp-block-group__inner-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}
}

.investissement-row > .wp-block-group:nth-child(1) {
    flex: 0 0 21% !important;
    width: 22% !important;
}

.investissement-row > .wp-block-group:nth-child(2) {
    flex: 0 0 33% !important;
    width: 33% !important;
    padding: 5px 25px !important;
}

.investissement-row > .wp-block-group:nth-child(3) {
    flex: 0 0 44% !important;
    width: 45% !important;
    padding: 25px !important;
}

.investissement-image {
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
    align-self: stretch !important;
}

.investissement-image figure {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.investissement-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 550px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.investissement-contenu {
    padding: 32px 35px !important;
    box-sizing: border-box !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
}

.investissement-contenu > p:first-child {
    color: #006837 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 6px !important;
    text-transform: uppercase !important;
}

.investissement-contenu > h2,
.investissement-contenu > h4 {
    color: #006837 !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    margin: 0 0 7px !important;
}

.investissement-contenu > h2 + p,
.investissement-contenu > h4 + p {
    color: #1f1f1f !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    max-width: 430px !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
}

.investissement-liste {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.investissement-liste > * {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.investissement-liste > .wp-block-group {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    gap: 5px !important;
    align-items: center !important;
    line-height: 1 !important;
}

.investissement-liste figure {
    flex: 0 0 34px !important;
    width: 34px !important;
    margin: 0 !important;
}

.investissement-liste img {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
}

.investissement-liste > .wp-block-group > .wp-block-group {
    margin: 5px !important;
    padding: 0 !important;
    gap: 2px !important;
}

.investissement-liste h4 {
    margin: 0px !important;
    padding: 0 !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
    transform: translateX(-5px);
}

.investissement-liste p:nth-child(2) {
    
    font-size: 15px !important;
    font-weight: 400 !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
}

.investissement-marche {
    padding: 25px 30px !important;
    box-sizing: border-box !important;
}

.marche-potentiel {
    background: #f1faf3 !important;
    border-radius: 8px !important;
    padding: 20px 22px !important;
    box-sizing: border-box !important;
}

.marche-potentiel > p:first-child {
    color: #1f6f36 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    text-align: center !important;
}



.marche-progression > .wp-block-group {
    flex: 1 1 0 !important;
    width: 33.333% !important;
    text-align: left !important;
    position: relative !important;
    line-height: 1.2;
    color: #0f8a5d;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
}

.marche-progression > .wp-block-group:not(:last-child) {
    border-right: 1px solid rgba(31,111,54,.20) !important;
}

.marche-progression > .wp-block-group:not(:last-child)::after {
    content: "›";
    position: absolute !important;
    right: -8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #afe543 !important;
    background: #f1faf3 !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    padding: 2px !important;
    z-index: 2 !important;
}

.marche-progression figure {
    width: 65px !important;
    height: 65px !important;
    margin: 12px auto !important;
}

.marche-progression figure img {
    display: block !important;
    width: 65px !important;
    height: 65px !important;
    object-fit: contain !important;
}

.marche-cta {
    background: #006837 !important;
    border-radius: 7px !important;
    margin-top: 12px !important;
    padding: 14px 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.marche-cta > .wp-block-group:first-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 10px !important;
}

.marche-cta > .wp-block-group,
.marche-cta > .wp-block-group.is-layout-flex,
.marche-cta > .wp-block-buttons {
    width: 100% !important;
    justify-content: center !important;
}

.marche-cta > .wp-block-buttons {
    display: flex !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.marche-cta h1,
.marche-cta h2,
.marche-cta h3,
.marche-cta h4,
.marche-cta h5,
.marche-cta h6,
.marche-cta p {
    color: #fff !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 9px !important;
}

.marche-cta .wp-block-button__link {
    border-radius: 30px !important;
    padding: 9px 24px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    transform: translateX(250px);
}

.marche-cta p.cta-ligne-1 {
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    transform: none !important;
    text-align: initial !important;
}

.marche-cta p.cta-ligne-1 > span.cta-ligne-1 {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    transform: none !important;
    text-align: left !important;
    white-space: nowrap !important;
    font-size: 16px;
}

/* ========================================
   08 — FOOTER
======================================== */
.canpem-footer {
    width: 100%;
    background: #0B2E1F;
    color: #fff;
    padding: 45px 7% 18px;
}

.canpem-footer-brand {
    max-width: 1400px;
    margin: 0 auto 30px;
}

.canpem-footer-brand img {
    display: block;
    width: 150px;
    height: auto;
}

.canpem-footer-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 55px;
}

.canpem-footer-column h3 {
    color: #96ca2d;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 18px;
}

.canpem-footer-column a,
.canpem-footer-column p {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 8px;
    text-decoration: none;
}

.canpem-footer-column a:hover {
    color: #96ca2d;
}

.canpem-footer-copyright {
    max-width: 1400px;
    margin: 35px auto 0;
    padding-top: 17px;
    border-top: 1px solid rgba(255,255,255,.18);
    text-align: center;
    color: rgba(255,255,255,.8);
    font-size: 12px;
}

.canpem-contact-item {
    display: flex !important;
    align-items: center;
    gap: 9px;
    margin-bottom: 9px !important;
}

.canpem-contact-icon {
    width: 18px;
    flex: 0 0 18px;
    color: #96ca2d;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.canpem-socials {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
}

.canpem-socials a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    transition: .2s ease;
}

.canpem-socials svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.canpem-socials a:hover {
    background: #96ca2d;
    border-color: #96ca2d;
    color: #0B2E1F;
    transform: translateY(-2px);
}

.site-footer {
    display: none !important;
}

/* ========================================
   09 — TABLETTE 768–1024
======================================== */
/* Correction uniquement iPad Mini / petites tablettes */
@media screen and (min-width:743px) and (max-width:767px) {

    .chiffres-projet .wp-block-columns > .wp-block-column:last-child > *:nth-child(4) {
        margin-top:-26px !important;
    }

}

@media screen and (min-width:600px) and (max-width:713px) {

    .chiffres-projet .wp-block-columns > .wp-block-column:first-child > *:nth-child(4) {
        margin-top:-5px !important;
    }

}

@media screen and (min-width:714px) and (max-width:801px) {

    .chiffres-projet .wp-block-columns > .wp-block-column:first-child > *:nth-child(4) {
        margin-top:-25px !important;
    }
    
}


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

    /* HERO */
    .hero-canpem {
        background-position: 95% center !important;
    }

    .hero-canpem img.wp-block-cover__image-background {
        object-position: 95% center !important;
    }

    /* HEADER / BURGER */
   /* HEADER TABLETTE */
    .site-header__wrap {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 25px !important;
    box-sizing: border-box !important;
    }

    .site-header .space-between-content {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    }

    .site-branding {
    display: block !important;
    margin: 0 !important;
    }

    .site-branding .custom-logo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 190px !important;
    }

    .canpem-tablet-burger {
    display: flex !important;
    position: static !important;
    transform: none !important;
    margin: 0 0 0 auto !important;

    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;

    padding: 9px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;

    background: #96ca2d !important;
    border: 0 !important;
    border-radius: 6px !important;
    }

    .canpem-tablet-burger span {
    display: block !important;
    width: 26px !important;
    height: 3px !important;
    background: #fff !important;
    border-radius: 2px !important;
     }

    .site-header .space-between-content {
    position: relative !important;
    width: 100% !important;
    }
    
    /* HOVER MENU BURGER */
    #site-navigation.canpem-menu-open #main-menu > li:hover > a {
    color:#96CA2D !important;
    }
    
    /* BURGER OUVERT = CROIX */
    .canpem-tablet-burger.is-open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .canpem-tablet-burger.is-open span:nth-child(2) {
        opacity: 0;
    }

    .canpem-tablet-burger.is-open span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }

    .canpem-tablet-burger span {
        transition: transform .25s ease, opacity .2s ease;
    }
    
    

    #site-navigation .main-navigation-inner {
        display: none !important;
    }

    #site-navigation.canpem-menu-open .main-navigation-inner {
        display: block !important;
        position: absolute !important;
        top: 100% !important;
        right: 20px !important;
        left: auto !important;
        width: 250px !important;
        padding: 18px 22px !important;
        background: #0B2E1F !important;
        z-index: 100000 !important;
    }

    #site-navigation #main-menu {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    #site-navigation #main-menu > li {
        display: block !important;
        width: 100% !important;
        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #site-navigation #main-menu > li > a {
        display: block !important;
        width: 100% !important;
        padding: 9px 0 !important;
        margin: 0 !important;
        color: #fff !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    /* LE DÉFI */
    .wp-block-columns {
        flex-wrap: wrap !important;
    }

    .defi-row {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .defi-row > .wp-block-column {
        flex: none !important;
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .defi-row > .wp-block-column:last-child {
        margin-top: 45px !important;
    }

    .defi-row > .wp-block-column:first-child > * {
        max-width: 100% !important;
    }

    .defi-row h1,
    .defi-row h2,
    .defi-row h3,
    .defi-row h4,
    .defi-row p {
        hyphens: none !important;
        -webkit-hyphens: none !important;
    }
    
     /* Les 2 grandes colonnes du Défi l'une sous l'autre */
    .defi-row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    .defi-row > .wp-block-column {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Les 3 problématiques restent côte à côte */
    .defi-row > .wp-block-column:first-child > .defi-colonne-1 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    .defi-row > .wp-block-column:first-child > .defi-colonne-1 > .wp-block-column {
        flex: 1 1 0 !important;
        width: 33.333% !important;
        min-width: 0 !important;
    }
    /* CHIFFRES CLÉS — FINITIONS TABLETTE */

/* Séparateurs entre les 3 colonnes */
.chiffres-projet .wp-block-columns > .wp-block-column {
    position:relative !important;
    padding-left:28px !important;
    padding-right:28px !important;
}

.chiffres-projet .wp-block-columns > .wp-block-column:not(:last-child) {
    border-right:1px solid rgba(31,111,54,.20) !important;
}

/* Les 3 colonnes ont la même structure verticale */
.chiffres-projet .wp-block-columns > .wp-block-column {
    display:flex !important;
    flex-direction:column !important;
}


    h2.ticss-f8191ce1 {
        font-size: 23px !important;
        line-height: 1.15 !important;
    }

    .chiffres-projet {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        padding-left: 35px;
        padding-right: 150px;
    }
    /* CHIFFRES CLÉS — 3 COLONNES TABLETTE */
.chiffres-projet .wp-block-columns {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    gap:0 !important;
}

.chiffres-projet .wp-block-columns > .wp-block-column {
    flex:0 0 33.333% !important;
    width:33.333% !important;
    max-width:33.333% !important;
    min-width:0 !important;
}

    /* NOTRE SOLUTION */
    .solution-row {
        display: block !important;
        width: 100% !important;
    }

    .solution-row > .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin: 0 !important;
    }

    .solution-row > .wp-block-column:last-child {
        margin-top: 35px !important;
    }

    .solution-processus {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 40px auto 0 !important;
        transform: none !important;
        gap: 0 !important;
    }

    .solution-processus > .wp-block-group {
        position: relative !important;
        flex: 1 1 0 !important;
        width: 16.666% !important;
        max-width: 16.666% !important;
        min-width: 0 !important;
        padding: 0 5px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    .solution-processus > .wp-block-group h4 {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
        height: 34px !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
        margin: 0 0 8px !important;
    }

    .solution-processus > .wp-block-group figure,
    .solution-processus > .wp-block-group img {
        width: 72px !important;
        height: 72px !important;
    }

    .solution-processus > .wp-block-group figure {
        margin: 0 auto 9px !important;
    }

    .solution-processus > .wp-block-group img {
        object-fit: cover !important;
        margin: 0 auto !important;
    }

    .solution-processus > .wp-block-group p {
        width: 100% !important;
        max-width: 120px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: normal !important;
        hyphens: none !important;
        word-break: normal !important;
    }

    .solution-processus > .wp-block-group:not(:last-child)::after {
        content: "›" !important;
        position: absolute !important;
        top: 65px !important;
        right: -6px !important;
        font-size: 27px !important;
        line-height: 1 !important;
        color: #25313b !important;
        z-index: 5 !important;
    }

    /* INVESTISSEMENT / MARCHÉ */

    /* La ligne peut maintenant passer sur 2 rangées */
    .investissement-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    /* PHOTO */
    .investissement-row > .wp-block-group:nth-child(1) {
        flex: 0 0 38% !important;
        width: 38% !important;
        max-width: 38% !important;
        min-height: 550px !important;
    }

    .investissement-image {
        min-height: 550px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: stretch !important;
    }

    .investissement-image figure {
        width: 100% !important;
        height: 100% !important;
        min-height: 550px !important;
        margin: 0 !important;
    }

    .investissement-image img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 550px !important;
        object-fit: cover !important;
        object-position: center !important;
    }


    /* TEXTE + LISTE */
    .investissement-row > .wp-block-group:nth-child(2) {
        flex: 0 0 62% !important;
        width: 62% !important;
        max-width: 62% !important;
        box-sizing: border-box !important;
        padding: 15px 20px !important;
    }

    .investissement-contenu {
        padding: 0 !important;
        margin: 0 !important;
    }

    .investissement-contenu > p:first-child {
        font-size: 14px !important;
        line-height: 1.35 !important;
        margin-bottom: 12px !important;
    }

    .investissement-liste {
        gap: 48px !important;
        transform: none !important;
        margin: 25px;
    }

    .investissement-liste > .wp-block-group {
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        gap: 8px !important;
        align-items: center !important;
        margin: 0 0 16px 0 !important;
    }
    .investissement-liste > .wp-block-group:last-child {
    margin-bottom: 0 !important;
    }
    

    .investissement-liste figure {
        flex: 0 0 30px !important;
        width: 30px !important;
        margin: 0 !important;
    }

    .investissement-liste figure img {
        width: 30px !important;
        height: 30px !important;
        object-fit: contain !important;
    }

    .investissement-liste h2,
    .investissement-liste h3,
    .investissement-liste h4 {
        font-size: 17px !important;
        line-height: 1.2 !important;
        margin: 5px 0 3px !important;
        transform: none !important;
    }

    .investissement-liste p,
    .investissement-liste p:nth-child(2) {
        font-size: 13px !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        transform: none !important;
    }


    /* MARCHÉ = DEUXIÈME LIGNE, PLEINE LARGEUR */
    .investissement-row > .wp-block-group:nth-child(3) {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;

        margin: 20px 0 0 0 !important;
        padding: 4px !important;

        box-sizing: border-box !important;
    }

    .investissement-marche {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .investissement-marche > .wp-block-group__inner-container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .marche-potentiel,
    .marche-cta {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
    .marche-potentiel {
        width: 100% !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }

    .marche-progression {
        gap: 15px !important;
    }

    .marche-progression > .wp-block-group p {
        font-size: 14px !important;
        line-height: 1.3 !important;
        margin: 8px auto 0 !important;
        padding: 0 8px !important;
        max-width: 180px !important;
        text-align: center !important;
        hyphens: none !important;
        word-break: normal !important;
    }

    .marche-progression > .wp-block-group figure {
        display: block !important;
        margin: 12px auto 10px !important;
        flex: none !important;
    }

    .marche-progression > .wp-block-group figure,
    .marche-progression > .wp-block-group figure img {
        width: 70px !important;
        height: 70px !important;
    }


    /* CTA SOUS LE MARCHÉ */
    .marche-cta {
        margin-top: 12px !important;
        padding: 18px 15px !important;
        min-height: 0 !important;
    }

    .marche-cta > .wp-block-group:first-child {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 10px !important;
        margin: 0 auto 12px !important;
    }

    .marche-cta p {
        font-size: 15px !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        max-width: 400px !important;
    }

    .marche-cta img {
        width: 32px !important;
        height: auto !important;
    }

    .marche-cta > .wp-block-buttons {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 10px auto 0 !important;
    }

    .marche-cta .wp-block-button {
        margin: 0 auto !important;
    }

    .marche-cta .wp-block-button__link {
        transform: none !important;
        margin: 0 auto !important;
        font-size: 13px !important;
        line-height: 1 !important;
        padding: 10px 20px !important;
        white-space: nowrap !important;
    }
    
    /* FOOTER */
    .canpem-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 35px 50px !important;
    }
}

/* Burger caché sur desktop */
@media screen and (min-width:1025px) {
    .canpem-tablet-burger {
        display: none !important;
    }
}

/* ========================================
   10 — MOBILE <768
   
======================================== */
@media screen and (max-width:599px) {
    html,
    body {
        overflow-x: hidden;
    }

    .solution-processus {
        flex-direction: column !important;
        align-items: center !important;
        gap: 25px !important;
    }

    .solution-processus > .wp-block-group {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .solution-processus > .wp-block-group p {
        white-space: normal !important;
    }

    .investir-points {
        flex-direction: column !important;
    }

    .investir-item {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 10px !important;
    }

    .investissement-row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .investissement-row > .wp-block-group:nth-child(1),
    .investissement-row > .wp-block-group:nth-child(2),
    .investissement-row > .wp-block-group:nth-child(3) {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .investissement-image {
        clip-path: none !important;
    }

    .investissement-image img {
        width: 100% !important;
        height: 280px !important;
        min-height: 0 !important;
        object-fit: cover !important;
    }

    .canpem-footer {
        padding: 35px 25px 18px;
    }

    .canpem-footer-brand {
        margin-bottom: 30px;
    }

    .canpem-footer-brand img {
        width: 130px;
    }

    .canpem-footer-inner {
        grid-template-columns: 1fr !important;
        gap: 30px;
    }

    .canpem-footer-column h3 {
        margin-bottom: 12px;
    }

    .canpem-footer-copyright {
        margin-top: 30px;
    }
}


/* ========================================
   MOBILE — RESPONSIVE
======================================== */

    

@media screen and (max-width:599px) {
    
    /* ========================================
   MOBILE — HEADER / LOGO
======================================== */

    .site-header__wrap {
        position:relative !important;
        width:100% !important;
        max-width:100% !important;
        padding:10px 15px !important;
        box-sizing:border-box !important;
    }

    .site-header .space-between-content {
        position:relative !important;
        width:100% !important;
        min-width:100% !important;
    }

    .site-branding {
        position:static !important;
        transform:none !important;
        margin:0 auto 0 0 !important;
    }

    .site-branding .custom-logo {
        width:auto !important;
        height:auto !important;
        max-width:170px !important;
    }
    
     #site-navigation.canpem-menu-open {
        background: #1F6F36 !important;
    }
.mobile-menu-toggle-button {
        display: none !important;
    }
    
    .canpem-tablet-burger {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
}

.canpem-tablet-burger span {
    display: block !important;
    width: 25px !important;
    height: 2px !important;
    background: #fff !important;
    opacity: 1;
}

    /* Burger ouvert = croix */
    .canpem-tablet-burger.is-open {
        gap: 0 !important;
    }

    .canpem-tablet-burger.is-open span:nth-child(1) {
        transform: translateY(2px) rotate(45deg) !important;
    }

    .canpem-tablet-burger.is-open span:nth-child(2) {
        opacity: 0 !important;
    }

    .canpem-tablet-burger.is-open span:nth-child(3) {
        transform: translateY(-2px) rotate(-45deg) !important;
    }

    .canpem-tablet-burger {
        position: absolute !important;
        top: 7px !important;
        right: -5px !important;
        left: auto !important;
        width: 40px !important;
        height: 30px !important;
        min-width: 0 !important;
        padding: 3px 5px !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        transform: none !important;
        z-index: 9999 !important;
    }
    
    .main-navigation.mobile-menu .main-navigation-inner {
        background-color: #0B2E1F !important;
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 25px !important;
    }
    .main-navigation .menu > .menu-item:first-child {
        margin-left: 15px !important;
    }
     #site-navigation.mobile-menu {
        background: transparent !important;
    }
    
    /* ========================================
       MOBILE — HERO
    ======================================== */

    .hero-canpem {
        min-height:520px !important;
    }

    /* Cadrage de l'image vers la droite */
    .hero-canpem img.wp-block-cover__image-background {
        object-position:85% center !important;
    }

    /* Contenu */
    .hero-canpem .wp-block-cover__inner-container {
        padding:0 20px !important;
        padding:0 75px 0 20px !important;
    }

    /* Titre */
    .hero-canpem h1,
    .hero-canpem h2 {
        font-size:36px !important;
        line-height:1.08 !important;
        hyphens: none;
    }

    /* Texte */
    .hero-canpem p {
        font-size:17px !important;
        line-height:1.7 !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
    
    /* ========================================
         MOBILE — LE DÉFI
    ======================================== */
    
    /* H2 — aucune césure */
    .defi-row > .wp-block-column:first-child > h2 {
        hyphens:none !important;
        -webkit-hyphens:none !important;
        word-break:normal !important;
    }

    /* CHIFFRES CLÉS */
.chiffres-projet {
    padding-left:20px !important;
    padding-right:15px !important;
}

/* Uniformiser les colonnes des chiffres clés */
    .chiffres-projet .separateur_colonne {
        width:100% !important;
        max-width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }
    
    .chiffres-projet p {
        width:100% !important;
        padding-left:35px !important;
        padding-right:20px !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }

    .chiffres-projet .chiffre-texte-mobile {
        padding-left:55px !important;
    }


/* Supprimer les séparations */
.chiffres-projet .wp-block-column,
.chiffres-projet .wp-block-group {
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
    border-bottom:none !important;
}
    
    /* ========================================
        MOBILE — POURQUOI INVESTIR
    ======================================== */

    .investir-points {
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        max-width:100% !important;
        gap:25px !important;
    }

    .investir-points .investir-item {
        flex:0 0 100% !important;
        width:100% !important;
        max-width:100% !important;
        min-width:100% !important;
        margin:0 !important;
        padding:15px 20px !important;
        box-sizing:border-box !important;
        text-align:center !important;
    }

    .investir-points .investir-item p {
        width:100% !important;
        max-width:280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
        -webkit-hyphens:none !important;
        text-align:center !important;
    }
    
    /* ========================================
        MOBILE — INVESTISSEMENT / MARCHÉ
    ======================================== */
    
   

    /* Bouton INVESTIR MAINTENANT */
    .marche-cta .wp-block-button,
    .marche-cta .wp-block-buttons {
        margin-left:auto !important;
        margin-right:auto !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .marche-cta .wp-block-button__link {
        transform:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .marche-progression {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 25px !important;
    }

    .marche-progression > .wp-block-group {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .marche-progression > .wp-block-group p {
        max-width: 280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }
    /* Suppression des séparateurs du marché en mobile */
    .marche-progression > .wp-block-group:not(:last-child) {
        border-right: none !important;
    }

/* On garde également les flèches supprimées */
.marche-progression > .wp-block-group::before,
.marche-progression > .wp-block-group::after {
    content: none !important;
    display: none !important;
}

}

/* ========================================
   MENTIONS LÉGALES
======================================== */

.mentions-legales {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 30px 80px;
}

/* Bandeau titre */
.mentions-legales h1 {
    color: #fff !important;
    background: #1F6F36;
    font-size: 42px;
    margin: 0 0 35px 0;
    padding: 35px 40px;
    border-radius: 6px;
}

/* Petit trait vert clair */
.mentions-legales h1::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    margin-top: 15px;
    background: #AFE543;
    border-radius: 10px;
}

/* Titres des rubriques */
.mentions-legales h3 {
    color: #1F6F36;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 15px;
}

/* Texte */
.mentions-legales p {
    color: #333;
    font-size: 16px;
    line-height: 1.65;
    margin-top: 0;
    margin-bottom: 15px;
}

/* Liens */
.mentions-legales a {
    color: #1F6F36;
    text-decoration: none;
}

.mentions-legales a:hover {
    color: #96CA2D;
}


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

@media screen and (max-width: 599px) {

    .mentions-legales h1 {
        font-size: 30px;
        padding: 28px 22px;
        margin-bottom: 28px;
    }
}