/* ============================================================
   Paris Digital School — Actualités v5 (page-scoped)
   Chargé uniquement sur /actualites et /actualites/{slug}-{id}
   Tout est scopé sous .news-v5 pour ne pas impacter nav/footer
   (fournis par nav-v5.css) ni les autres pages Bootstrap.
   ============================================================ */
:root{
  --pds-blue:        #0084BC;
  --pds-blue-bright: #27AAE1;
  --pds-blue-deep:   #00638c;
  --pds-orange:      #FF5500;
  --pds-ink:         #1c2b33;
  --pds-body:        #46555d;
  --pds-line:        #e4ebef;
  --pds-tint:        #f0f8fc;
  --pds-tint-2:      #f7fafc;
  --pds-dark:        #14222b;
  --pds-gradient:    linear-gradient(270deg, var(--pds-blue-bright) 0%, var(--pds-blue) 100%);
  --ff-body:  'Jost', system-ui, -apple-system, sans-serif;
  --ff-serif: 'Libre Baskerville', Georgia, serif;
  --radius-card: 10px 10px 70px 10px;
  --radius-soft: 14px;
  --shadow-soft: 0 8px 30px rgba(0,72,104,.07);
  --news-container: 1200px;
  --news-header-h: 78px;   /* hauteur réelle de la nav v5 fixe */
}

/* ---------- Base scopée ---------- */
.news-v5{ font-family:var(--ff-body); color:var(--pds-body); line-height:1.65; font-size:17px; -webkit-font-smoothing:antialiased; }
.news-v5 h1,.news-v5 h2,.news-v5 h3,.news-v5 h4{ font-family:var(--ff-serif); color:var(--pds-ink); line-height:1.2; margin:0 0 .6em; font-weight:700; }
.news-v5 p{ margin:0 0 1rem; }
.news-v5 a{ color:var(--pds-blue); text-decoration:none; transition:color .2s; }
.news-v5 a:hover{ color:var(--pds-blue-deep); }
.news-v5 img{ max-width:100%; height:auto; display:block; }
.news-v5 ul,.news-v5 ol{ margin:0 0 1rem; padding-left:1.2rem; }
.news-v5 li{ margin-bottom:.4rem; }
.news-v5 strong{ color:var(--pds-ink); font-weight:600; }
.news-v5 .container{ max-width:var(--news-container); margin:0 auto; padding:0 24px; }
.news-v5 .section{ padding:70px 0; }

