/* Pages Mes actus et détail — styles isolés des autres pages. */
.news-container { width: min(77.5%, 1480px); margin-inline: auto; }
.news-list { padding-block: 80px 150px; border-bottom: 2px dotted var(--line);}
.news-list > h1 { text-align: center; margin-bottom: 110px; }
.news-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 100px 12.5%; }
.news-card-image { width: 100%; height: auto; aspect-ratio: 1.9; object-fit: cover; border-radius: 20px 20px 0 0; }
.news-date { color: #979797; font-size: .85em; margin: 22px 0; }
.news-card h2 { font-size: clamp(38px, 3vw, 58px); margin-bottom: 20px; }
.news-card h2 a { text-decoration: none; }
.news-card h2 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.news-excerpt { text-align: left; }
.news-card .button { margin-top: 16px; }

.news-admin-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
}

.news-admin-actions form { margin: 0; }

.news-admin-actions .admin-news-action,
.news-admin-actions .admin-delete {
	display: inline-block;
	margin-top: 0;
	text-decoration: none;
}
.news-hero { width: 100%; overflow: hidden; position: relative; }
.news-hero::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../IMG/Pictos/masque_actu.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.news-hero img { width: 100%; height: clamp(260px, 32vw, 620px); object-fit: cover; object-position: center 48%; }
.news-meta { display: flex; justify-content: space-between; gap: 20px; align-items: center; border-bottom: 1px solid var(--line); padding-block: 22px 0px; }
.news-meta .news-date { margin: 0; }
.news-share { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; color: var(--green); font-size: .85em; }
.news-share a { display: flex; min-width: 30px; min-height: 36px; align-items: center; justify-content: center; }
.news-copy { border: 0; background: none; color: inherit; text-decoration: underline; padding: 8px 0; }
.news-copy-status:empty { display: none; }
.news-article-intro { padding-block: 45px 5px; }
.news-article-intro h1 { margin-bottom: 32px; }
.news-article-intro p, .news-article-columns p { text-align: left; }
.news-content-one-column { padding-bottom: 30px; padding-top: 20px; }
.news-content-one-column h2 { font-size: clamp(38px, 3vw, 58px); margin-bottom: 28px; }
.news-content-one-column p, .news-article-columns p { text-align: left; }
.actualites-conteneur { padding-block: 100px 100px; }
.news-article-background { background: #eeece6 url('../assets/background.webp') center / cover no-repeat; padding-block: 70px; }
.news-article-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12.5%; }
.news-article-columns h2 { font-size: clamp(38px, 3vw, 58px); margin-bottom: 28px; }
.news-article-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; gap: 24px; padding-block: 80px; border-bottom: 2px dotted var(--line); }
.news-article-nav > div:last-child { text-align: right; }
.news-article-nav p { font-size: .85em; margin-top: 12px; }
.news-back { color: var(--green); align-self: center; text-underline-offset: 5px; }
.news-not-found { padding-block: 100px; }
.news-page .related { padding-top: 140px; }
.news-page .related h2 { margin-bottom: 40px !important; }

.actu_mini { display: block; position : relative;}
.actu_mini::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../IMG/Pictos/masque_actu.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}

@media (max-width: 760px) {
 .news-container { width: calc(100% - 40px); }
 .news-list { padding-block: 55px 85px; }
 .news-list > h1 { margin-bottom: 45px; }
 .news-grid, .news-article-columns { grid-template-columns: 1fr; gap: 55px; }
 .news-card-image { border-radius: 14px 14px 0 0; }
 .news-excerpt, .news-article-intro p, .news-article-columns p { text-align: left; }
 .news-meta { flex-direction: column; align-items: flex-start; gap: 10px; }
 .news-share { gap: 10px; }
 .news-article-intro { padding-block: 35px 40px; }
 .news-content-one-column { padding-bottom: 40px; }
 .actualites-conteneur { padding-block: 80px; }
 .news-article-background { padding-block: 40px; }
 .news-article-nav { padding-block: 55px; grid-template-columns: 1fr 1fr; }
 .news-back { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
 .news-page .related { padding-top: 100px; }
}