/* V7-rc2 — styles scopés à .page-news (clean) */
:root{
  --gold:#f5d67a; --muted:#cfc7b6; --ink:#f5efe6; --brown:#2c1a14;
  --border:rgba(255,215,0,.45);
  --ticker-h: 260px;    /* ajuste la hauteur du bandeau */
  --fade: 40px;         /* largeur fixe du fondu latéral */
}

html, body { overflow-x: clip; }

.page-news{ background:#0f0f10; color:var(--ink); font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif }
.page-news *{ box-sizing: border-box; }

/* ---------- HERO ---------- */
.page-news #hero{
  position:relative;
  min-height: calc(100vh - var(--ticker-h));
  padding-bottom: var(--ticker-h);
  overflow:hidden;
}
.page-news #hero .hero-bg{
  position:absolute; inset:0;
  /* Chemin RELATIF (évite les soucis de "/") */
  background:url('/assets/hero/hero10.jpg') center/cover no-repeat;
  z-index:0;
  animation:nb_kb 22s ease-in-out infinite alternate;
}
@keyframes nb_kb{ to{ transform: scale(1.08) } }
.page-news .hero-overlay-fixed{
  position:relative; z-index:2; text-align:center; padding:12vh 5vw 0; pointer-events:none;
}
.page-news .hero-overlay-fixed .eyebrow{ letter-spacing:.16em; text-transform:uppercase; color:var(--muted) }
.page-news .hero-overlay-fixed #hero-title{
  font-family:'Playfair Display',serif; font-size:clamp(48px,6vw,92px); font-weight:900;
  color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.45); margin:.1em 0 .2em;
}

/* ---------- TICKER (plein écran + masque) ---------- */
.page-news .nb-news-ticker{
  position:relative; height: var(--ticker-h);
  margin-top: calc(var(--ticker-h) * -1);
  z-index:50; background:var(--brown); color:var(--gold);
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  overflow:hidden;
}
.page-news .nb-news-inner{ position:relative; height:100%; max-width:1400px; margin:0 auto; }

.page-news .nb-marquee{
  position:absolute; left:50%; transform:translateX(-50%); width:100vw;
  top:0; bottom:0; overflow:hidden; padding-inline: var(--fade);
  touch-action: pan-y;
  mask-image: linear-gradient(to right,
    transparent 0, black var(--fade),
    black calc(100% - var(--fade)), transparent 100%);
  mask-size:100% 100%; mask-repeat:no-repeat;
  -webkit-mask-image: linear-gradient(to right,
    transparent 0, black var(--fade),
    black calc(100% - var(--fade)), transparent 100%);
  -webkit-mask-size:100% 100%; -webkit-mask-repeat:no-repeat;
}

.page-news .nb-belt{ position:absolute; top:50%; transform:translateY(-50%); display:flex; gap:16px; will-change:transform; }
.page-news .nb-seg { display:flex; gap:16px; }

/* clique garanti */
.page-news .nb-news-ticker,
.page-news .nb-marquee,
.page-news .nb-belt,
.page-news .nb-seg,
.page-news .nb-card,
.page-news .nb-card * { pointer-events:auto; }

/* ---------- CARDS ---------- */
.page-news .nb-card{
  flex:0 0 auto;
  width: clamp(260px, 22vw, 380px);
  height: calc(var(--ticker-h) - 20px);
  background:#141416; border:1px solid rgba(201,168,106,.25); border-radius:14px; overflow:hidden;
  color:inherit; text-decoration:none; display:grid; grid-template-rows: 60% auto auto 1fr;
  cursor:pointer; transition:box-shadow .25s, transform .2s, border-color .2s;
  position: relative; z-index:2;
}
.page-news .nb-card:hover{ box-shadow:0 14px 36px rgba(0,0,0,.35); transform:translateY(-3px); border-color:var(--gold); }
.page-news .nb-card .thumb{ position:relative }
.page-news .nb-card .thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform 3.5s ease; }
.page-news .nb-card:hover .thumb img{ transform:scale(1.08) }
.page-news .nb-card .thumb::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.45)); pointer-events:none }
.page-news .nb-badge{
  position:absolute; left:10px; top:10px; background:var(--gold); color:#1a1410;
  font-weight:800; font-size:.72rem; padding:4px 8px; border-radius:6px; letter-spacing:.05em; text-transform:uppercase;
}
.page-news .nb-kicker{
  position:absolute; left:10px; right:10px; bottom:8px;
  background:rgba(0,0,0,.55); color:#f1e8d4; font-size:.78rem; padding:4px 8px;
  border:1px solid rgba(255,215,0,.25); border-radius:6px; backdrop-filter:blur(2px); pointer-events:none;
}
.page-news .nb-card h4{
  font-family:'Playfair Display',serif; font-size:clamp(1.05rem,.9rem + .6vw,1.35rem);
  line-height:1.2; color:#fff; margin:10px 14px 4px;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden
}
.page-news .nb-card .meta{ margin:0 14px 6px; color:var(--gold); font-size:.86rem; font-style:italic }
.page-news .nb-card .dek{
  margin:0 14px 10px; color:var(--muted); font-size:.92rem;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden;
}

/* ---------- OVERLAY ---------- */
.page-news #nb-overlay{
  position:fixed; inset:0; display:grid; place-items:center;
  background:rgba(0,0,0,.55); backdrop-filter:blur(4px);
  z-index:9999; opacity:0; transform:scale(.98); transition:opacity .28s, transform .28s;
}
.page-news #nb-overlay[hidden]{ display:none !important }
.page-news #nb-overlay.is-open{ opacity:1; transform:scale(1) }

