/* ------------------------------------------------------------ *\
	Biovancia v3 — Parutions Presse
	Press mentions listing (thumbnail + source + title + CTA + date)
	+ shared featured-products cross-sell + global FAQ. Tokens only,
	scoped to .v3. The cross-sell + FAQ reuse base.css.
\* ------------------------------------------------------------ */

.v3 .presse-press {
	padding-top: 120px;
}

.v3 .presse-press__head {
	max-width: var(--bva-rail);
	margin: 0 auto 40px;
	padding: 0 40px;
}
.v3 .presse-press__title {
	font: var(--bva-t-header-l);
	color: var(--bva-black);
	margin: 0;
}

/* --- Article row --- */
.v3 .presse-row {
	max-width: var(--bva-rail);
	margin: 0 auto;
	border-top: 1px solid var(--bva-line);
}
.v3 .presse-row__inner {
	display: flex;
	gap: 70px;
	align-items: flex-start;
	padding: 24px 40px;
}
.v3 .presse-row__img {
	flex: 0 0 344px;
	width: 344px;
	height: 200px;
	border-radius: 4px;
	background: var(--bva-badge-bg) center / cover no-repeat;
	display: block;
}
.v3 .presse-row__main {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.v3 .presse-row__source {
	font: var(--bva-t-header-s);
	color: var(--bva-black);
	margin: 0;
}
/* Top row: source left, date opposite on the right (same line as the source). */
.v3 .presse-row__head {
	display: flex;
	align-items: baseline;
	gap: 40px;
	width: 100%;
}
.v3 .presse-row__title {
	font: var(--bva-t-header-l);
	font-weight: 500; /* one notch bolder */
	color: var(--bva-black);
	margin: 0;
	max-width: 704px;
}
.v3 .presse-row__cta {
	display: inline-flex;
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
	text-decoration: none;
}
.v3 .presse-row__cta-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font: 500 12px/1.1 var(--bva-font-sans);
	text-transform: uppercase;
	color: var(--bva-black);
}
.v3 .presse-row__cta::after {
	content: "";
	height: 1px;
	background: var(--bva-black);
}
.v3 .presse-row__date {
	flex: 0 0 auto;
	margin-left: auto;
}
.v3 .presse-row__date time {
	font: var(--bva-t-label);
	text-transform: uppercase;
	color: var(--bva-black);
	white-space: nowrap;
}

/* Cross-sell featured block sits 80px below the press list (base.css styles it). */
.v3 .presse .featured { padding-top: 80px; }

@media (max-width: 860px) {
	.v3 .presse-press { padding-top: 96px; }
	.v3 .presse-row__inner { flex-direction: column; gap: 20px; }
	.v3 .presse-row__img { flex-basis: auto; width: 100%; }
	.v3 .presse-row__main { flex-basis: auto; }
	/* Keep source + date on one line (source left, date pushed right by its base
	   margin-left:auto) as in the mock, instead of stacking. */
	.v3 .presse-row__head { gap: 16px; }
	.v3 .presse-row__title { flex-basis: auto; }
}