/* =========================================================================
   CSS LOCAL — HERO (scopé : .ui-programmes .ui-hero) — NE PAS DÉPLACER
   ========================================================================= */
/* ===== Base / layout ===== */
.ui-programmes .ui-hero{margin-top:5rem;scroll-margin-top:var(--ui-offset);color:#111}
.ui-programmes .ui-hero__wrap{display:flex;flex-wrap:wrap}
.ui-programmes .ui-hero__left{flex:1 1 60%;min-width:320px;display:flex;flex-direction:column}
.ui-programmes .ui-hero__panel{padding:2rem}
.ui-programmes .ui-hero__panel--yellow{background:var(--ui-yellow)}
.ui-programmes .ui-hero__panel--white{background:#fff;padding:1.5rem 2rem}
/* ===== Typo / contenus ===== */
.ui-programmes .ui-hero__title{margin:0 0 1rem;font-weight:900;line-height:1.06;font-size:clamp(2rem,3.5vw,3rem);color:#000;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.ui-programmes .ui-hero__lead{margin:0;font-size:1.05rem}
.ui-programmes .ui-hero__section{margin:0 0 .6rem;font-weight:800}
.ui-programmes .ui-hero__list{margin:0;padding:0;list-style:none}
.ui-programmes .ui-hero__item{margin:.45rem 0}
.ui-programmes .ui-hero__item::before{content:"— ";margin-right:.35rem}
.ui-programmes .ui-hero__link{color:#111;text-decoration:none}
.ui-programmes .ui-hero__link:hover{text-decoration:underline}
/* ===== Panneau droit ===== */
.ui-programmes .ui-hero__right{flex:1 1 40%;min-width:280px;background:var(--ui-green);position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}
.ui-programmes .ui-hero__img{position:relative;z-index:2;max-height:420px;max-width:100%;width:auto;height:auto;display:block;object-fit:contain}
.ui-programmes .ui-hero__side{color:#fff;font-weight:700;font-size:1.05rem;text-align:center;padding:1rem 0}
/* ===== Responsive ===== */
@media (max-width:991.98px){.ui-programmes .ui-hero__wrap{flex-direction:column}}
@media (max-width:991.98px){.ui-programmes .ui-hero__title{font-size:clamp(1.8rem,6vw,2.3rem)}}
@media (max-width:991.98px){.ui-programmes .ui-hero__right{display:flex;min-height:160px}}


  /* ======================================================================
   CSS LOCAL — CYCLE FONDAMENTAL (scopé : .ui-programmes) — NE PAS DÉPLACER
   ====================================================================== */
/* Hero : ajustements page */
    .ui-programmes .ui-hero{margin-bottom:.9rem}
    .ui-programmes .ui-hero__img{display:none}
    .ui-programmes .ui-hero__right{align-items:center!important;justify-content:center}
    @media (max-width:991.98px){.ui-programmes .ui-hero__right{display:flex!important;min-height:160px}}

    /* Grille "Faits clés" */
    .ui-programmes .ui-facts{display:grid;grid-template-columns:1fr;gap:.75rem}
    .ui-programmes .ui-fact{background:#fff8cc;border:1px solid #ffe27a;border-radius:.8rem;padding:.9rem 1rem}
    .ui-programmes .ui-fact b{color:#000}
    @media(min-width:992px){.ui-programmes .ui-facts{grid-template-columns:repeat(3,1fr)}}

    /* Sections / typographie */
    .ui-programmes .ui-blk{padding:2rem 0;scroll-margin-top:calc(var(--header-h,72px)+12px)}
    .ui-programmes .ui-title{color:#000;font-weight:800;margin-bottom:.75rem;font-size:clamp(1.3rem,2vw,1.5rem)}
    .ui-programmes .ui-lead{color:#444}

    /* Images responsives */
    .ui-programmes .ui-img{width:100%;height:100%;object-fit:cover;border-radius:1rem;aspect-ratio:16/9}
    .ui-programmes .ui-img--340{max-height:340px}
    .ui-programmes .ui-img--320{max-height:320px}

    /* Nav rapide */
    .ui-programmes .ui-quicknav{position:sticky;top:var(--header-h,72px);background:#fff;border-bottom:1px solid #eee;z-index:5;margin-bottom:1rem}
    .ui-programmes .ui-quicknav a{color:#000;text-decoration:none;font-weight:700;padding:.75rem 1rem;display:inline-block}
    .ui-programmes .ui-quicknav a:hover{background:#fff2a8}



    /* ====================================================================
   CSS LOCAL — CYCLE SECONDAIRE (scopé : .ui-programmes) — NE PAS DÉPLACER
   ==================================================================== */

       /* Hero : page overrides */
       .ui-programmes .ui-hero{margin-bottom:.9rem}
       .ui-programmes .ui-hero__img{display:none}
       .ui-programmes .ui-hero__right{align-items:center;justify-content:center}
       @media (max-width:991.98px){.ui-programmes .ui-hero__right{display:flex!important;min-height:160px}}
   
       /* Barre d’ancrage */
       .ui-programmes .ui-anchor{position:sticky;top:var(--header-h,72px);background:#fff;border-bottom:1px solid #eee;z-index:5;margin-bottom:1rem}
       .ui-programmes .ui-anchor a{color:#000;text-decoration:none;font-weight:700;padding:.75rem 1rem;display:inline-block}
       .ui-programmes .ui-anchor a:hover{background:#fff2a8}
   
       /* Sections / typographie */
       .ui-programmes .ui-blk{padding:2rem 0;scroll-margin-top:calc(var(--header-h,72px)+12px)}
       .ui-programmes .ui-title{color:#000;font-weight:800;margin-bottom:.75rem;font-size:clamp(1.3rem,2vw,1.5rem)}
       .ui-programmes .ui-list-hl{list-style:none;padding-left:0;margin:0}
       .ui-programmes .ui-list-hl li{margin:.35rem 0}
   
       /* Faits clés */
       .ui-programmes .ui-facts{display:grid;grid-template-columns:1fr;gap:.75rem}
       .ui-programmes .ui-fact{background:#fff8cc;border:1px solid #ffe27a;border-radius:.8rem;padding:.9rem 1rem}
       .ui-programmes .ui-fact b{color:#000}
       @media(min-width:992px){.ui-programmes .ui-facts{grid-template-columns:repeat(3,1fr)}}
   
       /* Images */
       .ui-programmes .ui-img{width:100%;height:100%;object-fit:cover;border-radius:1rem;aspect-ratio:16/9}
       .ui-programmes .ui-img--340{max-height:340px}
       .ui-programmes .ui-img--320{max-height:320px}



       /* ====================================================================
   CSS LOCAL — LYCÉE GÉNÉRAL (scopé : .ui-programmes) — NE PAS DÉPLACER
   ==================================================================== */

   /* Hero : overrides page */
   .ui-programmes .ui-hero{margin-bottom:.9rem}
   .ui-programmes .ui-hero__img{display:none}
   .ui-programmes .ui-hero__right{align-items:center;justify-content:center}
   @media (max-width:991.98px){.ui-programmes .ui-hero__right{display:flex!important;min-height:160px}}

   /* Barre d’ancrage */
   .ui-programmes .ui-anchor{position:sticky;top:var(--header-h,72px);background:#fff;border-bottom:1px solid #eee;z-index:5;margin-bottom:1rem}
   .ui-programmes .ui-anchor a{color:#000;text-decoration:none;font-weight:700;padding:.75rem 1rem;display:inline-block}
   .ui-programmes .ui-anchor a:hover{background:#fff2a8}

   /* Sections / typographie */
   .ui-programmes .ui-blk{padding:2rem 0;scroll-margin-top:calc(var(--header-h,72px)+12px)}
   .ui-programmes .ui-title{color:#000;font-weight:800;margin-bottom:.75rem;font-size:clamp(1.3rem,2vw,1.5rem)}

   /* Pills */
   .ui-programmes .ui-pill{display:inline-block;background:#fff8cc;border:1px solid #ffe27a;border-radius:.8rem;padding:.9rem 1rem;line-height:1.25;font-weight:400}
   .ui-programmes .ui-pill b{color:#000}



   /* ==================================================================================
   CSS LOCAL — FORMATION PROFESSIONNELLE (scopé : .ui-programmes) — NE PAS DÉPLACER
   ================================================================================== */
    /* Hero : overrides page */
    .ui-programmes .ui-hero{margin-bottom:.9rem}
    .ui-programmes .ui-hero__img{display:none}
    .ui-programmes .ui-hero__right{align-items:center;justify-content:center}
    @media (max-width:991.98px){.ui-programmes .ui-hero__right{display:flex!important;min-height:160px}}

    /* Barre d’ancrage */
    .ui-programmes .ui-anchor{position:sticky;top:var(--header-h,72px);background:#fff;border-bottom:1px solid #eee;z-index:5;margin-bottom:1rem}
    .ui-programmes .ui-anchor a{color:#000;text-decoration:none;font-weight:700;padding:.75rem 1rem;display:inline-block}
    .ui-programmes .ui-anchor a:hover{background:#fff2a8}

    /* Sections / typographie */
    .ui-programmes .ui-blk{padding:2rem 0;scroll-margin-top:calc(var(--header-h,72px)+12px)}
    .ui-programmes .ui-title{color:#000;font-weight:800;margin-bottom:.75rem;font-size:clamp(1.3rem,2vw,1.5rem)}

    /* Pills (faits clés compacts) */
.ui-programmes .ui-pill{display:inline-block;border-radius:999px;padding:.35rem .75rem;border:1px solid #ffe27a;background:#fff8cc;font-weight:400}
.ui-programmes .ui-pill b{color:#000}

    /* Images responsives */
    .ui-programmes .ui-img{width:100%;height:100%;object-fit:cover;border-radius:1rem;aspect-ratio:16/9}
    .ui-programmes .ui-img--340{max-height:340px}
    .ui-programmes .ui-img--320{max-height:320px}


/* ==================================================================================
   CSS LOCAL — INDEX PROGRAMMES (scopé : .ui-programmes--index) — NE PAS DÉPLACER
   ================================================================================== */
   .ui-programmes--index .ui-hero__img{display:block!important}
   .ui-programmes--index .ui-hero__right{display:flex!important}
   
   /* ==================================================================================
      CSS LOCAL — LISTES DES PROGRAMMES INDEX (scopé : .ui-programmes--index)
      ================================================================================== */
   /* Décalage d’ancrage depuis le HERO */
   .ui-programmes--index .col-md-6[id]{scroll-margin-top:calc(var(--header-h,72px)+12px)}
   /* Cartes */
   .ui-programmes--index .ui-prog-card{border:0;border-radius:1rem;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease}
   .ui-programmes--index .ui-prog-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.1)}
   .ui-programmes--index .ui-prog-thumb{height:190px;background:#f5f5f5}
   @media(min-width:1200px){.ui-programmes--index .ui-prog-thumb{height:210px}}
   .ui-programmes--index .ui-prog-img{width:100%;height:100%;object-fit:cover;display:block}
   .ui-programmes--index .ui-prog-title{color:#000!important;font-weight:800}
   .ui-programmes--index .ui-prog-desc{color:#555}
   .ui-programmes--index .ui-prog-badge{background:#fff8cc;border:1px solid #ffe27a;color:#000;border-radius:999px;padding:.35rem .6rem;font-weight:700;font-size:.85rem}
   .ui-programmes--index .ui-btn-ink{background:#000;color:#fff;border:0;font-weight:700}
   .ui-programmes--index .ui-btn-ink:hover{opacity:.9;color:#fff}
   .ui-programmes--index .ui-list-hl{list-style:none;padding-left:0;margin-bottom:0}
   .ui-programmes--index .ui-list-hl li{display:flex;gap:.5rem;align-items:flex-start;margin:.25rem 0}
   .ui-programmes--index .ui-list-hl li::before{content:"—";font-weight:900;line-height:1.25;color:#000;opacity:.85}
   

   /* =========================================================
   NAVBAR WKX — CSS (inline pour regroupement) — prefix wkx-
   ========================================================= */
/* Compact léger partout */
.wkx-navbar .navbar-nav>.nav-item>.nav-link{padding-top:.65rem;padding-bottom:.65rem}
/* Topline (réseaux + langues) */
.wkx-topline-pill{background:#FFB300;color:#111}
/* Desktop ≥992px */
@media (min-width:992px){
  .wkx-navbar{padding-top:1.1rem;padding-bottom:.1rem;background-color:rgba(255,255,255,.92);backdrop-filter:saturate(120%) blur(6px);box-shadow:0 8px 30px rgba(0,0,0,.05);transition:padding-top .25s ease,padding-bottom .25s ease,background-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}
  .wkx-navbar .navbar-brand img{height:64px;transition:height .25s ease}
  .wkx-navbar .nav-link{font-size:1.06rem;padding:.65rem .75rem;transition:padding .2s ease}
  .wkx-navbar.is-compact{padding-top:.45rem;padding-bottom:.45rem;background-color:rgba(255,255,255,.985);box-shadow:0 6px 24px rgba(0,0,0,.12)}
  .wkx-navbar.is-compact .navbar-brand img{height:40px}
  .wkx-navbar.is-compact .nav-link{padding:.4rem .55rem}
  .wkx-navbar.is-compact .nav-topline{display:none!important}
  /* Wordmark */
  .wkx-brand-lockup{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-start;padding:0 .75rem;transition:opacity .25s ease,transform .25s ease}
  .wkx-navbar.is-compact .wkx-brand-lockup{opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none}
  .wkx-brand-lockup .wkx-brand-lockup-text{display:block}
  .wkx-brand-lockup .wkx-brand-lockup-svg{display:none}
  .wkx-brand-lockup-text{color:#FFB300;text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 12px rgba(0,0,0,.35);line-height:1.05;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .wkx-brand-lockup-text .wl1{display:block;font-weight:800;letter-spacing:.2px;font-size:clamp(22px,2.1vw,32px)}
  .wkx-brand-lockup-text .wl2{display:block;font-weight:500;letter-spacing:.15px;opacity:.9;font-size:clamp(12px,1vw,16px)}
}
/* 992–1399px : masquer la baseline sans imbriquer @media */
@media (min-width:992px) and (max-width:1399.98px){
  .wkx-brand-lockup-text .wl2{display:none}
}
/* Accessibilité: animations réduites */
@media (prefers-reduced-motion:reduce){
  .wkx-navbar,.wkx-navbar .navbar-brand img,.wkx-brand-lockup{transition:none!important}
}