/**
 * Grille + fiche des actualités/recrutement — composant partagé par tous
 * les sites du réseau (contenu servi depuis le hub caché, voir
 * class-nc-repository.php). Palette pilotée par les variables --ebnc-*
 * définies sur .ebrioo-nc-scope : valeurs par défaut ici (charte Ebrioo),
 * surchargées par network-content-digit.css — même principe que
 * forms.css/forms-digit.css et formations.css/formations-digit.css.
 */
.ebrioo-nc-scope {
	--ebnc-accent: #E5239C;      /* Rose Magenta — liens, "lire la suite" */
	--ebnc-accent-hover: #A31770;
	--ebnc-muted: #829696;       /* Gris vert — date, texte secondaire */
	--ebnc-ink: #323532;         /* Gris foncé — titres */
	--ebnc-border: #C3C8CC;
	--ebnc-placeholder-from: #E5239C;  /* Dégradé de secours (article sans photo) */
	--ebnc-placeholder-to: #501E96;
}

.ebrioo-nc-empty { text-align: center; color: var(--ebnc-muted); }

/* --- Grille --- */
.ebrioo-nc-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1.75rem;
}
.ebrioo-nc-card {
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(50, 53, 50, .08);
	transition: transform .18s ease, box-shadow .18s ease;
}
.ebrioo-nc-card:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(50, 53, 50, .13); }
.ebrioo-nc-card__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.ebrioo-nc-card__image {
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center;
	background-color: var(--ebnc-border);
}
/* Article publié sans image mise en avant : dégradé de marque plutôt qu'un
   bloc vide/gris, pour que la grille reste homogène quel que soit le cas. */
.ebrioo-nc-card__image--placeholder {
	background-image: linear-gradient(135deg, var(--ebnc-placeholder-from) 0%, var(--ebnc-placeholder-to) 100%);
}
.ebrioo-nc-card__body { display: flex; flex-direction: column; padding: 1.25rem 1.35rem 1.5rem; flex: 1; }
.ebrioo-nc-card__date { font-size: .82rem; color: var(--ebnc-muted); }
.ebrioo-nc-card__title { font-weight: 700; font-size: 1.1rem; line-height: 1.3; color: var(--ebnc-ink); margin: .3rem 0 .5rem; }
.ebrioo-nc-card__link:hover .ebrioo-nc-card__title { color: var(--ebnc-accent); }
.ebrioo-nc-card__excerpt { font-size: .93rem; line-height: 1.55; color: #4a4d4a; margin-bottom: .75rem; }
.ebrioo-nc-card__more { margin-top: auto; font-weight: 700; font-size: .9rem; color: var(--ebnc-accent); }
.ebrioo-nc-card__link:hover .ebrioo-nc-card__more { color: var(--ebnc-accent-hover); }

/* --- Pagination --- */
.ebrioo-nc-pagination { display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin-top: 2.5rem; font-weight: 700; }
.ebrioo-nc-pagination a { color: var(--ebnc-accent); text-decoration: none; }
.ebrioo-nc-pagination a:hover { color: var(--ebnc-accent-hover); }
.ebrioo-nc-pagination__current { color: var(--ebnc-muted); font-weight: 400; font-size: .9rem; }

/* --- Fiche --- */
.ebrioo-nc-single { max-width: 780px; margin: 0 auto; }
.ebrioo-nc-single__back { margin-bottom: 1.5rem; }
.ebrioo-nc-single__back a { color: var(--ebnc-accent); text-decoration: none; font-weight: 700; }
.ebrioo-nc-single__image {
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center;
	border-radius: 14px;
	margin-bottom: 1.5rem;
}
.ebrioo-nc-single__date { font-size: .85rem; color: var(--ebnc-muted); margin-bottom: .35rem; }
.ebrioo-nc-single__title { font-size: clamp(1.5rem, 3vw, 2.1rem); line-height: 1.25; color: var(--ebnc-ink); margin: 0 0 1.5rem; }
.ebrioo-nc-single__content { line-height: 1.75; }
.ebrioo-nc-single__content p { margin: 0 0 1.2rem; }
.ebrioo-nc-single__content a { color: var(--ebnc-accent); }
.ebrioo-nc-single__content img { max-width: 100%; height: auto; border-radius: 10px; }

@media (max-width: 600px) {
	.ebrioo-nc-grid { grid-template-columns: 1fr; }
}