/* ==========================================================================
   PAG-005 — RÉALISATIONS
   Fichier : assets/css/pages/realisations.css
   Version : 0.3.8
   ========================================================================== */

/* ==========================================================================
   MOD-041 — HERO RÉALISATIONS
   ========================================================================== */

.projects-hero{
  position:relative;overflow:hidden;width:100%;margin:0!important;padding:88px 0 68px!important;
  background:radial-gradient(circle at 84% 16%,rgba(22,198,216,.10) 0%,rgba(22,198,216,0) 34%),linear-gradient(180deg,var(--ing-color-white) 0%,#F8FBFF 100%)!important;
}
.projects-hero>.kt-row-column-wrap,
.projects-hero>.kb-row-layout-wrap>.kt-row-column-wrap{
  display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;align-items:center!important;
  width:min(calc(100% - 48px),var(--ing-container))!important;margin-inline:auto!important;padding:0!important;gap:58px!important;
}

.projects-hero__content,
.projects-hero__content>.kt-inside-inner-col{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important;
}
.projects-hero__eyebrow,.projects-hero__eyebrow p,.projects-hero__eyebrow .kt-adv-heading{
  margin:0 0 16px!important;padding:0!important;color:var(--ing-color-primary)!important;font-family:Manrope,sans-serif!important;font-size:14px!important;font-weight:750!important;line-height:1.4!important;letter-spacing:.055em!important;text-transform:uppercase!important;
}
.projects-hero__title,.projects-hero__title h1,.projects-hero__title .kt-adv-heading{
  width:100%!important;max-width:720px!important;margin:0 0 24px!important;padding:0!important;color:var(--ing-color-title)!important;font-family:Manrope,sans-serif!important;font-size:clamp(48px,4vw,68px)!important;font-weight:750!important;line-height:1.02!important;letter-spacing:-.04em!important;text-align:left!important;
}
.projects-hero__text,.projects-hero__text p,.projects-hero__text .kt-adv-heading{
  width:100%!important;max-width:700px!important;margin:0 0 24px!important;padding:0!important;color:var(--ing-color-text)!important;font-family:Manrope,sans-serif!important;font-size:19px!important;font-weight:400!important;line-height:1.7!important;text-align:left!important;
}
.projects-hero__cta,.projects-hero__cta .kb-buttons-wrap,.projects-hero__cta .wp-block-kadence-advancedbtn{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;margin:0!important;padding:0!important;
}
.projects-hero__cta .kb-button,.projects-hero__cta.kb-button,.projects-hero__cta .wp-block-button__link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:13px 24px!important;border:1px solid var(--ing-color-primary)!important;border-radius:var(--ing-radius-sm)!important;background:var(--ing-color-primary)!important;color:var(--ing-color-white)!important;font-family:Manrope,sans-serif!important;font-size:16px!important;font-weight:750!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;transition:transform var(--ing-transition),background-color var(--ing-transition),border-color var(--ing-transition),box-shadow var(--ing-transition);
}
.projects-hero__cta .kb-button:hover,.projects-hero__cta.kb-button:hover,.projects-hero__cta .wp-block-button__link:hover{
  transform:translateY(-2px);border-color:var(--ing-color-primary-hover)!important;background:var(--ing-color-primary-hover)!important;box-shadow:0 14px 28px -16px rgba(2,36,106,.52)!important;
}
.projects-hero__reassurance,.projects-hero__reassurance p{
  margin:16px 0 0!important;padding:0!important;color:var(--ing-color-text-light)!important;font-family:Manrope,sans-serif!important;font-size:14px!important;font-weight:550!important;line-height:1.5!important;
}

.projects-hero__panel,.projects-hero__panel>.kt-inside-inner-col{
  width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;
}

/* Grille droite Kadence 2 colonnes */
.projects-hero__cards{width:100%!important;margin:0!important;padding:0!important;}
.projects-hero__cards>.kt-row-column-wrap,
.projects-hero__cards>.kb-row-layout-wrap>.kt-row-column-wrap{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;width:100%!important;margin:0!important;padding:0!important;gap:18px!important;
}
.projects-hero__cards .kt-inside-inner-col{
  display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;gap:18px!important;
}

.projects-hero__card{
  position:relative;flex:1 1 0!important;width:100%!important;min-width:0!important;min-height:210px!important;margin:0!important;padding:26px 24px 24px!important;overflow:hidden!important;border:1px solid rgba(2,36,106,.14)!important;border-radius:16px!important;background:var(--ing-color-white)!important;box-shadow:0 14px 30px -26px rgba(2,36,106,.28)!important;transition:transform var(--ing-transition),border-color var(--ing-transition),box-shadow var(--ing-transition);
}
.projects-hero__card::before{
  display:block!important;margin:0 0 18px!important;padding:0!important;color:var(--ing-color-primary)!important;font-family:Manrope,sans-serif!important;font-size:13px!important;font-weight:800!important;line-height:1!important;letter-spacing:.06em!important;
}
.projects-hero__card--01::before{content:"01"!important}
.projects-hero__card--02::before{content:"02"!important}
.projects-hero__card--03::before{content:"03"!important}
.projects-hero__card--04::before{content:"04"!important}

.projects-hero__card h2,.projects-hero__card h3,.projects-hero__card h4,.projects-hero__card .kt-adv-heading{
  width:100%!important;margin:0 0 9px!important;padding:0!important;color:var(--ing-color-title)!important;font-family:Manrope,sans-serif!important;font-size:20px!important;font-weight:700!important;line-height:1.28!important;letter-spacing:-.015em!important;text-align:left!important;
}
.projects-hero__card p{
  width:100%!important;margin:0!important;padding:0!important;color:var(--ing-color-text)!important;font-family:Manrope,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.58!important;text-align:left!important;
}
.projects-hero__card:hover{
  transform:translateY(-4px);border-color:rgba(22,198,216,.68)!important;box-shadow:inset 0 0 0 1px rgba(22,198,216,.10),0 22px 44px -30px rgba(2,36,106,.42)!important;
}

@media screen and (max-width:1024px){
  .projects-hero{padding:74px 0 60px!important}
  .projects-hero>.kt-row-column-wrap,.projects-hero>.kb-row-layout-wrap>.kt-row-column-wrap{
    grid-template-columns:1fr!important;width:min(calc(100% - 40px),var(--ing-container))!important;gap:42px!important;
  }
  .projects-hero__title,.projects-hero__title h1,.projects-hero__title .kt-adv-heading{max-width:820px!important;font-size:clamp(44px,6vw,58px)!important}
  .projects-hero__text,.projects-hero__text p{max-width:780px!important}
  .projects-hero__card{min-height:190px!important}
}

@media screen and (max-width:767px){
  .projects-hero{padding:54px 0 50px!important}
  .projects-hero>.kt-row-column-wrap,.projects-hero>.kb-row-layout-wrap>.kt-row-column-wrap{
    width:min(calc(100% - 32px),var(--ing-container))!important;gap:32px!important;
  }
  .projects-hero__eyebrow,.projects-hero__eyebrow p{margin-bottom:14px!important;font-size:12px!important}
  .projects-hero__title,.projects-hero__title h1,.projects-hero__title .kt-adv-heading{
    margin-bottom:20px!important;font-size:clamp(38px,11vw,48px)!important;line-height:1.04!important;
  }
  .projects-hero__text,.projects-hero__text p{margin-bottom:24px!important;font-size:17px!important;line-height:1.62!important}
  .projects-hero__cta,.projects-hero__cta .kb-buttons-wrap,.projects-hero__cta .wp-block-kadence-advancedbtn{width:100%!important}
  .projects-hero__cta .kb-button,.projects-hero__cta.kb-button,.projects-hero__cta .wp-block-button__link{width:100%!important;max-width:320px!important}
  .projects-hero__cards>.kt-row-column-wrap,.projects-hero__cards>.kb-row-layout-wrap>.kt-row-column-wrap{grid-template-columns:1fr!important;gap:14px!important}
  .projects-hero__cards .kt-inside-inner-col{gap:14px!important}
  .projects-hero__card{min-height:0!important;padding:22px 20px 20px!important;transform:none!important}
  .projects-hero__card h2,.projects-hero__card h3,.projects-hero__card h4,.projects-hero__card .kt-adv-heading{font-size:18px!important}
  .projects-hero__card p{font-size:15px!important;line-height:1.58!important}
}

