/* V19 — Ajustement strict de la partie supérieure des pages de détail
   « Nos programmes de formation ». Aucune règle ci-dessous ne cible les
   sections situées après le bandeau des quatre indicateurs. */

/* Par défaut, les nouveaux SVG restent inactifs pour préserver le rendu mobile existant. */
body.fb-v18-program-detail .fb-v19-meta-svg,
body.fb-v18-program-detail .fb-v19-kpi-svg,
body.fb-v18-program-detail .fb-v19-kpi-label,
body.fb-v18-program-detail .fb-v19-kpi-rule{display:none;}

@media (min-width:981px){
  /* Bouton d'inscription : uniquement sur les pages programme, uniquement desktop. */
  body.fb-v18-program-detail .topbar nav{
    align-items:center;
    gap:clamp(14px,1.8vw,27px);
  }
  body.fb-v18-program-detail .topbar nav .fb-v19-nav-register{
    display:inline-flex;
    min-height:36px;
    align-items:center;
    justify-content:center;
    padding:9px 17px;
    margin-left:2px;
    border-radius:5px;
    background:#e51f2a;
    color:#fff!important;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.035em;
    text-decoration:none;
    text-transform:uppercase;
    box-shadow:0 5px 12px rgba(229,31,42,.18);
  }
  body.fb-v18-program-detail .topbar nav .fb-v19-nav-register:hover{
    background:#c91922;
    color:#fff!important;
  }

  /* Bannière : on conserve son image et sa géométrie, on allège seulement le contenu. */
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .fb-v18-eyebrow{
    margin-bottom:11px;
    color:#f28b1a!important;
    font-size:14px;
    font-weight:900;
    line-height:1.2;
    letter-spacing:.055em;
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero h1{
    position:relative;
    font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif!important;
    max-width:670px!important;
    margin-bottom:25px!important;
    font-size:clamp(24px,2.65vw,36px)!important;
    line-height:1.07!important;
    letter-spacing:-.012em!important;
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero h1::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-13px;
    width:72px;
    height:3px;
    border-radius:999px;
    background:#f28b1a;
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .fb-v19-hero-description{
    max-width:650px!important;
    margin:0!important;
    color:rgba(255,255,255,.97)!important;
    font-size:15px!important;
    line-height:1.55!important;
    font-weight:500!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }

  /* Informations pratiques : pictogrammes lisibles, données alignées et aérées. */
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .fb-v19-hero-meta{
    display:grid!important;
    grid-template-columns:1.18fr .78fr 1.05fr .99fr!important;
    width:min(100%,760px)!important;
    gap:0!important;
    margin:28px 0 0!important;
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .fb-v19-meta-item{
    position:relative;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:35px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:8px!important;
    row-gap:3px!important;
    padding:0 18px 0 0!important;
    margin-right:18px!important;
    align-items:center!important;
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .fb-v19-meta-item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:6px;
    bottom:6px;
    width:1px;
    background:rgba(255,255,255,.24);
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .fb-v19-meta-item:last-child{
    margin-right:0!important;
    padding-right:0!important;
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .fb-v19-meta-icon{
    grid-row:1 / span 2!important;
    width:33px!important;
    height:33px!important;
    border:1.5px solid rgba(255,255,255,.82)!important;
    border-radius:6px!important;
    background:rgba(4,35,89,.18)!important;
    color:#fff!important;
  }
  body.fb-v18-program-detail .fb-v19-meta-legacy{display:none!important;}
  body.fb-v18-program-detail .fb-v19-meta-svg{
    display:block!important;
    width:20px;
    height:20px;
  }
  body.fb-v18-program-detail .fb-v19-meta-svg svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .fb-v19-meta-item b{
    color:#f28b1a!important;
    font-size:9.5px!important;
    line-height:1.12!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .fb-v19-meta-item>span:last-child{
    color:#fff!important;
    font-size:10px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    font-weight:800!important;
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .formation-hero-actions{
    margin-top:24px!important;
    gap:18px!important;
  }
  body.fb-v18-program-detail .formation-hero.fb-v19-hero .formation-hero-actions .btn{
    min-height:48px!important;
    padding:13px 22px!important;
    border-radius:5px!important;
    font-size:11px!important;
  }

  /* Bandeau blanc : même carte, hiérarchie interne recréée comme la référence. */
  body.fb-v18-program-detail .formation-kpis.fb-v18-kpis.fb-v19-kpis{
    width:min(calc(100% - 76px),1440px)!important;
    margin:-48px auto 44px!important;
    border:1px solid #e1e6ee!important;
    border-radius:10px!important;
    box-shadow:0 8px 22px rgba(7,34,86,.10)!important;
    overflow:hidden!important;
  }
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi{
    position:relative!important;
    min-height:205px!important;
    padding:24px 28px 22px!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    column-gap:16px!important;
    align-content:start!important;
    border:0!important;
    background:#fff!important;
  }
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi:not(:last-child)::after{
    content:"";
    position:absolute;
    top:22px;
    bottom:22px;
    right:0;
    width:1px;
    background:#d9dee7;
  }
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-icon{
    grid-row:auto!important;
    width:56px!important;
    height:56px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    font-size:0!important;
  }
  body.fb-v18-program-detail .fb-v19-kpi-legacy{display:none!important;}
  body.fb-v18-program-detail .fb-v19-kpi-svg{
    display:block!important;
    width:30px;
    height:30px;
  }
  body.fb-v18-program-detail .fb-v19-kpi-svg svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi b{
    margin:2px 0 3px!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:950!important;
    text-transform:uppercase!important;
  }
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-label{
    display:block!important;
    color:#102654;
    font-size:10px;
    line-height:1.25;
    font-weight:900;
    text-transform:uppercase;
  }
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-rule{
    display:block!important;
    width:34px;
    height:2px;
    margin:13px 0 15px;
    background:#12255a;
  }
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi small{
    display:block!important;
    margin:0!important;
    color:#33415e!important;
    font-size:11px!important;
    line-height:1.48!important;
    font-weight:500!important;
    text-align:left!important;
  }
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-1 .fb-v19-kpi-icon{background:#fff0f1!important;color:#e51f2a!important;}
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-1 b{color:#e51f2a!important;}
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-2 .fb-v19-kpi-icon{background:#edf5ff!important;color:#0968d8!important;}
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-2 b{color:#0968d8!important;}
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-3 .fb-v19-kpi-icon{background:#edf9ef!important;color:#2c9d47!important;}
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-3 b{color:#2c9d47!important;}
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-4 .fb-v19-kpi-icon{background:#fff3e8!important;color:#f27a12!important;}
  body.fb-v18-program-detail .formation-kpis.fb-v19-kpis .fb-v19-kpi-4 b{color:#f27a12!important;}
}

/* Sur tablette/téléphone, ne pas afficher le nouveau bouton desktop et préserver
   les dimensions V18 existantes. */
@media (max-width:980px){
  body.fb-v18-program-detail .topbar nav .fb-v19-nav-register{display:none!important;}
}