/* ---------- Hero ---------- */
.news-v5 .hero{ position:relative; padding:calc(var(--news-header-h) + 42px) 0 0; background:var(--pds-blue-deep); color:#fff; overflow:hidden; }
.news-v5 .hero-bg{ position:absolute; inset:0; z-index:0; background:url("/assets/images/actualites/hero-students.jpg") center 35% / cover no-repeat; }
.news-v5 .hero::before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(270deg, rgba(0,99,140,.80) 0%, rgba(0,132,188,.92) 100%); pointer-events:none; }
.news-v5 .hero .container{ position:relative; z-index:2; }
.news-v5 .hero-badges{ display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:1.1rem; }
.news-v5 .hero-badge{ display:inline-flex; align-items:center; gap:.5em; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.35); color:#fff; font-weight:500; font-size:.82rem; letter-spacing:.03em; text-transform:uppercase; padding:.42em 1em; border-radius:50px; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
.news-v5 .hero-badge i{ color:#fff; font-size:.85em; }
.news-v5 .hero h1{ color:#fff; font-size:clamp(2rem, 4.4vw, 3.1rem); margin-bottom:.25em; text-shadow:0 2px 18px rgba(0,40,60,.35); }
.news-v5 .hero-rncp{ font-family:var(--ff-body); font-size:1rem; color:rgba(255,255,255,.9); margin-bottom:0; padding-bottom:2.4rem; text-shadow:0 1px 10px rgba(0,40,60,.3); }

/* ---------- Fil d'ariane sticky ---------- */
.news-v5 .crumbs{ position:sticky; top:var(--news-header-h); z-index:900; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-bottom:1px solid var(--pds-line); box-shadow:0 4px 18px rgba(0,72,104,.05); }
.news-v5 .crumbs .container{ padding-top:.85rem; padding-bottom:.85rem; font-size:.85rem; color:var(--pds-body); }
.news-v5 .crumbs a{ color:var(--pds-blue); font-weight:600; }
.news-v5 .crumbs .sep{ margin:0 .5rem; color:#b9c6ce; }
.news-v5 .crumbs .cur{ color:var(--pds-ink); font-weight:600; }

/* ---------- Grille d'articles (index) ---------- */
.news-v5 .article-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; }
@media (max-width:900px){ .news-v5 .article-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .news-v5 .article-grid{ grid-template-columns:1fr; } }
.news-v5 .article-card{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--pds-line); border-radius:var(--radius-card); padding:1.5rem; transition:box-shadow .3s, transform .3s, border-color .3s; }
.news-v5 .article-card:hover{ box-shadow:var(--shadow-soft); border-color:#cfe3ee; transform:translateY(-4px); }
.news-v5 .ac-img{ margin:-1.5rem -1.5rem 1.1rem; aspect-ratio:800 / 450; overflow:hidden; border-radius:10px 10px 0 0; background:var(--pds-tint); }
.news-v5 .ac-img img{ width:100%; height:100%; object-fit:contain; display:block; transition:transform .4s; }
.news-v5 .article-card:hover .ac-img img{ transform:scale(1.05); }
.news-v5 .article-card .ac-meta{ display:flex; align-items:center; gap:.7rem; margin-bottom:.85rem; }
.news-v5 .article-card .ac-tag{ background:var(--pds-tint); color:var(--pds-blue-deep); font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:.28rem .7rem; border-radius:20px; }
.news-v5 .article-card .ac-date{ font-size:.8rem; color:var(--pds-body); }
.news-v5 .article-card h2{ font-family:var(--ff-serif); font-size:1.15rem; color:var(--pds-ink); line-height:1.3; margin:0 0 .6rem; }
.news-v5 .article-card p{ font-size:.92rem; color:var(--pds-body); line-height:1.6; margin:0 0 1rem; flex:1; }
.news-v5 .article-card .ac-go{ color:var(--pds-blue); font-weight:600; font-size:.9rem; margin-top:auto; }

/* ---------- Article (détail) ---------- */
.news-v5 .art-article{ max-width:820px; }
.news-v5 .art-cover{ width:100%; height:auto; border-radius:14px; margin-bottom:1.9rem; display:block; }
.news-v5 .byline{ display:flex; align-items:center; gap:.8rem; margin-bottom:1.8rem; padding-bottom:1.4rem; border-bottom:1px solid var(--pds-line); }
.news-v5 .byline__avatar{ flex:none; width:46px; height:46px; border-radius:50%; background:var(--pds-gradient); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-family:var(--ff-serif); }
.news-v5 .byline__info .name{ font-weight:700; color:var(--pds-ink); line-height:1.2; }
.news-v5 .byline__info .role{ font-size:.85rem; color:var(--pds-body); }
.news-v5 .art-body p{ color:var(--pds-body); line-height:1.8; margin-bottom:1.1rem; }
.news-v5 .art-body h2{ font-family:var(--ff-serif); font-size:1.45rem; color:var(--pds-ink); margin:2.1rem 0 .8rem; }
.news-v5 .art-body h3{ font-family:var(--ff-serif); font-size:1.15rem; color:var(--pds-ink); margin:1.6rem 0 .6rem; }
.news-v5 .art-body ul{ margin:0 0 1.1rem 1.2rem; color:var(--pds-body); line-height:1.75; }
.news-v5 .art-body li{ margin-bottom:.4rem; }
.news-v5 .art-body a{ color:var(--pds-blue); font-weight:600; }
.news-v5 .highlight-box{ background:var(--pds-tint); border-left:4px solid var(--pds-blue); border-radius:0 12px 12px 0; padding:1.1rem 1.3rem; margin:1.6rem 0; color:var(--pds-ink); line-height:1.65; }
.news-v5 .highlight-box strong{ color:var(--pds-blue-deep); }
.news-v5 .speaker-card{ background:#fff; border:1px solid var(--pds-line); border-left:4px solid var(--pds-blue-bright); border-radius:0 12px 12px 0; padding:1rem 1.3rem; margin:1rem 0; }
.news-v5 .speaker-card .speaker-time{ font-size:.78rem; font-weight:700; color:var(--pds-blue); }
.news-v5 .speaker-card .speaker-name{ font-family:var(--ff-serif); font-weight:700; color:var(--pds-ink); font-size:1.05rem; }
.news-v5 .speaker-card .speaker-role{ font-size:.85rem; color:var(--pds-body); margin-bottom:.3rem; }
.news-v5 .speaker-card .speaker-topic{ font-style:italic; color:var(--pds-ink); }

/* ---------- Barre de partage ---------- */
.news-v5 .share-bar{ display:flex; align-items:center; flex-wrap:wrap; gap:.55rem; margin:2.2rem 0 0; padding-top:1.5rem; border-top:1px solid var(--pds-line); }
.news-v5 .share-bar .share-label{ font-size:.92rem; font-weight:700; color:var(--pds-ink); margin-right:.4rem; display:inline-flex; align-items:center; gap:.45rem; }
.news-v5 .share-bar .share-label i{ color:var(--pds-blue); }
.news-v5 .share-btn{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:var(--pds-tint); border:1px solid #e2f0f8; color:var(--pds-blue-deep); font-size:.98rem; cursor:pointer; transition:background .2s,color .2s,transform .2s,border-color .2s; text-decoration:none; }
.news-v5 .share-btn:hover{ background:var(--pds-gradient); color:#fff; border-color:transparent; transform:translateY(-2px); }
.news-v5 .gloss-back{ display:inline-block; margin-top:2rem; font-weight:600; color:var(--pds-blue); }

/* ---------- CTA final pleine largeur ---------- */
.news-v5 .foot-cta{ background:var(--pds-gradient); color:#fff; text-align:center; padding:70px 0; }
.news-v5 .foot-cta h2{ font-family:var(--ff-serif); color:#fff; font-size:clamp(1.6rem,3.5vw,2.4rem); margin-bottom:.6rem; }
.news-v5 .foot-cta p{ color:rgba(255,255,255,.92); max-width:560px; margin:0 auto 1.8rem; font-size:1.08rem; }
.news-v5 .foot-cta .btns{ display:flex; gap:.9rem; justify-content:center; flex-wrap:wrap; }
.news-v5 .foot-cta .fbtn{ display:inline-flex; align-items:center; gap:.5em; font-family:var(--ff-body); font-weight:600; font-size:1rem; padding:.85em 1.6em; border-radius:8px; border:2px solid #fff; transition:background .2s, color .2s, transform .15s; }
.news-v5 .foot-cta .fbtn-solid{ background:#fff; color:var(--pds-blue-deep); }
.news-v5 .foot-cta .fbtn-solid:hover{ background:var(--pds-blue-deep); color:#fff; }
.news-v5 .foot-cta .fbtn-ghost{ background:transparent; color:#fff; }
.news-v5 .foot-cta .fbtn-ghost:hover{ background:#fff; color:var(--pds-blue-deep); }

/* ---------- Certifications ---------- */
.news-v5 .certifs{ background:var(--pds-tint); padding:54px 0; }
.news-v5 .certifs .inner{ display:grid; grid-template-columns:auto 1fr; gap:42px; align-items:center; }
@media (max-width:768px){ .news-v5 .certifs .inner{ grid-template-columns:1fr; gap:26px; } }
.news-v5 .certif-logos{ display:flex; gap:18px; flex-wrap:wrap; }
.news-v5 .certif-logos .cl{ background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; box-shadow:0 6px 18px rgba(0,0,0,.06); padding:18px 24px; display:flex; align-items:center; justify-content:center; height:116px; }
.news-v5 .certif-logos .cl img{ max-height:78px; width:auto; display:block; }
@media (max-width:768px){ .news-v5 .certif-logos .cl{ height:100px; } .news-v5 .certif-logos .cl img{ max-height:64px; } }
.news-v5 .certif-text{ color:var(--pds-body); line-height:1.65; font-size:.92rem; }
.news-v5 .certif-text strong{ color:var(--pds-ink); font-weight:600; }
.news-v5 .certif-text .af{ display:block; margin-top:12px; color:var(--pds-orange); font-weight:700; font-size:.78rem; letter-spacing:.05em; text-transform:uppercase; }

/* ---------- Reveal (auto-visible sans JS) ---------- */
.news-v5 .reveal{ opacity:0; transform:translateY(28px); animation:newsRevealAuto .8s ease forwards; }
.news-v5 .reveal.in{ opacity:1; transform:none; animation:none; }
@keyframes newsRevealAuto{ to{ opacity:1; transform:none; } }

@media (max-width:768px){
  .news-v5 .section{ padding:54px 0; }
  .news-v5 .hero h1{ font-size:clamp(1.7rem, 7vw, 2.2rem); }
  .news-v5 .hero-rncp{ padding-bottom:1.8rem; font-size:.95rem; }
}
@media (prefers-reduced-motion: reduce){
  .news-v5 .reveal{ opacity:1 !important; transform:none !important; animation:none !important; }
}