@media (prefers-reduced-motion:reduce){
  .projects-hero__cta .kb-button,.projects-hero__card{transition:none!important}
  .projects-hero__cta .kb-button:hover,.projects-hero__card:hover{transform:none!important}
}

/* ==========================================================================
   FIN MOD-041 — HERO RÉALISATIONS
   ========================================================================== */



/* ==========================================================================
   PATCH 0.2.1 — MOD-042 : LISIBILITÉ & ÉQUILIBRE DES CAS
   ========================================================================== */

/* Textes de contexte / intervention / résultat plus lisibles */
.projects-case__text,
.projects-case__text p,
.projects-case__result,
.projects-case__result p {
    font-size: 16px !important;
    line-height: 1.72 !important;
}

/* Labels légèrement plus présents */
.projects-case__label,
.projects-case__label p,
.projects-case__label .kt-adv-heading,
.projects-case__side-label,
.projects-case__side-label p,
.projects-case__side-label .kt-adv-heading {
    font-size: 12px !important;
}

/* Points clés : synthèse plus compacte et moins dominante */
.projects-case__facts p {
    padding: 8px 0 8px 22px !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

.projects-case__facts p::before {
    top: 15px !important;
}

/* Colonne de droite du cas sécurité moins envahissante */
.projects-case--security > .kt-row-column-wrap,
.projects-case--security > .kb-row-layout-wrap > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr) !important;
}

/* Le titre reste fort, sans trop écraser le contenu */
.projects-case__title,
.projects-case__title h3,
.projects-case__title .kt-adv-heading {
    font-size: clamp(30px, 2.35vw, 36px) !important;
}

/* Cas réseau : rééquilibrage des colonnes */
.projects-case--network > .kt-row-column-wrap,
.projects-case--network > .kb-row-layout-wrap > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

/* Métriques : affichage horizontal réel */
.projects-case__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.projects-case__metric {
    min-width: 0 !important;
    padding: 18px 10px 16px !important;
}

.projects-case__metric h4,
.projects-case__metric .kt-adv-heading {
    font-size: 28px !important;
}

