/* ===== Palette JeuxEnd — Noir + rouge néon ===== */
  #je-ribbon{
    --je-bg-1:#0b0f16;         /* noir profond bleu-nuit */
    --je-bg-2:#090d14;
    --je-border:rgba(255,255,255,.08);
    --je-text:#e9ecf2;         /* texte principal */
    --je-accent:#ff2d55;       /* rouge néon */
    --je-accent-2:#ff4d6d;     /* déclinaison plus claire */
    --je-glow:0 0 12px rgba(255,45,85,.35);
  }

  /* Conteneur */
  .je-ribbon{
    background: linear-gradient(180deg,var(--je-bg-1),var(--je-bg-2));
    border-top:1px solid var(--je-border);
    border-bottom:1px solid var(--je-border);
    box-shadow: 0 8px 28px rgba(0,0,0,.6);
  }
  .je-ribbon__inner{ padding:.45rem .75rem; }

  /* Une seule ligne + scroll horizontal */
  .je-ribbon__list{
    display:flex; align-items:center; gap:.5rem;
    margin:0; padding:0; list-style:none;
    white-space:nowrap; overflow-x:auto; scrollbar-width:thin;
    -webkit-overflow-scrolling: touch;
  }

  /* Liens */
  [data-ribbon-link]{
    display:inline-block; padding:.25rem .55rem; border-radius:.5rem;
    color:var(--je-text) !important; text-decoration:none; font-weight:700; letter-spacing:.1px;
    transition: color .15s ease, background .15s ease, text-shadow .15s ease, transform .15s ease;
  }
  [data-ribbon-link]:hover{
    color:#fff !important;
    background: rgba(255,45,85,.12);
    text-shadow: var(--je-glow);
    transform: translateY(-1px);
  }
  [data-ribbon-link]:focus-visible{
    outline:2px dashed var(--je-accent); outline-offset:2px;
    box-shadow: var(--je-glow);
  }

  /* Séparateur chevron néon */
  .je-ribbon__sep{
    flex:0 0 auto; font-weight:900; user-select:none;
    background: linear-gradient(90deg,var(--je-accent),var(--je-accent-2));
    -webkit-background-clip:text; background-clip:text; color:transparent;
    filter: drop-shadow(0 0 6px rgba(255,45,85,.35));
  }

  /* Items */
  .je-ribbon__item{ flex:0 0 auto; }

  /* Mobile: compacter sans casser la ligne unique */
  @media (max-width:576px){
    .je-ribbon__inner{ padding:.35rem .5rem; }
    [data-ribbon-link]{ padding:.2rem .45rem; font-weight:700; }
  }
  
  /* Palette JeuxEnd */
  #je-bc-neo{
    --je-brand:      #ff5a1f;
    --je-brand-2:    #ff2d55;
    --je-ink:        #151821;
    --je-ink-2:      #2a2f3a;
    --je-soft:       #f8f9fb;
    --je-soft-2:     #fff5ef;
    --je-border:     rgba(0,0,0,.08);
    --je-shadow:     0 10px 30px rgba(0,0,0,.08);
    --je-link:       #151821;  /* lisible en thème clair */
    --je-link-hover: #ff5a1f;  /* hover orange JE */
    margin-top:0;
  }

  /* Fond “verre doux” + liseré dégradé */
  #je-bc-neo__list{
    background: linear-gradient(180deg, var(--je-soft), var(--je-soft-2));
    border: 1px solid var(--je-border);
    box-shadow: var(--je-shadow);
    position: relative;
    gap: .5rem;
    margin-top:0;
  }
  #je-bc-neo__list::after{
    content:"";
    position:absolute; left:12px; right:12px; bottom:6px; height:2px;
    background: linear-gradient(90deg, var(--je-brand), var(--je-brand-2));
    border-radius: 999px;
    opacity:.9;
  }

  /* Séparateur chevron dégradé */
  #je-bc-neo .breadcrumb-item + .breadcrumb-item::before{
    content:"›";
    padding-right:.5rem;
    font-weight:700;
    background: linear-gradient(90deg, var(--je-brand), var(--je-brand-2));
    -webkit-background-clip:text; background-clip:text;
    color: transparent;
  }

  /* Liens: CONTRASTE FORCÉ */
  #je-bc-neo [data-bc-link]{
    color: var(--je-link) !important;
    text-decoration: none;
    transition: color .15s ease, text-shadow .15s ease;
  }
  #je-bc-neo [data-bc-link]:hover{
    color: var(--je-link-hover) !important;
    text-shadow: 0 0 8px rgba(255,93,31,.25);
  }
  #je-bc-neo [data-bc-link]:focus-visible{
    outline: 2px dashed var(--je-link-hover);
    outline-offset: 2px;
    border-radius:.375rem;
  }

  /* Dernier item (non cliquable) */
  #je-bc-neo .breadcrumb-item.active{
    color: var(--je-ink-2) !important;
    opacity:.85;
  }

  /* Mode sombre auto */
  @media (prefers-color-scheme: dark){
    #je-bc-neo{
      --je-ink:  #e7e9ee;
      --je-ink-2:#c9ceda;
      --je-soft:#161a22;
      --je-soft-2:#10131a;
      --je-border: rgba(255,255,255,.08);
      --je-link:  #ffffff;      /* lien blanc en sombre */
      --je-link-hover: #ff2d55; /* rouge néon au survol */
      --je-shadow: 0 10px 30px rgba(0,0,0,.45);
    }
  }

  /* Forcer le sombre si ton layout est noir/néon */
  #je-bc-neo[data-je-theme="dark"]{
    --je-ink:  #e7e9ee;
    --je-ink-2:#c9ceda;
    --je-soft:#161a22;
    --je-soft-2:#10131a;
    --je-border: rgba(255,255,255,.08);
    --je-link:  #ffffff;
    --je-link-hover: #ff2d55;
    --je-shadow: 0 10px 30px rgba(0,0,0,.45);
  }