/* ===================================================================
   npartajiw — section Actus
   Complete styles.css / styles-ar.css, ne les remplace pas.
   =================================================================== */

.news-page {
  padding: 96px 0 80px;
  background: var(--night, #0E1828);
  min-height: 60vh;
}

.news-page .wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 20px;
}

.news-page .back-link {
  display: inline-block;
  margin-bottom: 28px;
  font-size: 14px;
  color: var(--chalk, #8fa0b8);
  text-decoration: none;
  transition: color .18s ease;
}
.news-page .back-link:hover { color: var(--turf-bright, #31C979); }

/* --- En-tete d'index ---------------------------------------------- */
.news-head { margin-bottom: 44px; }

.news-head .eyebrow {
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--turf-bright, #31C979);
  margin: 0 0 10px;
}

.news-head h1 { margin: 0 0 12px; }

.news-lede {
  color: var(--floodlight-dim, #9fb0c6);
  font-size: 17px;
  line-height: 1.65;
  margin: 0;
}

/* --- Liste des articles ------------------------------------------- */
.news-grid {
  display: grid;
  gap: 16px;
  margin-bottom: 56px;
}

.news-card {
  display: block;
  padding: 24px 26px;
  border: 1px solid var(--line, #1e2b40);
  border-radius: 16px;
  background: var(--night-2, #131F32);
  text-decoration: none;
  transition: border-color .18s ease, transform .18s ease;
}
.news-card:hover {
  border-color: var(--turf-bright, #31C979);
  transform: translateY(-2px);
}

.news-card h2 {
  margin: 0 0 8px;
  font-size: 21px;
  line-height: 1.3;
  color: var(--floodlight, #F5F8FC);
}

.news-card p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--floodlight-dim, #9fb0c6);
}

.news-more {
  font-size: 13px;
  font-weight: 700;
  color: var(--turf-bright, #31C979);
}

.news-meta {
  margin: 0 0 10px;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--chalk, #8fa0b8);
}

.news-empty {
  padding: 40px 0;
  text-align: center;
  color: var(--chalk, #8fa0b8);
}

/* --- Corps d'article ---------------------------------------------- */
.news-article { margin-bottom: 56px; }

.news-article h1 {
  margin: 0 0 16px;
  line-height: 1.15;
}

.news-article .news-lede {
  padding-bottom: 22px;
  margin-bottom: 26px;
  border-bottom: 1px solid var(--line, #1e2b40);
  font-size: 18px;
}

.news-article h2 {
  margin: 40px 0 14px;
  font-size: 24px;
  line-height: 1.25;
  color: var(--floodlight, #F5F8FC);
}

.news-article h3 {
  margin: 30px 0 10px;
  font-size: 18px;
  color: var(--floodlight, #F5F8FC);
}

.news-article p {
  margin: 0 0 18px;
  font-size: 17px;
  line-height: 1.75;
  color: var(--floodlight-dim, #9fb0c6);
}

.news-article ul,
.news-article ol {
  margin: 0 0 22px;
  padding-inline-start: 22px;
  color: var(--floodlight-dim, #9fb0c6);
}
.news-article li {
  margin-bottom: 9px;
  font-size: 17px;
  line-height: 1.7;
}

.news-article strong { color: var(--floodlight, #F5F8FC); }

.news-article a {
  color: var(--turf-bright, #31C979);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.news-article blockquote {
  margin: 26px 0;
  padding: 4px 0 4px 20px;
  border-inline-start: 3px solid var(--turf-bright, #31C979);
}
.news-article blockquote p {
  margin: 0;
  font-style: italic;
  color: var(--floodlight, #F5F8FC);
}

/* --- Encart de conversion ----------------------------------------- */
.news-cta {
  padding: 32px 28px;
  border: 1px solid var(--line, #1e2b40);
  border-radius: 20px;
  background: var(--night-2, #131F32);
  text-align: center;
}

.news-cta h2 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: var(--floodlight, #F5F8FC);
}

.news-cta p {
  margin: 0 0 22px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--floodlight-dim, #9fb0c6);
}

/* --- RTL ----------------------------------------------------------- */
[dir="rtl"] .news-page .back-link,
[dir="rtl"] .news-card,
[dir="rtl"] .news-article { text-align: right; }

[dir="rtl"] .news-article p,
[dir="rtl"] .news-article li { line-height: 1.95; }

/* --- Mobile -------------------------------------------------------- */
@media (max-width: 640px) {
  .news-page { padding: 76px 0 60px; }
  .news-card { padding: 20px; }
  .news-article p,
  .news-article li { font-size: 16px; }
  .news-article h2 { font-size: 21px; }
  .news-cta { padding: 26px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .news-card { transition: none; }
  .news-card:hover { transform: none; }
}

/* --- Images de couverture ------------------------------------------ */
.news-cover {
  margin: 0 0 26px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--line, #1e2b40);
  background: var(--night-2, #131F32);
}
.news-cover img {
  display: block;
  width: 100%;
  height: auto;
}

/* --- Carte avec vignette -------------------------------------------- */
.news-card {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}
.news-card-txt { display: block; flex: 1; min-width: 0; }

.news-thumb {
  flex: 0 0 128px;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  background: var(--night, #0E1828);
}
.news-thumb img {
  display: block;
  width: 128px;
  height: 88px;
  object-fit: cover;
}

.news-card-title {
  display: block;
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
  color: var(--floodlight, #F5F8FC);
}
.news-card-desc {
  display: block;
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--floodlight-dim, #9fb0c6);
}
.news-card .news-meta { display: block; }

@media (max-width: 560px) {
  .news-card { flex-direction: column; gap: 14px; }
  .news-thumb, .news-thumb img { width: 100%; flex: none; }
  .news-thumb img { height: 160px; }
  .news-card-title { font-size: 18px; }
}

/* --- Signature auteur + transparence (E-E-A-T / Discover) --- */
.author-box{
  margin:32px 0 0;padding:18px 20px;border-radius:14px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
}
.author-box p{margin:0;font-size:.95rem;line-height:1.65;opacity:.9;}
.author-box a{color:inherit;text-decoration:underline;}

.disclosure{
  margin:16px 0 0;padding:14px 18px;border-radius:12px;
  border:1px dashed rgba(255,255,255,.16);
}
.disclosure p{margin:0;font-size:.83rem;line-height:1.6;opacity:.65;}
.disclosure strong{opacity:.9;}

.news-cover img{width:100%;height:auto;border-radius:14px;display:block;}