.projects-case__metric p {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

/* Plus d'air dans les deux panneaux */
.projects-case__main,
.projects-case__main > .kt-inside-inner-col,
.projects-case__side,
.projects-case__side > .kt-inside-inner-col {
    padding: 44px !important;
}

/* Tablet */
@media screen and (max-width: 1024px) {
    .projects-case--security > .kt-row-column-wrap,
    .projects-case--security > .kb-row-layout-wrap > .kt-row-column-wrap,
    .projects-case--network > .kt-row-column-wrap,
    .projects-case--network > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
    }

    .projects-case__metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .projects-case__main,
    .projects-case__main > .kt-inside-inner-col,
    .projects-case__side,
    .projects-case__side > .kt-inside-inner-col {
        padding: 34px !important;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .projects-case__text,
    .projects-case__text p,
    .projects-case__result,
    .projects-case__result p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .projects-case__metrics {
        grid-template-columns: 1fr !important;
    }

    .projects-case__metric {
        padding: 14px 12px !important;
    }

    .projects-case__metric h4,
    .projects-case__metric .kt-adv-heading {
        font-size: 24px !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.2.1
   ========================================================================== */



/* ==========================================================================
   PATCH 0.2.2 — MOD-042 : DENSITÉ DESKTOP
   ========================================================================== */

/* En-tête MOD-042 */
.projects-featured {
    padding: 72px 0 !important;
}
.projects-featured__title,
.projects-featured__title h2,
.projects-featured__title .kt-adv-heading {
    max-width: 820px !important;
    font-size: clamp(34px, 2.8vw, 44px) !important;
    line-height: 1.10 !important;
}
.projects-featured__intro,
.projects-featured__intro p,
.projects-featured__intro .kt-adv-heading {
    max-width: 760px !important;
    margin-bottom: 38px !important;
    font-size: 16px !important;
    line-height: 1.60 !important;
}

/* Cartes principales : suppression de l'effet "affiche géante" */
.projects-case__main,
.projects-case__main > .kt-inside-inner-col,
.projects-case__side,
.projects-case__side > .kt-inside-inner-col {
    padding: 32px 34px !important;
}

.projects-case__number,
.projects-case__number p,
.projects-case__number .kt-adv-heading {
    margin-bottom: 9px !important;
    font-size: 13px !important;
}
.projects-case__category,
.projects-case__category p,
.projects-case__category .kt-adv-heading {
    margin-bottom: 14px !important;
    font-size: 11px !important;
}

/* Titre de chaque réalisation */
.projects-case__title,
.projects-case__title h3,
.projects-case__title .kt-adv-heading {
    margin-bottom: 22px !important;
    font-size: clamp(25px, 2vw, 30px) !important;
    line-height: 1.16 !important;
    letter-spacing: -.02em !important;
}

/* Corps */
.projects-case__text,
.projects-case__text p,
.projects-case__result,
.projects-case__result p {
    font-size: 15px !important;
    line-height: 1.58 !important;
}
.projects-case__label,
.projects-case__label p,
.projects-case__label .kt-adv-heading,
.projects-case__side-label,
.projects-case__side-label p,
.projects-case__side-label .kt-adv-heading {
    margin-top: 18px !important;
    margin-bottom: 6px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
}

/* IMPORTANT :
   neutralise les styles Kadence hérités des blocs Advanced Text dans POINTS CLÉS */
.projects-case__facts,
.projects-case__facts > *,
.projects-case__facts .kt-adv-heading,
.projects-case__facts .wp-block-kadence-advancedheading,
.projects-case__facts p {
    font-family: Manrope, sans-serif !important;
}
.projects-case__facts p,
.projects-case__facts .kt-adv-heading,
.projects-case__facts .wp-block-kadence-advancedheading {
    position: relative !important;
    margin: 0 !important;
    padding: 9px 0 9px 20px !important;
    border-bottom: 1px solid rgba(2,36,106,.09) !important;
    color: var(--ing-color-title) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.projects-case__facts p::before,
.projects-case__facts .kt-adv-heading::before,
.projects-case__facts .wp-block-kadence-advancedheading::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 16px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #16C6D8 !important;
}

/* Métriques réseau : compactes et horizontales */
.projects-case__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-bottom: 20px !important;
    gap: 10px !important;
}
.projects-case__metric {
    padding: 14px 8px !important;
}
.projects-case__metric h4,
.projects-case__metric .kt-adv-heading,
.projects-case__metric .wp-block-kadence-advancedheading {
    margin-bottom: 4px !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
}
.projects-case__metric p {
    font-size: 10px !important;
    line-height: 1.25 !important;
}

/* Les colonnes ne doivent pas créer artificiellement une grande hauteur */
.projects-case__main > .kt-inside-inner-col,
.projects-case__side > .kt-inside-inner-col {
    min-height: 0 !important;
}

/* Tablette */
@media screen and (max-width: 1024px) {
    .projects-featured { padding: 64px 0 !important; }

    .projects-case__main,
    .projects-case__main > .kt-inside-inner-col,
    .projects-case__side,
    .projects-case__side > .kt-inside-inner-col {
        padding: 30px !important;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .projects-featured { padding: 52px 0 !important; }

    .projects-featured__title,
    .projects-featured__title h2,
    .projects-featured__title .kt-adv-heading {
        font-size: 32px !important;
    }

    .projects-case__main,
    .projects-case__main > .kt-inside-inner-col,
    .projects-case__side,
    .projects-case__side > .kt-inside-inner-col {
        padding: 24px 20px !important;
    }

    .projects-case__title,
    .projects-case__title h3,
    .projects-case__title .kt-adv-heading {
        font-size: 25px !important;
    }

    .projects-case__facts p,
    .projects-case__facts .kt-adv-heading,
    .projects-case__facts .wp-block-kadence-advancedheading {
        font-size: 14px !important;
    }

    .projects-case__metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .projects-case__metric h4,
    .projects-case__metric .kt-adv-heading,
    .projects-case__metric .wp-block-kadence-advancedheading {
        font-size: 19px !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.2.2
   ========================================================================== */




/* ==========================================================================
   MOD-043 — AUTRES RÉALISATIONS
   Version : 1.0.0
   ========================================================================== */

/*
Structure attendue :

Rangée .projects-more
└── Section .projects-more__container
    ├── P  .projects-more__eyebrow
    ├── H2 .projects-more__title
    ├── P  .projects-more__intro
    └── Groupe .projects-more__grid
        ├── Groupe .projects-more__card .projects-more__card--01
        │   ├── H3
        │   └── P
        ├── Groupe .projects-more__card .projects-more__card--02
        ├── Groupe .projects-more__card .projects-more__card--03
        ├── Groupe .projects-more__card .projects-more__card--04
        ├── Groupe .projects-more__card .projects-more__card--05
        ├── Groupe .projects-more__card .projects-more__card--06
        ├── Groupe .projects-more__card .projects-more__card--07
        └── Groupe .projects-more__card .projects-more__card--08
*/

/* --------------------------------------------------------------------------
   SECTION
   -------------------------------------------------------------------------- */

.projects-more {
    width: 100%;
    margin: 0 !important;
    padding: 84px 0 90px !important;
    background:
        linear-gradient(
            180deg,
            #F7FAFE 0%,
            #EEF5FB 100%
        ) !important;
}

.projects-more > .kt-row-column-wrap,
.projects-more > .kb-row-layout-wrap > .kt-row-column-wrap {
    width: min(calc(100% - 48px), var(--ing-container)) !important;
    margin-inline: auto !important;
    padding: 0 !important;
}

.projects-more__container,
.projects-more__container > .kt-inside-inner-col {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --------------------------------------------------------------------------
   EN-TÊTE
   -------------------------------------------------------------------------- */

.projects-more__eyebrow,
.projects-more__eyebrow p,
.projects-more__eyebrow .kt-adv-heading {
    margin: 0 0 14px !important;
    color: var(--ing-color-primary) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.projects-more__title,
.projects-more__title h2,
.projects-more__title .kt-adv-heading {
    max-width: 900px !important;
    margin: 0 auto 18px !important;
    color: var(--ing-color-title) !important;
    font-family: Manrope, sans-serif !important;
    font-size: clamp(36px, 3vw, 48px) !important;
    font-weight: 750 !important;
    line-height: 1.10 !important;
    letter-spacing: -.03em !important;
    text-align: center !important;
}

.projects-more__intro,
.projects-more__intro p,
.projects-more__intro .kt-adv-heading {
    max-width: 800px !important;
    margin: 0 auto 40px !important;
    color: var(--ing-color-text) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    text-align: center !important;
}

/* --------------------------------------------------------------------------
   GRILLE
   -------------------------------------------------------------------------- */

.projects-more__grid,
.projects-more__grid > .wp-block-group__inner-container,
.projects-more__grid > .kt-inside-inner-col,
.projects-more__grid > .is-layout-constrained,
.projects-more__grid > .is-layout-flow {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.projects-more__grid,
.projects-more__grid > .wp-block-group__inner-container,
.projects-more__grid > .kt-inside-inner-col,
.projects-more__grid > .is-layout-constrained,
.projects-more__grid > .is-layout-flow {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 18px !important;
}

.projects-more__grid > *,
.projects-more__grid > .wp-block-group__inner-container > *,
.projects-more__grid > .kt-inside-inner-col > *,
.projects-more__grid > .is-layout-constrained > *,
.projects-more__grid > .is-layout-flow > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* --------------------------------------------------------------------------
   CARTES
   -------------------------------------------------------------------------- */

.projects-more__card {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 24px 22px 22px !important;
    border: 1px solid rgba(2, 36, 106, .13) !important;
    border-radius: 15px !important;
    background: #FFFFFF !important;
    box-shadow: 0 14px 28px -24px rgba(2, 36, 106, .28) !important;
    transition:
        transform var(--ing-transition),
        border-color var(--ing-transition),
        box-shadow var(--ing-transition);
}

.projects-more__card::before {
    display: block !important;
    margin: 0 0 16px !important;
    color: var(--ing-color-primary) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

.projects-more__card--01::before { content: "01 — MICROSOFT 365" !important; }
.projects-more__card--02::before { content: "02 — VIRTUALISATION" !important; }
.projects-more__card--03::before { content: "03 — INFRASTRUCTURE" !important; }
.projects-more__card--04::before { content: "04 — WI-FI" !important; }
.projects-more__card--05::before { content: "05 — CONTRÔLE D’ACCÈS" !important; }
.projects-more__card--06::before { content: "06 — VIDÉOSURVEILLANCE" !important; }
.projects-more__card--07::before { content: "07 — FIBRE OPTIQUE" !important; }
.projects-more__card--08::before { content: "08 — MICROSOFT 365" !important; }

.projects-more__card h2,
.projects-more__card h3,
.projects-more__card h4,
.projects-more__card .kt-adv-heading,
.projects-more__card .wp-block-kadence-advancedheading {
    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    color: var(--ing-color-title) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -.015em !important;
    text-align: left !important;
}

.projects-more__card p {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ing-color-text) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;
    text-align: left !important;
}

.projects-more__card:hover {
    transform: translateY(-3px);
    border-color: rgba(22, 198, 216, .60) !important;
    box-shadow:
        inset 0 0 0 1px rgba(22, 198, 216, .08),
        0 18px 36px -26px rgba(2, 36, 106, .38) !important;
}

/* La 7e carte reste naturelle dans la dernière ligne */
.projects-more__card--07 {
    grid-column: auto !important;
}

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

@media screen and (max-width: 1024px) {
    .projects-more {
        padding: 70px 0 76px !important;
    }

    .projects-more > .kt-row-column-wrap,
    .projects-more > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 40px), var(--ing-container)) !important;
    }

    .projects-more__grid,
    .projects-more__grid > .wp-block-group__inner-container,
    .projects-more__grid > .kt-inside-inner-col,
    .projects-more__grid > .is-layout-constrained,
    .projects-more__grid > .is-layout-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .projects-more__title,
    .projects-more__title h2,
    .projects-more__title .kt-adv-heading {
        font-size: clamp(34px, 5vw, 44px) !important;
    }
}

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

@media screen and (max-width: 767px) {
    .projects-more {
        padding: 56px 0 62px !important;
    }

    .projects-more > .kt-row-column-wrap,
    .projects-more > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 32px), var(--ing-container)) !important;
    }

    .projects-more__eyebrow,
    .projects-more__eyebrow p {
        font-size: 12px !important;
    }

    .projects-more__title,
    .projects-more__title h2,
    .projects-more__title .kt-adv-heading {
        font-size: 32px !important;
        line-height: 1.12 !important;
    }

    .projects-more__intro,
    .projects-more__intro p {
        margin-bottom: 30px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .projects-more__grid,
    .projects-more__grid > .wp-block-group__inner-container,
    .projects-more__grid > .kt-inside-inner-col,
    .projects-more__grid > .is-layout-constrained,
    .projects-more__grid > .is-layout-flow {
        grid-template-columns: 1fr !important;
        gap: 13px !important;
    }

    .projects-more__card {
        padding: 22px 20px 20px !important;
        transform: none !important;
    }

    .projects-more__card h2,
    .projects-more__card h3,
    .projects-more__card h4,
    .projects-more__card .kt-adv-heading,
    .projects-more__card .wp-block-kadence-advancedheading {
        font-size: 18px !important;
    }

    .projects-more__card p {
        font-size: 14px !important;
    }
}

/* ==========================================================================
   ACCESSIBILITÉ
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .projects-more__card {
        transition: none !important;
    }

    .projects-more__card:hover {
        transform: none !important;
    }
}

/* ==========================================================================
   FIN MOD-043 — AUTRES RÉALISATIONS
   ========================================================================== */




/* ==========================================================================
   MOD-044 — CTA FINAL RÉALISATIONS
   Version : 1.0.0
   ========================================================================== */

/*
Structure attendue :

Rangée .projects-cta
└── Section .projects-cta__container
    ├── P      .projects-cta__eyebrow
    ├── H2     .projects-cta__title
    ├── P      .projects-cta__text
    ├── Bouton .projects-cta__button
    └── P      .projects-cta__note
*/

.projects-cta {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 !important;
    padding: 84px 0 88px !important;
    background:
        radial-gradient(circle at 84% 20%, rgba(22,198,216,.16) 0%, rgba(22,198,216,0) 30%),
        linear-gradient(135deg, #071F43 0%, #02246A 100%) !important;
}

.projects-cta > .kt-row-column-wrap,
.projects-cta > .kb-row-layout-wrap > .kt-row-column-wrap {
    width: min(calc(100% - 48px), var(--ing-container)) !important;
    margin-inline: auto !important;
    padding: 0 !important;
}

.projects-cta__container,
.projects-cta__container > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.projects-cta__eyebrow,
.projects-cta__eyebrow p,
.projects-cta__eyebrow .kt-adv-heading,
.projects-cta__eyebrow .wp-block-kadence-advancedheading {
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: #16C6D8 !important;
    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.projects-cta__title,
.projects-cta__title h2,
.projects-cta__title .kt-adv-heading,
.projects-cta__title .wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #FFFFFF !important;
    font-family: Manrope, sans-serif !important;
    font-size: clamp(38px, 3.4vw, 52px) !important;
    font-weight: 750 !important;
    line-height: 1.08 !important;
    letter-spacing: -.03em !important;
    text-align: center !important;
    text-wrap: balance;
}

.projects-cta__text,
.projects-cta__text p,
.projects-cta__text .kt-adv-heading,
.projects-cta__text .wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 28px !important;
    padding: 0 !important;
    color: rgba(255,255,255,.82) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.68 !important;
    text-align: center !important;
}

.projects-cta__button,
.projects-cta__button .kb-buttons-wrap,
.projects-cta__button .wp-block-kadence-advancedbtn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.projects-cta__button .kb-button,
.projects-cta__button.kb-button,
.projects-cta__button .wp-block-button__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 13px 24px !important;
    border: 1px solid #FFFFFF !important;
    border-radius: var(--ing-radius-sm) !important;
    background: #FFFFFF !important;
    color: #02246A !important;
    font-family: Manrope, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 30px -20px rgba(0,0,0,.55) !important;
    transition:
        transform var(--ing-transition),
        background-color var(--ing-transition),
        border-color var(--ing-transition),
        box-shadow var(--ing-transition);
}

.projects-cta__button .kb-button:hover,
.projects-cta__button.kb-button:hover,
.projects-cta__button .wp-block-button__link:hover {
    transform: translateY(-2px);
    border-color: #16C6D8 !important;
    background: #16C6D8 !important;
    color: #02246A !important;
    box-shadow: 0 18px 34px -20px rgba(0,0,0,.60) !important;
}

.projects-cta__note,
.projects-cta__note p,
.projects-cta__note .kt-adv-heading,
.projects-cta__note .wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 620px !important;
    margin: 14px auto 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.68) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

/* Tablette */
@media screen and (max-width: 1024px) {
    .projects-cta {
        padding: 70px 0 74px !important;
    }

    .projects-cta > .kt-row-column-wrap,
    .projects-cta > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 40px), var(--ing-container)) !important;
    }

    .projects-cta__title,
    .projects-cta__title h2,
    .projects-cta__title .kt-adv-heading,
    .projects-cta__title .wp-block-kadence-advancedheading {
        font-size: clamp(36px, 5vw, 46px) !important;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .projects-cta {
        padding: 56px 0 60px !important;
    }

    .projects-cta > .kt-row-column-wrap,
    .projects-cta > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 32px), var(--ing-container)) !important;
    }

    .projects-cta__eyebrow,
    .projects-cta__eyebrow p {
        font-size: 12px !important;
    }

    .projects-cta__title,
    .projects-cta__title h2,
    .projects-cta__title .kt-adv-heading,
    .projects-cta__title .wp-block-kadence-advancedheading {
        margin-bottom: 16px !important;
        font-size: 32px !important;
        line-height: 1.1 !important;
    }

    .projects-cta__text,
    .projects-cta__text p {
        margin-bottom: 24px !important;
        font-size: 16px !important;
        line-height: 1.62 !important;
    }

    .projects-cta__button,
    .projects-cta__button .kb-buttons-wrap,
    .projects-cta__button .wp-block-kadence-advancedbtn {
        width: 100% !important;
    }

    .projects-cta__button .kb-button,
    .projects-cta__button.kb-button,
    .projects-cta__button .wp-block-button__link {
        width: 100% !important;
        max-width: 320px !important;
    }

    .projects-cta__note,
    .projects-cta__note p {
        font-size: 12px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .projects-cta__button .kb-button {
        transition: none !important;
    }

    .projects-cta__button .kb-button:hover {
        transform: none !important;
    }
}

