/* =====================================================================
   AGORGI — news.css NEUTRE — remplace assets/news.css de l'extension
   « Agorgi — Site corrections » v1.0.20. Version 1.0.24
   =====================================================================
   Ce fichier se substitue à assets/news.css (200 lignes) — le plugin ne
   charge plus la version « journal » (empattement noir, serif italique,
   fonds papier chauds #eeede9 / #f5f4f1).
   Coller aussi palette-unique-THEME-COHERENCE.css dans le CSS additionnel pour
   que les variables --agp-* / --ag-* existent (sinon les valeurs de secours ci-
   dessous prennent le relais).

   Choix validés le 2026-11-09 : neutralisation complète (filet noir, serif
   italique et fonds papier chauds retirés) ; l'alignement des blocs de fiche se
   fait du côté de l'extension compagne active, pas ici — voir
   agorgi-foires-gabarit-exposition.php.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. CARTES NEWS — même encre, même police, même fond que le reste du site
   --------------------------------------------------------------------- */
.agorgi-news-list {
	--agorgi-news-ink: var(--agp-ink, var(--ag-ink, #111111));
	--agorgi-news-copy: var(--agp-copy, var(--ag-copy, #444444));
	--agorgi-news-muted: var(--agp-grey, var(--ag-grey, #767676));
	--agorgi-news-rule: var(--agp-rule, var(--ag-rule, #e5e5e5));
	--agorgi-news-head: var(--agp-head, var(--ag-font, "Helvetica Neue", Helvetica, Arial, sans-serif));
	width: 100%;
	margin: clamp(30px, 5vw, 64px) 0;
	color: var(--agorgi-news-ink);
}
:root {
	--agorgi-news-gap: clamp(30px, 4.6vw, 72px);
}
.agorgi-news-list__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(54px, 6.4vw, 104px);
	margin: 0;
}

/* ---------------------------------------------------------------------
   1 bis. UNE LIGNE PAR ACTUALITÉ — même gabarit que les fiches Événements /
          Foires : visuel à gauche (.94), texte à droite (1.06), texte aligné à
          gauche, passe-partout clair, œuvre jamais recadrée.
          Inverse souhaité → classe agorgi-news-list--visuel-droit sur la
          liste (voir la notice) : les 4 règles « miroir » plus bas s'en
          chargent, rien d'autre à changer.
   --------------------------------------------------------------------- */
.agorgi-news-card {
	display: grid;
	grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
	align-items: start;
	gap: var(--agorgi-news-gap);
	min-width: 0;
	padding-top: 0;                       /* plus de filet noir « journal » */
	border-top: 0;
}
.agorgi-news-card__media {
	position: relative;
	box-sizing: border-box;
	display: grid;
	place-items: center;
	overflow: hidden;
	aspect-ratio: var(--agp-fe-ratio, 1.2);   /* comme .agp-evenement__media-stage */
	max-height: min(62vh, 560px);
	padding: clamp(9px, 1.2vw, 18px);         /* passe-partout, comme .agp-evenement__visuel */
	background: var(--agp-mat, #f4f4f4);
	color: var(--agorgi-news-muted);
	text-decoration: none !important;
}
.agorgi-news-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;                  /* les œuvres ne sont jamais recadrées, comme sur les fiches */
	transition: transform .55s cubic-bezier(.19, .6, .22, 1);
}
.agorgi-news-card__media:hover img,
.agorgi-news-card__media:focus-visible img { transform: scale(1.025); }
.agorgi-news-card__media[data-image-missing="1"] img { display: none; }
.agorgi-news-card__media[data-image-missing="1"]::after {
	content: "";
	position: absolute;
	inset: clamp(9px, 1.2vw, 18px);
	border: 1px solid var(--agorgi-news-rule);
	pointer-events: none;
}
.agorgi-news-card__media-placeholder {
	font: 400 11px/1 var(--agorgi-news-head);
	letter-spacing: .2em;
	text-transform: uppercase;
}
.agorgi-news-card__body {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
	padding: clamp(0px, 1.4vw, 18px) 0 0;  /* léger ressaut, comme .agp-evenement__colonne-texte */
	text-align: left;
}
.agorgi-news-card__eyebrow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 12px;
	margin: 0 0 11px;
	color: var(--agorgi-news-muted);
	font: 500 10px/1.4 var(--agorgi-news-head);
	letter-spacing: .16em;
	text-transform: uppercase;
}
.agorgi-news-card__eyebrow > span:first-child { color: var(--agorgi-news-ink); }
.agorgi-news-card__language {
	padding: 4px 7px;
	border: 1px solid var(--agorgi-news-rule);
	color: var(--agorgi-news-muted);
	letter-spacing: .13em;
	line-height: 1.3;
}
.agorgi-news-card__meta {
	margin: 0 0 11px;
	color: var(--agorgi-news-copy);        /* comme .agorgi-card-dates des listes d’événements */
	font: 400 12px/1.5 var(--agorgi-news-head);
	letter-spacing: .03em;
}
.agorgi-news-card__title {
	max-width: 34ch;
	margin: 0 0 10px !important;
	padding: 0 !important;
	border: 0 !important;
	color: var(--agorgi-news-ink) !important;
	font: 650 clamp(16px, 1.3vw, 19px)/1.4 var(--agorgi-news-head) !important;
	letter-spacing: .035em !important;
	text-transform: uppercase;            /* comme .agorgi-card-title du kit */
}
.agorgi-news-card__title a {
	color: inherit !important;
	text-decoration: none !important;
}
.agorgi-news-card:hover .agorgi-news-card__title a,
.agorgi-news-card__title a:hover,
.agorgi-news-card__title a:focus-visible {
	text-decoration: underline !important;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
}
.agorgi-news-card__event {
	margin: 0 0 13px;
	color: var(--agorgi-news-muted);
	font: 500 10px/1.45 var(--agorgi-news-head);
	letter-spacing: .16em;
	text-transform: uppercase;
}
.agorgi-news-card__excerpt {
	max-width: 68ch;
	margin: 0 0 20px;
	color: var(--agorgi-news-copy);
	font: 400 13px/1.62 var(--agp-text, var(--agorgi-news-head));
}
.agorgi-news-card__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding: 0 0 4px;
	border-bottom: 1px solid var(--agorgi-news-rule);
	color: var(--agorgi-news-ink) !important;
	font: 500 10px/1.5 var(--agorgi-news-head);
	letter-spacing: .15em;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: border-color .2s ease, color .2s ease;
}
.agorgi-news-card__link:hover,
.agorgi-news-card__link:focus-visible {
	border-bottom-color: var(--agorgi-news-ink);
	text-decoration: underline !important;
	text-underline-offset: 4px;
}
.agorgi-news-card a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

/* Variante « visuel à droite / texte à gauche » — activée par la classe sur la liste. */
.agorgi-news-list--visuel-droit .agorgi-news-card {
	grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
}
.agorgi-news-list--visuel-droit .agorgi-news-card__media { order: 2; }
.agorgi-news-list--visuel-droit .agorgi-news-card__body { order: 1; }

/* Une colonne en dessous de 900 px : visuel au-dessus, texte en dessous. */
@media (max-width: 900px) {
	.agorgi-news-card,
	.agorgi-news-list--visuel-droit .agorgi-news-card {
		grid-template-columns: minmax(0, 1fr);
		gap: 22px;
	}
	.agorgi-news-list--visuel-droit .agorgi-news-card__media,
	.agorgi-news-list--visuel-droit .agorgi-news-card__body { order: 0; }
	.agorgi-news-card__media {
		aspect-ratio: 3 / 2;
		max-height: none;
		padding: clamp(7px, 2vw, 12px);
	}
	.agorgi-news-card__body { padding-top: 0; }
	.agorgi-news-card__title { max-width: none; }
}
@media (max-width: 640px) {
	.agorgi-news-list__grid { gap: 44px; }
	.agorgi-news-card__excerpt { font-size: 12.5px; }
}

/* Page d'aperçu de l'importateur : même traitement, fond blanc. */
.agorgi-news-preview {
	max-width: 820px;
	margin: clamp(28px, 5vw, 56px) auto;
	padding: clamp(20px, 3vw, 34px);
	border-left: 0;                              /* était 2px #171717 */
	background: transparent;                     /* était #f5f4f1 */
}
.agorgi-news-preview__source {
	margin: 0 0 12px !important;
	color: var(--agorgi-news-muted) !important;
	font: 400 11px/1.5 var(--agorgi-news-head) !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
}
.agorgi-news-preview__body {
	margin: 0 0 18px !important;
	color: var(--agorgi-news-copy) !important;   /* était #333 */
	font: 400 16px/1.7 var(--agp-text, var(--agorgi-news-head)) !important;
}
.agorgi-news-card__title a[dir="rtl"],
.agorgi-news-card__excerpt[dir="rtl"],
.agorgi-news-preview__body[dir="rtl"] {
	text-align: right;
}
.agorgi-news-preview__image {
	margin: 0 0 22px;
}
.agorgi-news-preview__image img {
	display: block;
	width: 100%;
	max-height: 560px;
	object-fit: cover;
}
.agorgi-news-preview__body p {
	margin: 0 0 12px !important;
	color: inherit !important;
	font: inherit !important;
}
.agorgi-news-preview__body p:last-child {
	margin-bottom: 0 !important;
}
/* L'avertissement de l'importateur reste visible mais sort de la palette
   « sépia » (#f7efe2 / #a96824 / #714719) : encadré gris du thème. */
.agorgi-news-preview__warning {
	margin: 0 0 14px !important;
	padding: 10px 12px;
	border-left: 2px solid var(--agorgi-news-muted);
	background: var(--agp-mat, #f2f2f2);
	color: var(--agorgi-news-ink) !important;
	font: 400 12px/1.6 var(--agorgi-news-head) !important;
}

@media (max-width: 900px) {
	.agorgi-news-list__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.agorgi-news-card:first-child { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
	.agorgi-news-list__grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
	.agorgi-news-card:first-child {
		grid-column: auto;
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}
	.agorgi-news-card:first-child .agorgi-news-card__body { padding: 16px 0 2px; }
	.agorgi-news-card__excerpt { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.agorgi-news-card__media img,
	.agorgi-news-card__link { transition: none; }
}

/* ---------------------------------------------------------------------
   2. BLOCS DE FICHE — Art Fair et Exposition, un seul traitement
   (classes des deux snippets + du snippet unifié)
   --------------------------------------------------------------------- */
.agorgi-art-fair,
.agorgi-project,
.agorgi-fiche-evenement {
	max-width: 1180px;
	margin: 0 auto;
	color: var(--agp-ink, var(--ag-ink, #111111));
}
.agorgi-art-fair-image,
.agorgi-project-image,
.agorgi-fiche-evenement__image {
	margin: 0 0 clamp(20px, 3vw, 34px);
	background: var(--agp-mat, #f2f2f2);
}
.agorgi-art-fair-image img,
.agorgi-project-image img,
.agorgi-fiche-evenement__image img {
	display: block;
	width: 100%;
	height: auto;
}
.agorgi-art-fair-infos,
.agorgi-project-infos,
.agorgi-fiche-evenement__infos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 6px 24px;
	margin: 0 0 clamp(24px, 3.4vw, 40px);
	padding: 14px 0;
	border-top: 1px solid var(--agp-rule, #e5e5e5);
	border-bottom: 1px solid var(--agp-rule, #e5e5e5);
}
.agorgi-art-fair-infos p,
.agorgi-project-infos p,
.agorgi-fiche-evenement__infos p {
	margin: 0 !important;
	font: 400 12px/1.6 var(--agp-head, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
}
.agorgi-art-fair-infos strong,
.agorgi-project-infos strong,
.agorgi-fiche-evenement__infos strong {
	display: block;
	color: var(--agp-grey, #767676) !important;
	font-weight: 400 !important;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-size: 10px !important;
}
.agorgi-art-fair section,
.agorgi-project section,
.agorgi-fiche-evenement__section {
	margin: 0 0 clamp(26px, 3.6vw, 44px);
}
.agorgi-art-fair h2,
.agorgi-project h2,
.agorgi-fiche-evenement__section h2 {
	margin: 0 0 14px !important;
	padding: 0 !important;
	color: var(--agp-ink, #111111) !important;
	font: 400 11px/1.5 var(--agp-head, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
}
.agorgi-art-fair-artists-list,
.agorgi-project-artists-list,
.agorgi-art-fair-artworks-list,
.agorgi-project-artworks-list,
.agorgi-fiche-evenement__liste {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
}
.agorgi-art-fair-artists-list a,
.agorgi-project-artists-list a,
.agorgi-art-fair-artworks-list a,
.agorgi-project-artworks-list a,
.agorgi-fiche-evenement__liste a {
	color: var(--agp-ink, #111111) !important;
	font: 400 15px/1.5 var(--agp-head, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	text-decoration: none !important;
	border-bottom: 1px solid var(--agp-rule, #e5e5e5);
	padding-bottom: 2px;
}
.agorgi-art-fair-artists-list a:hover,
.agorgi-project-artists-list a:hover,
.agorgi-art-fair-artworks-list a:hover,
.agorgi-project-artworks-list a:hover,
.agorgi-fiche-evenement__liste a:hover,
.agorgi-art-fair-artists-list a:focus-visible,
.agorgi-project-artists-list a:focus-visible,
.agorgi-art-fair-artworks-list a:focus-visible,
.agorgi-project-artworks-list a:focus-visible,
.agorgi-fiche-evenement__liste a:focus-visible {
	border-bottom-color: var(--agp-ink, #111111);
}
.agorgi-art-fair-links,
.agorgi-project-links,
.agorgi-fiche-evenement__lien {
	margin: clamp(20px, 3vw, 32px) 0 0;
}
.agorgi-art-fair-links a,
.agorgi-project-links a,
.agorgi-fiche-evenement__lien a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--agp-ink, #111111) !important;
	font: 400 10px/1.5 var(--agp-head, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	letter-spacing: .12em;
	text-transform: uppercase;
	text-decoration: none !important;
	border-bottom: 1px solid var(--agp-rule, #e5e5e5);
	padding-bottom: 4px;
}
.agorgi-art-fair-links a:hover,
.agorgi-project-links a:hover,
.agorgi-fiche-evenement__lien a:hover,
.agorgi-art-fair-links a:focus-visible,
.agorgi-project-links a:focus-visible,
.agorgi-fiche-evenement__lien a:focus-visible {
	border-bottom-color: var(--agp-ink, #111111);
}