.page-news .nb-ov-panel{
  position:relative; width:min(1320px,96vw); max-height:min(94vh,1080px);
  background:linear-gradient(180deg,rgba(25,18,14,.98),rgba(22,16,12,.98));
  color:var(--gold); border:1px solid var(--border);
  border-radius:16px; box-shadow:0 30px 80px rgba(0,0,0,.5); overflow:hidden;
  display:grid; grid-template-columns:minmax(460px,700px) 1fr;
}

.page-news #nb-close{
  position:absolute; top:10px; right:10px; width:34px; height:34px; border-radius:999px; display:grid; place-items:center;
  background:rgba(0,0,0,.25); border:1px solid var(--border); color:var(--gold); font-size:1.2rem; cursor:pointer; z-index:4;
}

.page-news .nb-ov-media{ position:relative }
.page-news .nb-ov-media img{ display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:4/3; min-height:320px }
.page-news .nb-credit{ position:absolute; left:10px; bottom:10px; background:rgba(0,0,0,.5); color:#eee; font-size:.75rem; padding:3px 8px; border-radius:6px; border:1px solid rgba(255,255,255,.18) }

.page-news .g-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:10; pointer-events:auto; width:36px; height:36px; font-size:1.05rem;
  border-radius:999px; border:1px solid var(--border); background:rgba(0,0,0,.28); color:var(--gold); cursor:pointer; display:grid; place-items:center;
}
.page-news .g-prev{ left:10px } .page-news .g-next{ right:10px }

.page-news .nb-thumbs{ position:absolute; left:8px; right:8px; bottom:8px; z-index:2; display:flex; gap:6px; justify-content:center }
.page-news .nb-thumb{ width:60px; height:40px; border-radius:6px; overflow:hidden; border:1px solid rgba(255,255,255,.2); cursor:pointer; opacity:.85 }
.page-news .nb-thumb img{ width:100%; height:100%; object-fit:cover; display:block }
.page-news .nb-thumb.is-active{ outline:2px solid var(--gold); opacity:1 }

.page-news .nb-ov-body{ display:flex; flex-direction:column; padding:20px 22px 22px; overflow:auto }
.page-news .nb-ov-badges{ display:flex; gap:8px; flex-wrap:wrap }
.page-news .nb-ov-badges .pill{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font-size:.78rem; font-weight:700; color:#1a1410; background:var(--gold); border:1px solid rgba(0,0,0,.2) }
.page-news .nb-ov-title{ font-family:'Playfair Display',serif; font-weight:900; font-size:clamp(1.6rem,1.1rem + 1.2vw,2.2rem); line-height:1.15; margin:10px 0 6px; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.35) }
.page-news .nb-ov-meta{ margin:0 0 12px; color:var(--gold); font-style:italic; opacity:.9 }
.page-news .nb-ov-lead{ margin:4px 0 14px; color:#f5efe6; font-size:1.05rem; line-height:1.55 }
.page-news .nb-ov-article{ color:#e9e2d5 }
.page-news .nb-ov-article p{ margin:.5rem 0 1rem }
.page-news .nb-ov-article p:first-letter{ float:left; font-family:'Playfair Display',serif; font-weight:900; font-size:2.2rem; line-height:1; padding:.2rem .4rem 0 0; color:#f5d67a }

.page-news .nb-ov-facts{ margin:14px 0; padding:12px 14px; border:1px solid rgba(255,215,0,.25); background:rgba(255,255,255,.03); border-radius:12px; color:#f5efe6 }
.page-news .nb-ov-facts h4{ margin:0 0 6px; font-family:'Playfair Display',serif; font-size:1.05rem; color:#fff }
.page-news .nb-ov-facts ul{ margin:0; padding-left:18px } .page-news .nb-ov-facts li{ margin:.2rem 0 }

.page-news .nb-ov-quote{ margin:14px 0; padding:12px 16px; border-left:4px solid var(--gold); background:rgba(255,255,255,.03); border-radius:8px; color:#f5efe6 }
.page-news .nb-ov-quote .q{ margin:0 0 6px; font-size:1.05rem; font-style:italic }
.page-news .nb-ov-quote .by{ font-size:.9rem; color: var(--muted); }

.page-news .nb-ov-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px }
.page-news .nb-ov-tags .tag{ display:inline-flex; padding:4px 10px; border-radius:999px; background:#151214; color:#e9e2d5; border:1px solid rgba(255,215,0,.18); font-size:.78rem }

.page-news .nb-ov-actions{ margin-top:auto; display:flex; gap:14px; flex-wrap:wrap; padding-top:12px; border-top:1px solid rgba(255,215,0,.18) }
.page-news #nb-actions .btn{ display:inline-block; padding:.6em 1em; border-radius:999px; font-weight:700; cursor:pointer; border:1px solid rgba(255,215,0,.35); color:var(--gold); background:transparent; text-decoration:none }
.page-news #nb-actions .btn:hover{ background:rgba(255,255,255,.06) }
.page-news #nb-actions .btn-primary{ background:var(--gold); color:#1a1410; border-color:transparent }
.page-news #nb-actions .btn-primary:hover{ filter:brightness(1.06) }

.page-news .nb-ov-article-nav{ margin-left:auto; display:flex; gap:8px }
.page-news .nb-ov-article-nav .btn{ border:1px solid rgba(255,215,0,.28); padding:.45em .9em; border-radius:999px; color:var(--gold); background:transparent }
.page-news .nb-ov-article-nav .btn:hover{ background:rgba(255,255,255,.06) }