/* Page article (/actualite/ID-slug) — voir editActualite.jsp.
   S'appuie sur les variables et blocs de css/actualites.css (.ac, .ac-bloc,
   .ac-annees, .ac-avatar, .ac-journal). */

.ar-ariane { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; font-size: 13px; margin-bottom: 16px; }
.ar-ariane a { color: var(--ac-muted); }
.ar-ariane a:hover { color: var(--ac-accent); }

.ar-principal { min-width: 0; }
.ar-article {
	background: #fff; border: 1px solid var(--ac-line); border-radius: var(--ac-radius);
	box-shadow: var(--ac-shadow); padding: 28px 36px 24px;
}
@media (max-width: 600px) { .ar-article { padding: 18px 16px; } }

/* ---------- en-tete ---------- */
.ar-source { display: flex; align-items: center; gap: 12px; }
.ar-source .ac-avatar { width: 44px; height: 44px; font-size: 18px; border-radius: 12px; }
.ar-source .ac-journal { font-size: 15px; }
.ar-date { font-size: 13px; color: var(--ac-muted); margin-top: 1px; }
.ar-date a { color: var(--ac-muted); }
.ar-date a:hover { color: var(--ac-accent); }
.ar-date time::first-letter { text-transform: uppercase; }
.ar-tete h1 {
	font-size: 32px; line-height: 1.22; font-weight: 800; letter-spacing: -.015em;
	margin: 18px 0 16px; color: var(--ac-ink); text-wrap: balance;
}
@media (max-width: 600px) { .ar-tete h1 { font-size: 24px; } }

.ar-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-bottom: 20px; border-bottom: 1px solid var(--ac-line); }
.ar-bouton {
	display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border-radius: 9px;
	background: var(--ac-accent); color: #fff; border: 1px solid var(--ac-accent); font-size: 13.5px; font-weight: 600;
}
.ar-bouton:hover, .ar-bouton:focus { background: #c94d0a; border-color: #c94d0a; color: #fff; }
.ar-bouton-clair { background: #fff; color: var(--ac-ink); border-color: var(--ac-line); }
.ar-bouton-clair:hover, .ar-bouton-clair:focus { background: var(--ac-soft); border-color: #cfd6de; color: var(--ac-ink); }
.ar-taille { margin-left: auto; display: inline-flex; background: var(--ac-soft); border: 1px solid var(--ac-line); border-radius: 9px; padding: 2px; }
.ar-taille button { height: 30px; min-width: 36px; border: 0; border-radius: 7px; background: transparent; font-weight: 700; font-size: 13px; color: var(--ac-muted); }
.ar-taille button:hover { background: #fff; color: var(--ac-ink); box-shadow: 0 1px 3px rgba(16, 24, 40, .14); }

/* ---------- corps (HTML collecte sur le site source) ---------- */
.ar-texte {
	max-width: 70ch; margin: 22px 0 0; font-size: 18px; line-height: 1.75; color: #27313c;
	overflow-wrap: break-word;
}
.ar-texte p { margin: 0 0 1.05em; }
/* les sites sources separent leurs paragraphes par <p><br></p> */
.ar-texte p:empty, .ar-texte p:has(> br:only-child) { display: none; }
.ar-texte p:first-of-type { font-size: 1.08em; color: var(--ac-ink); }
.ar-texte img, .ar-texte iframe, .ar-texte video { max-width: 100%; height: auto; border-radius: 10px; margin: .4em 0; }
.ar-texte a { color: var(--ac-accent); text-decoration: underline; text-underline-offset: 2px; }
.ar-texte h2, .ar-texte h3, .ar-texte h4 { font-weight: 700; line-height: 1.3; margin: 1.4em 0 .5em; }
.ar-texte blockquote { margin: 1.2em 0; padding: .2em 0 .2em 1em; border-left: 3px solid var(--ac-accent); color: #4a5562; font-style: italic; }
.ar-texte table { max-width: 100%; display: block; overflow-x: auto; }

.ar-pied { margin-top: 22px; padding-top: 14px; border-top: 1px solid var(--ac-line); font-size: 13px; color: var(--ac-muted); }
.ar-pied p { margin: 0; }
.ar-pied a { color: var(--ac-ink); font-weight: 600; }

/* ---------- precedent / suivant ---------- */
.ar-voisins { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
@media (max-width: 600px) { .ar-voisins { grid-template-columns: 1fr; } }
.ar-voisin {
	display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; background: #fff;
	border: 1px solid var(--ac-line); border-radius: var(--ac-radius); transition: border-color .15s, box-shadow .15s;
}
.ar-voisin:hover { border-color: var(--ac-accent); box-shadow: var(--ac-shadow); }
.ar-voisin-suivant { text-align: right; }
.ar-voisin-sens { font-size: 12px; color: var(--ac-muted); font-weight: 600; }
.ar-voisin-titre {
	font-size: 14.5px; font-weight: 700; color: var(--ac-ink); line-height: 1.35;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ar-voisin:hover .ar-voisin-titre { color: var(--ac-accent); }

/* ---------- bandeau : articles lies ---------- */
.ar-liees { list-style: none; margin: 0; padding: 0; }
.ar-liees li + li { border-top: 1px solid var(--ac-line); }
.ar-liees a { display: block; padding: 9px 2px; }
.ar-liee-titre {
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
	font-size: 13.5px; font-weight: 600; line-height: 1.4; color: var(--ac-ink);
}
.ar-liees a:hover .ar-liee-titre { color: var(--ac-accent); }
.ar-liee-meta { display: block; margin-top: 3px; font-size: 11.5px; color: var(--ac-muted); }
.ar-liee-meta.ac-journal { font-weight: 700; }
.ar-tout { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--ac-accent); }
.ar-tout:hover { color: #c94d0a; }