/* ==========================================================================
   FIN MOD-044 — CTA FINAL RÉALISATIONS
   ========================================================================== */


/* ==========================================================================
   FIN PAG-005 — RÉALISATIONS
   Version : 0.3.8
   ========================================================================== */

/* START – MOD-042 Réalisations phares */
.projects-featured{width:100%;margin:0!important;padding:96px 0!important;background:#fff!important}
.projects-featured>.kt-row-column-wrap,.projects-featured>.kb-row-layout-wrap>.kt-row-column-wrap{width:min(calc(100% - 48px),var(--ing-container))!important;margin-inline:auto!important;padding:0!important}
.projects-featured__eyebrow{margin:0 0 14px!important;color:var(--ing-color-primary)!important;font:800 13px/1.4 Manrope,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;text-align:center!important}
.projects-featured__title{max-width:880px!important;margin:0 auto 18px!important;color:var(--ing-color-title)!important;font:750 clamp(38px,3.5vw,52px)/1.08 Manrope,sans-serif!important;letter-spacing:-.035em!important;text-align:center!important}
.projects-featured__intro{max-width:790px!important;margin:0 auto 52px!important;color:var(--ing-color-text)!important;font:400 17px/1.7 Manrope,sans-serif!important;text-align:center!important}
.projects-case{width:100%!important;margin:0 0 28px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(2,36,106,.13)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 20px 44px -34px rgba(2,36,106,.34)!important}
.projects-case>.kt-row-column-wrap,.projects-case>.kb-row-layout-wrap>.kt-row-column-wrap{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;align-items:stretch!important;width:100%!important;margin:0!important;padding:0!important;gap:0!important}
.projects-case__main,.projects-case__side{width:100%!important;min-width:0!important;margin:0!important;padding:42px!important}
.projects-case__side{background:#F5F9FD!important;border-left:1px solid rgba(2,36,106,.10)!important}
.projects-case__number{margin:0 0 12px!important;color:#16C6D8!important;font:800 15px/1 Manrope,sans-serif!important}
.projects-case__category{margin:0 0 18px!important;color:var(--ing-color-primary)!important;font:800 12px/1.4 Manrope,sans-serif!important;letter-spacing:.055em!important;text-transform:uppercase!important}
.projects-case__title{margin:0 0 30px!important;color:var(--ing-color-title)!important;font:750 clamp(28px,2.5vw,38px)/1.12 Manrope,sans-serif!important;letter-spacing:-.025em!important}
.projects-case__label,.projects-case__side-label{margin:24px 0 8px!important;color:var(--ing-color-primary)!important;font:800 11px/1.4 Manrope,sans-serif!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.projects-case__text,.projects-case__result{margin:0!important;color:var(--ing-color-text)!important;font:400 15px/1.68 Manrope,sans-serif!important}
.projects-case__facts{display:flex!important;flex-direction:column!important;width:100%!important;margin:0!important;padding:0!important}
.projects-case__facts p{position:relative;margin:0!important;padding:10px 0 10px 22px!important;border-bottom:1px solid rgba(2,36,106,.09)!important;color:var(--ing-color-title)!important;font:650 14px/1.45 Manrope,sans-serif!important}
.projects-case__facts p::before{content:"";position:absolute;left:0;top:18px;width:7px;height:7px;border-radius:50%;background:#16C6D8}
.projects-case__metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;margin:0 0 26px!important;padding:0!important;gap:10px!important}
.projects-case__metric{width:100%!important;margin:0!important;padding:18px 12px!important;border:1px solid rgba(2,36,106,.12)!important;border-radius:12px!important;background:#fff!important;text-align:center!important}
.projects-case__metric h4{margin:0 0 5px!important;color:var(--ing-color-primary)!important;font:800 25px/1.05 Manrope,sans-serif!important;text-align:center!important}
.projects-case__metric p{margin:0!important;color:var(--ing-color-text)!important;font:650 11px/1.35 Manrope,sans-serif!important;text-align:center!important}
.projects-case--security{border-top:3px solid #16C6D8!important}
@media(min-width:1025px){.projects-case--network>.kt-row-column-wrap,.projects-case--network>.kb-row-layout-wrap>.kt-row-column-wrap{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important}.projects-case--network .projects-case__main{order:2!important}.projects-case--network .projects-case__side{order:1!important;border-left:0!important}}
@media(max-width:1024px){.projects-featured{padding:78px 0!important}.projects-case>.kt-row-column-wrap,.projects-case>.kb-row-layout-wrap>.kt-row-column-wrap{grid-template-columns:1fr!important}.projects-case__main,.projects-case__side{padding:34px!important}.projects-case__side{border-left:0!important;border-top:1px solid rgba(2,36,106,.10)!important}}
@media(max-width:767px){.projects-featured{padding:60px 0!important}.projects-featured>.kt-row-column-wrap,.projects-featured>.kb-row-layout-wrap>.kt-row-column-wrap{width:min(calc(100% - 32px),var(--ing-container))!important}.projects-case__main,.projects-case__side{padding:26px 22px!important}.projects-case__metrics{grid-template-columns:1fr!important}.projects-case__title{font-size:28px!important}}
/* END – MOD-042 Réalisations phares */


/* ==========================================================================
   PATCH 0.2.3 — MOD-042 / CAS 02 RÉSEAU MULTISITE
   Nouvelle structure : une seule Section .projects-case__network
   Objectif : supprimer la grande zone vide et exploiter toute la largeur.
   ========================================================================== */

/* Le cas réseau n'utilise plus le layout 2 colonnes historique */
.projects-case--network > .kt-row-column-wrap,
.projects-case--network > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Section unique */
.projects-case__network,
.projects-case__network > .kt-inside-inner-col {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
}

.projects-case__network {
    padding: 0 !important;
    background: #FFFFFF !important;
}

.projects-case__network > .kt-inside-inner-col {
    display: block !important;
    padding: 38px 42px 40px !important;
}

/* En-tête du cas */
.projects-case--network .projects-case__number,
.projects-case--network .projects-case__number p,
.projects-case--network .projects-case__number .kt-adv-heading {
    margin: 0 0 8px !important;
    color: #16C6D8 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.projects-case--network .projects-case__category,
.projects-case--network .projects-case__category p,
.projects-case--network .projects-case__category .kt-adv-heading {
    margin: 0 0 12px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

.projects-case--network .projects-case__title,
.projects-case--network .projects-case__title h3,
.projects-case--network .projects-case__title .kt-adv-heading {
    max-width: 920px !important;
    margin: 0 0 28px !important;
    font-size: clamp(27px, 2vw, 32px) !important;
    line-height: 1.14 !important;
}

/* Contexte + intervention côte à côte */
.projects-case__network-texts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    gap: 34px !important;
}

.projects-case__network-text {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.projects-case__network-text .projects-case__label,
.projects-case__network-text .projects-case__label p,
.projects-case__network-text .projects-case__label .kt-adv-heading {
    margin: 0 0 7px !important;
    font-size: 10px !important;
}

.projects-case__network-text .projects-case__text,
.projects-case__network-text .projects-case__text p,
.projects-case__network-text .projects-case__text .kt-adv-heading {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
}

/* Libellés de sections */
.projects-case--network .projects-case__side-label,
.projects-case--network .projects-case__side-label p,
.projects-case--network .projects-case__side-label .kt-adv-heading {
    margin: 24px 0 10px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
}

/* Chiffres clés horizontaux */
.projects-case--network .projects-case__metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    gap: 14px !important;
}

.projects-case--network .projects-case__metric {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 112px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 14px !important;
    border: 1px solid rgba(2, 36, 106, .13) !important;
    border-radius: 13px !important;
    background: #F5F9FD !important;
    text-align: center !important;
}

.projects-case--network .projects-case__metric h4,
.projects-case--network .projects-case__metric .kt-adv-heading,
.projects-case--network .projects-case__metric .wp-block-kadence-advancedheading {
    margin: 0 0 5px !important;
    color: var(--ing-color-primary) !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.projects-case--network .projects-case__metric p {
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

/* Autres composantes : 2 éléments côte à côte */
.projects-case--network .projects-case__facts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
    gap: 12px !important;
}

.projects-case--network .projects-case__facts p,
.projects-case--network .projects-case__facts .kt-adv-heading,
.projects-case--network .projects-case__facts .wp-block-kadence-advancedheading {
    position: relative !important;
    margin: 0 !important;
    padding: 14px 16px 14px 34px !important;
    border: 1px solid rgba(2, 36, 106, .11) !important;
    border-radius: 11px !important;
    background: #FFFFFF !important;
    color: var(--ing-color-title) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
}

.projects-case--network .projects-case__facts p::before,
.projects-case--network .projects-case__facts .kt-adv-heading::before,
.projects-case--network .projects-case__facts .wp-block-kadence-advancedheading::before {
    content: "" !important;
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    width: 7px !important;
    height: 7px !important;
    margin-top: -3.5px !important;
    border-radius: 50% !important;
    background: #16C6D8 !important;
}

/* Résultat : bande de conclusion */
.projects-case--network .projects-case__result,
.projects-case--network .projects-case__result p,
.projects-case--network .projects-case__result .kt-adv-heading {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 20px !important;
    border-left: 3px solid #16C6D8 !important;
    border-radius: 0 9px 9px 0 !important;
    background: #F5F9FD !important;
    color: var(--ing-color-text) !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
}

/* Supprime les anciennes inversions / bordures du layout 2 colonnes */
.projects-case--network .projects-case__main,
.projects-case--network .projects-case__side {
    order: initial !important;
    border: 0 !important;
}

/* Tablette */
@media screen and (max-width: 1024px) {
    .projects-case__network > .kt-inside-inner-col {
        padding: 32px !important;
    }

    .projects-case__network-texts {
        gap: 24px !important;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .projects-case__network > .kt-inside-inner-col {
        padding: 24px 20px !important;
    }

    .projects-case__network-texts {
        grid-template-columns: 1fr !important;
        margin-bottom: 24px !important;
        gap: 20px !important;
    }

    .projects-case--network .projects-case__metrics {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .projects-case--network .projects-case__metric {
        min-height: 0 !important;
        padding: 15px 12px !important;
    }

    .projects-case--network .projects-case__facts {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .projects-case--network .projects-case__title,
    .projects-case--network .projects-case__title h3,
    .projects-case--network .projects-case__title .kt-adv-heading {
        font-size: 25px !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.2.3
   ========================================================================== */


/* ==========================================================================
   PATCH 0.2.4 — MOD-042 / CAS 02
   Correction des wrappers Kadence/Gutenberg internes.
   Objectif : vraie mise en page horizontale des sous-groupes.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CONTEXTE + INTERVENTION
   -------------------------------------------------------------------------- */

.projects-case__network-texts,
.projects-case__network-texts > .wp-block-group__inner-container,
.projects-case__network-texts > .kt-inside-inner-col,
.projects-case__network-texts > .is-layout-constrained,
.projects-case__network-texts > .is-layout-flow {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
}

/* Le wrapper qui contient réellement les 2 groupes devient la grille */
.projects-case__network-texts,
.projects-case__network-texts > .wp-block-group__inner-container,
.projects-case__network-texts > .kt-inside-inner-col,
.projects-case__network-texts > .is-layout-constrained,
.projects-case__network-texts > .is-layout-flow {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 34px !important;
}

/* Les 2 sous-groupes remplissent bien leur colonne */
.projects-case__network-texts > *,
.projects-case__network-texts > .wp-block-group__inner-container > *,
.projects-case__network-texts > .kt-inside-inner-col > *,
.projects-case__network-texts > .is-layout-constrained > *,
.projects-case__network-texts > .is-layout-flow > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* --------------------------------------------------------------------------
   2. CHIFFRES CLÉS — 3 CARTES EN LIGNE
   -------------------------------------------------------------------------- */

.projects-case--network .projects-case__metrics,
.projects-case--network .projects-case__metrics > .wp-block-group__inner-container,
.projects-case--network .projects-case__metrics > .kt-inside-inner-col,
.projects-case--network .projects-case__metrics > .is-layout-constrained,
.projects-case--network .projects-case__metrics > .is-layout-flow {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
}

.projects-case--network .projects-case__metrics,
.projects-case--network .projects-case__metrics > .wp-block-group__inner-container,
.projects-case--network .projects-case__metrics > .kt-inside-inner-col,
.projects-case--network .projects-case__metrics > .is-layout-constrained,
.projects-case--network .projects-case__metrics > .is-layout-flow {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 14px !important;
}

.projects-case--network .projects-case__metrics > *,
.projects-case--network .projects-case__metrics > .wp-block-group__inner-container > *,
.projects-case--network .projects-case__metrics > .kt-inside-inner-col > *,
.projects-case--network .projects-case__metrics > .is-layout-constrained > *,
.projects-case--network .projects-case__metrics > .is-layout-flow > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Neutralise les contraintes internes des métriques */
.projects-case--network .projects-case__metric,
.projects-case--network .projects-case__metric > .wp-block-group__inner-container,
.projects-case--network .projects-case__metric > .kt-inside-inner-col {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
}


/* --------------------------------------------------------------------------
   3. AUTRES COMPOSANTES — 2 BLOCS EN LIGNE
   -------------------------------------------------------------------------- */

.projects-case--network .projects-case__facts,
.projects-case--network .projects-case__facts > .wp-block-group__inner-container,
.projects-case--network .projects-case__facts > .kt-inside-inner-col,
.projects-case--network .projects-case__facts > .is-layout-constrained,
.projects-case--network .projects-case__facts > .is-layout-flow {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
}

.projects-case--network .projects-case__facts,
.projects-case--network .projects-case__facts > .wp-block-group__inner-container,
.projects-case--network .projects-case__facts > .kt-inside-inner-col,
.projects-case--network .projects-case__facts > .is-layout-constrained,
.projects-case--network .projects-case__facts > .is-layout-flow {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px !important;
}

.projects-case--network .projects-case__facts > *,
.projects-case--network .projects-case__facts > .wp-block-group__inner-container > *,
.projects-case--network .projects-case__facts > .kt-inside-inner-col > *,
.projects-case--network .projects-case__facts > .is-layout-constrained > *,
.projects-case--network .projects-case__facts > .is-layout-flow > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* --------------------------------------------------------------------------
   4. COMPRESSION VERTICALE
   -------------------------------------------------------------------------- */

.projects-case__network > .kt-inside-inner-col {
    padding: 34px 38px 36px !important;
}

.projects-case--network .projects-case__title,
.projects-case--network .projects-case__title h3,
.projects-case--network .projects-case__title .kt-adv-heading {
    margin-bottom: 24px !important;
}

.projects-case--network .projects-case__side-label,
.projects-case--network .projects-case__side-label p,
.projects-case--network .projects-case__side-label .kt-adv-heading {
    margin-top: 20px !important;
    margin-bottom: 9px !important;
}


/* --------------------------------------------------------------------------
   5. TABLETTE
   -------------------------------------------------------------------------- */

@media screen and (max-width: 1024px) {
    .projects-case__network-texts,
    .projects-case__network-texts > .wp-block-group__inner-container,
    .projects-case__network-texts > .kt-inside-inner-col,
    .projects-case__network-texts > .is-layout-constrained,
    .projects-case__network-texts > .is-layout-flow {
        gap: 24px !important;
    }

    .projects-case__network > .kt-inside-inner-col {
        padding: 30px !important;
    }
}


/* --------------------------------------------------------------------------
   6. MOBILE
   -------------------------------------------------------------------------- */

@media screen and (max-width: 767px) {
    .projects-case__network-texts,
    .projects-case__network-texts > .wp-block-group__inner-container,
    .projects-case__network-texts > .kt-inside-inner-col,
    .projects-case__network-texts > .is-layout-constrained,
    .projects-case__network-texts > .is-layout-flow {
        grid-template-columns: 1fr !important;
        margin-bottom: 24px !important;
        gap: 20px !important;
    }

    .projects-case--network .projects-case__metrics,
    .projects-case--network .projects-case__metrics > .wp-block-group__inner-container,
    .projects-case--network .projects-case__metrics > .kt-inside-inner-col,
    .projects-case--network .projects-case__metrics > .is-layout-constrained,
    .projects-case--network .projects-case__metrics > .is-layout-flow {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .projects-case--network .projects-case__facts,
    .projects-case--network .projects-case__facts > .wp-block-group__inner-container,
    .projects-case--network .projects-case__facts > .kt-inside-inner-col,
    .projects-case--network .projects-case__facts > .is-layout-constrained,
    .projects-case--network .projects-case__facts > .is-layout-flow {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .projects-case__network > .kt-inside-inner-col {
        padding: 24px 20px !important;
    }
}


/* ==========================================================================
   FIN PATCH 0.2.4
   ========================================================================== */


/* ==========================================================================
   PATCH 0.2.5 — MOD-042 / CAS 02
   Forçage pleine largeur des blocs directs de la Section réseau.
   ========================================================================== */

/* Tous les blocs de premier niveau de la Section réseau doivent occuper
   réellement 100 % de la largeur disponible. */
.projects-case__network > .kt-inside-inner-col > * {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: stretch !important;
}

/* Neutralise les contraintes Gutenberg "constrained" sur les groupes. */
.projects-case__network .wp-block-group,
.projects-case__network .wp-block-group__inner-container,
.projects-case__network .is-layout-constrained,
.projects-case__network .is-layout-flow {
    box-sizing: border-box !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* CONTEXTE / INTERVENTION : pleine largeur 50 / 50 */
.projects-case__network-texts {
    width: 100% !important;
    max-width: none !important;
}

.projects-case__network-texts > .wp-block-group__inner-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 34px !important;
}

.projects-case__network-text {
    width: 100% !important;
    max-width: none !important;
}

/* CHIFFRES CLÉS : le groupe et son wrapper occupent 100 % */
.projects-case--network .projects-case__metrics {
    width: 100% !important;
    max-width: none !important;
}

.projects-case--network .projects-case__metrics > .wp-block-group__inner-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 14px !important;
}

.projects-case--network .projects-case__metric {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Empêche les chiffres de casser mot par mot */
.projects-case--network .projects-case__metric h4,
.projects-case--network .projects-case__metric .kt-adv-heading,
.projects-case--network .projects-case__metric .wp-block-kadence-advancedheading {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.projects-case--network .projects-case__metric p {
    overflow-wrap: normal !important;
    word-break: normal !important;
}

/* AUTRES COMPOSANTES : pleine largeur 50 / 50 */
.projects-case--network .projects-case__facts {
    width: 100% !important;
    max-width: none !important;
}

.projects-case--network .projects-case__facts > .wp-block-group__inner-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 12px !important;
}

/* Résultat sur toute la largeur */
.projects-case--network .projects-case__result,
.projects-case--network .projects-case__result p,
.projects-case--network .projects-case__result .kt-adv-heading {
    width: 100% !important;
    max-width: none !important;
}

/* Mobile */
@media screen and (max-width: 767px) {
    .projects-case__network-texts > .wp-block-group__inner-container,
    .projects-case--network .projects-case__metrics > .wp-block-group__inner-container,
    .projects-case--network .projects-case__facts > .wp-block-group__inner-container {
        grid-template-columns: 1fr !important;
    }

    .projects-case--network .projects-case__metric h4,
    .projects-case--network .projects-case__metric .kt-adv-heading,
    .projects-case--network .projects-case__metric .wp-block-kadence-advancedheading {
        white-space: normal !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.2.5
   ========================================================================== */


/* ==========================================================================
   PATCH 0.2.6 — MOD-042 / CAS 02
   Correction finale de largeur : les sous-groupes doivent utiliser toute
   la largeur réelle de .projects-case__network.
   ========================================================================== */

/* La Section réseau devient le référentiel de largeur. */
.projects-case__network,
.projects-case__network > .kt-inside-inner-col {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

.projects-case__network > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/* Tous les blocs directs sont forcés à 100 %. */
.projects-case__network > .kt-inside-inner-col > * {
    flex: 0 0 auto !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* CONTEXTE + INTERVENTION */
.projects-case__network-texts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 34px !important;
}

/* Dans ce montage Kadence/Gutenberg, on neutralise les wrappers intermédiaires. */
.projects-case__network-texts > .wp-block-group__inner-container,
.projects-case__network-texts > .kt-inside-inner-col,
.projects-case__network-texts > .is-layout-constrained,
.projects-case__network-texts > .is-layout-flow {
    display: contents !important;
}

.projects-case__network-text {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* CHIFFRES CLÉS */
.projects-case--network .projects-case__metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 14px !important;
}

.projects-case--network .projects-case__metrics > .wp-block-group__inner-container,
.projects-case--network .projects-case__metrics > .kt-inside-inner-col,
.projects-case--network .projects-case__metrics > .is-layout-constrained,
.projects-case--network .projects-case__metrics > .is-layout-flow {
    display: contents !important;
}

.projects-case--network .projects-case__metric {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 110px !important;
}

.projects-case--network .projects-case__metric h4,
.projects-case--network .projects-case__metric .kt-adv-heading,
.projects-case--network .projects-case__metric .wp-block-kadence-advancedheading {
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 24px !important;
}

.projects-case--network .projects-case__metric p {
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 12px !important;
}

/* AUTRES COMPOSANTES */
.projects-case--network .projects-case__facts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 12px !important;
}

.projects-case--network .projects-case__facts > .wp-block-group__inner-container,
.projects-case--network .projects-case__facts > .kt-inside-inner-col,
.projects-case--network .projects-case__facts > .is-layout-constrained,
.projects-case--network .projects-case__facts > .is-layout-flow {
    display: contents !important;
}

/* Le résultat garde 100 % de largeur. */
.projects-case--network .projects-case__result,
.projects-case--network .projects-case__result p,
.projects-case--network .projects-case__result .kt-adv-heading {
    width: 100% !important;
    max-width: none !important;
}

/* On réduit un peu l'espacement vertical global maintenant que la carte
   utilise correctement sa largeur. */
.projects-case--network .projects-case__side-label,
.projects-case--network .projects-case__side-label p,
.projects-case--network .projects-case__side-label .kt-adv-heading {
    margin-top: 18px !important;
}

.projects-case--network .projects-case__metrics {
    margin-bottom: 20px !important;
}

.projects-case--network .projects-case__facts {
    margin-bottom: 20px !important;
}

/* Mobile */
@media screen and (max-width: 767px) {
    .projects-case__network-texts,
    .projects-case--network .projects-case__metrics,
    .projects-case--network .projects-case__facts {
        grid-template-columns: 1fr !important;
    }

    .projects-case--network .projects-case__metric {
        min-height: 0 !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.2.6
   ========================================================================== */


/* ==========================================================================
   PATCH 0.3.2 — MOD-043 / RANGÉE KADENCE 4 COLONNES
   Nouvelle structure :
   .projects-more__grid = Rangée Kadence 4 colonnes
   .projects-more__column = Section de colonne
   Chaque colonne contient 2 cartes.
   ========================================================================== */

/* Neutralise l'ancien comportement de Groupe Gutenberg */
.projects-more__grid {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* La vraie grille est le wrapper Kadence */
.projects-more__grid > .kt-row-column-wrap,
.projects-more__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;

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

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

    gap: 18px !important;
}

/* Colonnes */
.projects-more__column,
.projects-more__column > .kt-inside-inner-col {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;

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

.projects-more__column > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

/* Cartes dans la nouvelle structure */
.projects-more__column .projects-more__card {
    flex: 1 1 0 !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    min-height: 245px !important;

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

/* Évite les contraintes héritées Gutenberg/Kadence dans le contenu des cartes */
.projects-more__column .projects-more__card > *,
.projects-more__column .projects-more__card .kt-adv-heading,
.projects-more__column .projects-more__card .wp-block-kadence-advancedheading,
.projects-more__column .projects-more__card p {
    max-width: none !important;
}

/* Tablette : 2 colonnes */
@media screen and (max-width: 1024px) {
    .projects-more__grid > .kt-row-column-wrap,
    .projects-more__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .projects-more__column > .kt-inside-inner-col {
        gap: 16px !important;
    }

    .projects-more__column .projects-more__card {
        min-height: 220px !important;
    }
}

/* Mobile : une colonne */
@media screen and (max-width: 767px) {
    .projects-more__grid > .kt-row-column-wrap,
    .projects-more__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
        gap: 13px !important;
    }

    .projects-more__column > .kt-inside-inner-col {
        gap: 13px !important;
    }

    .projects-more__column .projects-more__card {
        min-height: 0 !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.3.2
   ========================================================================== */


/* ==========================================================================
   PATCH 0.3.3 — MOD-043 / ALIGNEMENT DES 8 CARTES
   Objectif :
   - aligner parfaitement les 4 cartes de la première ligne ;
   - aligner parfaitement les 4 cartes de la seconde ligne ;
   - conserver la structure Kadence 4 colonnes existante ;
   - laisser la hauteur de chaque ligne être déterminée par la carte la plus haute.
   ========================================================================== */

/* On "aplatit" uniquement les Sections de colonnes afin que les 8 cartes
   deviennent directement les éléments de la grille Kadence principale. */
.projects-more__column,
.projects-more__column > .kt-inside-inner-col {
    display: contents !important;
}

/* La Rangée devient une vraie grille 4 × 2. */
.projects-more__grid > .kt-row-column-wrap,
.projects-more__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    align-items: stretch !important;
    gap: 18px !important;
}

/* Les cartes ne sont plus forcées à une hauteur arbitraire :
   chaque ligne prend automatiquement la hauteur de la carte la plus haute. */
.projects-more__column .projects-more__card,
.projects-more__card {
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
}

/* Placement explicite desktop : 01 02 03 04 / 05 06 07 08 */
.projects-more__card--01 { grid-column: 1 !important; grid-row: 1 !important; }
.projects-more__card--02 { grid-column: 2 !important; grid-row: 1 !important; }
.projects-more__card--03 { grid-column: 3 !important; grid-row: 1 !important; }
.projects-more__card--04 { grid-column: 4 !important; grid-row: 1 !important; }

.projects-more__card--05 { grid-column: 1 !important; grid-row: 2 !important; }
.projects-more__card--06 { grid-column: 2 !important; grid-row: 2 !important; }
.projects-more__card--07 { grid-column: 3 !important; grid-row: 2 !important; }
.projects-more__card--08 { grid-column: 4 !important; grid-row: 2 !important; }

/* Tablette : 2 colonnes × 4 lignes */
@media screen and (max-width: 1024px) {
    .projects-more__grid > .kt-row-column-wrap,
    .projects-more__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(4, auto) !important;
        gap: 16px !important;
    }

    .projects-more__card--01 { grid-column: 1 !important; grid-row: 1 !important; }
    .projects-more__card--02 { grid-column: 2 !important; grid-row: 1 !important; }

    .projects-more__card--03 { grid-column: 1 !important; grid-row: 2 !important; }
    .projects-more__card--04 { grid-column: 2 !important; grid-row: 2 !important; }

    .projects-more__card--05 { grid-column: 1 !important; grid-row: 3 !important; }
    .projects-more__card--06 { grid-column: 2 !important; grid-row: 3 !important; }

    .projects-more__card--07 { grid-column: 1 !important; grid-row: 4 !important; }
    .projects-more__card--08 { grid-column: 2 !important; grid-row: 4 !important; }
}

/* Mobile : ordre naturel 01 → 08 */
@media screen and (max-width: 767px) {
    .projects-more__grid > .kt-row-column-wrap,
    .projects-more__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
        grid-template-rows: none !important;
        gap: 13px !important;
    }

    .projects-more__card--01,
    .projects-more__card--02,
    .projects-more__card--03,
    .projects-more__card--04,
    .projects-more__card--05,
    .projects-more__card--06,
    .projects-more__card--07,
    .projects-more__card--08 {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    /* ordre visuel garanti */
    .projects-more__card--01 { order: 1 !important; }
    .projects-more__card--02 { order: 2 !important; }
    .projects-more__card--03 { order: 3 !important; }
    .projects-more__card--04 { order: 4 !important; }
    .projects-more__card--05 { order: 5 !important; }
    .projects-more__card--06 { order: 6 !important; }
    .projects-more__card--07 { order: 7 !important; }
    .projects-more__card--08 { order: 8 !important; }
}

/* ==========================================================================
   FIN PATCH 0.3.3
   ========================================================================== */


/* ==========================================================================
   PATCH 0.3.4 — MOD-043 / ESPACEMENT ENTRE LES DEUX LIGNES
   Conserve l'alignement horizontal obtenu en 0.3.3 mais crée une vraie
   respiration visuelle avant les cartes 05 à 08.
   ========================================================================== */

/* Desktop : écart horizontal compact, écart vertical nettement plus généreux */
.projects-more__grid > .kt-row-column-wrap,
.projects-more__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
    column-gap: 18px !important;
    row-gap: 48px !important;
}

/* Tablette : même principe, légèrement réduit */
@media screen and (max-width: 1024px) {
    .projects-more__grid > .kt-row-column-wrap,
    .projects-more__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        column-gap: 16px !important;
        row-gap: 34px !important;
    }
}

/* Mobile : les cartes redeviennent une liste, donc espacement régulier */
@media screen and (max-width: 767px) {
    .projects-more__grid > .kt-row-column-wrap,
    .projects-more__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        column-gap: 0 !important;
        row-gap: 16px !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.3.4
   ========================================================================== */


/* ==========================================================================
   PATCH 0.3.7 — MOD-041 / HERO RÉALISATIONS — CORRECTION MOBILE
   Objet :
   - empêcher Kadence de masquer / comprimer le contenu des cartes sur mobile ;
   - conserver les 4 cartes complètes avec numéro + H3 + texte ;
   - forcer une seule colonne pleine largeur.
   ========================================================================== */

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

    /* Rangée interne : une seule colonne réelle */
    .projects-hero__cards,
    .projects-hero__cards > .kt-row-column-wrap,
    .projects-hero__cards > .kb-row-layout-wrap,
    .projects-hero__cards > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .projects-hero__cards > .kt-row-column-wrap,
    .projects-hero__cards > .kb-row-layout-wrap > .kt-row-column-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        gap: 14px !important;
    }

    /* Colonnes Kadence : toujours visibles et pleine largeur */
    .projects-hero__cards .wp-block-kadence-column,
    .projects-hero__cards .kt-row-column-wrap > *,
    .projects-hero__cards .kt-inside-inner-col {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        gap: 14px !important;
    }

    /* Cartes : contenu naturel, jamais tronqué */
    .projects-hero__card {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 22px 20px 20px !important;
    }

    /* Contenu réel de la carte */
    .projects-hero__card > *,
    .projects-hero__card h2,
    .projects-hero__card h3,
    .projects-hero__card h4,
    .projects-hero__card p,
    .projects-hero__card .kt-adv-heading,
    .projects-hero__card .wp-block-kadence-advancedheading {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .projects-hero__card h2,
    .projects-hero__card h3,
    .projects-hero__card h4,
    .projects-hero__card .kt-adv-heading,
    .projects-hero__card .wp-block-kadence-advancedheading {
        margin: 0 0 9px !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .projects-hero__card p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.58 !important;
    }

    .projects-hero__card::before {
        margin-bottom: 16px !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.3.7
   ========================================================================== */


/* ==========================================================================
   PATCH 0.3.8 — MOD-041 / HERO — RESET MOBILE DES CARTES
   Objectif :
   - 1 seule colonne réelle sur mobile ;
   - carte blanche = numéro + titre + texte dans le même cadre ;
   - aucune largeur 50 % héritée de Kadence ;
   - aucun contenu positionné hors du cadre.
   ========================================================================== */

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

    /* ---------------------------------------------------------------
       RANGÉE INTERNE : UNE COLONNE, SANS LARGEUR KADENCE HÉRITÉE
       --------------------------------------------------------------- */

    .projects-hero__panel,
    .projects-hero__panel > .kt-inside-inner-col,
    .projects-hero__cards,
    .projects-hero__cards > .kb-row-layout-wrap,
    .projects-hero__cards > .kt-row-column-wrap,
    .projects-hero__cards > .kb-row-layout-wrap > .kt-row-column-wrap {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .projects-hero__cards > .kt-row-column-wrap,
    .projects-hero__cards > .kb-row-layout-wrap > .kt-row-column-wrap {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    /* Les deux Sections Kadence internes occupent chacune 100 %. */
    .projects-hero__cards .wp-block-kadence-column,
    .projects-hero__cards .inner-column-1,
    .projects-hero__cards .inner-column-2,
    .projects-hero__cards .kt-row-column-wrap > .wp-block-kadence-column {
        box-sizing: border-box !important;
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .projects-hero__cards .wp-block-kadence-column > .kt-inside-inner-col,
    .projects-hero__cards .kt-inside-inner-col {
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 14px !important;
    }

    /* ---------------------------------------------------------------
       CARTE : UN SEUL CADRE AUTOUR DE TOUT LE CONTENU
       --------------------------------------------------------------- */

    .projects-hero__card {
        box-sizing: border-box !important;
        position: relative !important;

        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: column !important;
        align-items: stretch !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        overflow: visible !important;

        border: 1px solid rgba(2, 36, 106, .14) !important;
        border-radius: 16px !important;
        background: #FFFFFF !important;
        box-shadow: 0 14px 30px -26px rgba(2, 36, 106, .28) !important;
    }

    /* Wrappers éventuellement ajoutés par Gutenberg dans le Groupe carte. */
    .projects-hero__card > .wp-block-group__inner-container,
    .projects-hero__card > .kt-inside-inner-col,
    .projects-hero__card > .is-layout-constrained,
    .projects-hero__card > .is-layout-flow {
        box-sizing: border-box !important;
        position: static !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

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

        height: auto !important;
        min-height: 0 !important;

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

        overflow: visible !important;
        gap: 0 !important;
    }

    /* ---------------------------------------------------------------
       NUMÉRO / TITRE / TEXTE
       --------------------------------------------------------------- */

    .projects-hero__card::before {
        position: static !important;
        display: block !important;
        width: auto !important;
        height: auto !important;

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

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

    .projects-hero__card h2,
    .projects-hero__card h3,
    .projects-hero__card h4,
    .projects-hero__card p,
    .projects-hero__card .kt-adv-heading,
    .projects-hero__card .wp-block-kadence-advancedheading {
        box-sizing: border-box !important;
        position: static !important;

        display: block !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

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

    .projects-hero__card h2,
    .projects-hero__card h3,
    .projects-hero__card h4,
    .projects-hero__card .kt-adv-heading,
    .projects-hero__card .wp-block-kadence-advancedheading {
        margin: 0 0 9px !important;

        color: var(--ing-color-title) !important;

        font-size: 19px !important;
        font-weight: 700 !important;
        line-height: 1.28 !important;
        letter-spacing: -.015em !important;
    }

    .projects-hero__card p {
        margin: 0 !important;

        color: var(--ing-color-text) !important;

        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 1.58 !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.3.8
   ========================================================================== */