/**
 * News section: masthead, lead story, headlines, cards, front page band.
 * Loaded on the news category, producer tags, the front page and single posts.
 */

/* Masthead ---------------------------------------------------------------- */

.mc-news-masthead {
	background: var(--mc-ink);
	color: var(--mc-on-dark);
	padding: var(--mc-space-8) 0 var(--mc-space-10);
	border-bottom: 3px solid var(--mc-accent);
}

.mc-news-masthead .mc-guide-hero__crumbs,
.mc-news-masthead .mc-guide-hero__crumbs a {
	color: var(--mc-on-dark-2);
}

.mc-news-masthead__date {
	margin: var(--mc-space-5) 0 var(--mc-space-2);
	font-size: var(--mc-fs-xs);
	font-weight: 600;
	letter-spacing: var(--mc-ls-kicker);
	text-transform: uppercase;
	color: var(--mc-brand-light);
}

.mc-news-masthead__title {
	margin: 0;
	color: var(--mc-on-dark);
	font-size: var(--mc-fs-hero);
	line-height: var(--mc-lh-tight);
	letter-spacing: var(--mc-ls-display);
}

.mc-news-masthead__lead {
	max-width: 46rem;
	margin: var(--mc-space-4) 0 0;
	font-size: var(--mc-fs-lead);
	color: var(--mc-on-dark-2);
}

/* Top: lead story + headlines -------------------------------------------- */

.mc-news-top {
	display: grid;
	gap: var(--mc-space-8);
	margin: var(--mc-space-10) 0 var(--mc-space-8);
}

@media (min-width: 1025px) {
	.mc-news-top {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
		gap: var(--mc-space-10);
	}
}

.mc-news {
	min-width: 0;
}

.mc-news__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mc-space-2) var(--mc-space-3);
	margin: 0 0 var(--mc-space-2);
	font-size: var(--mc-fs-2xs);
	font-weight: 600;
	letter-spacing: var(--mc-ls-label);
	text-transform: uppercase;
	color: var(--mc-text-muted);
}

.mc-news__vendor {
	padding: 2px 9px;
	border-radius: var(--mc-radius-pill);
	background: var(--mc-brand-tint);
	color: var(--mc-brand-dark);
	text-decoration: none;
}

.mc-news__vendor:hover {
	background: var(--mc-brand);
	color: var(--mc-white);
}

.mc-news__title {
	margin: 0;
	font-size: var(--mc-fs-h4);
	line-height: var(--mc-lh-heading);
	letter-spacing: -0.01em;
}

.mc-news__title a {
	color: var(--mc-ink);
	text-decoration: none;
}

.mc-news__title a:hover {
	color: var(--mc-brand-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.mc-news__excerpt {
	margin: var(--mc-space-3) 0 0;
	color: var(--mc-text-3);
	font-size: var(--mc-fs-sm);
	line-height: var(--mc-lh-body);
}

.mc-news__media {
	display: block;
	overflow: hidden;
	border-radius: var(--mc-radius-md);
	aspect-ratio: 16 / 9;
	margin-bottom: var(--mc-space-4);
	background: var(--mc-ink);
}

.mc-news__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mc-news-ph {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background:
		radial-gradient(circle at 85% 15%, rgba(var(--mc-brand-rgb), 0.55), transparent 55%),
		linear-gradient(135deg, var(--mc-ink) 0%, var(--mc-ink-3) 100%);
}

.mc-news-ph span {
	font-size: clamp(2rem, 6vw, 3.25rem);
	font-weight: 700;
	letter-spacing: var(--mc-ls-display);
	color: var(--mc-accent);
}

/* Lead */

.mc-news--lead .mc-news__title {
	font-size: var(--mc-fs-h2);
	line-height: var(--mc-lh-tight);
	letter-spacing: var(--mc-ls-display);
}

.mc-news--lead .mc-news__excerpt {
	font-size: var(--mc-fs-lead);
}

/* Headlines column */

.mc-news-side {
	border-top: 3px solid var(--mc-ink);
}

.mc-news-side__title {
	margin: var(--mc-space-3) 0 var(--mc-space-2);
	font-size: var(--mc-fs-xs);
	letter-spacing: var(--mc-ls-kicker);
	text-transform: uppercase;
	color: var(--mc-text-muted);
}

.mc-news--side {
	padding: var(--mc-space-4) 0;
	border-top: 1px solid var(--mc-border);
}

.mc-news-side__title + .mc-news--side {
	border-top: 0;
}

.mc-news--side .mc-news__title {
	font-size: var(--mc-fs-h5);
}

/* Producer chips ---------------------------------------------------------- */

.mc-news-vendors {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mc-space-2);
	padding: var(--mc-space-4) 0;
	margin-bottom: var(--mc-space-8);
	border-top: 1px solid var(--mc-border);
	border-bottom: 1px solid var(--mc-border);
}

.mc-news-vendors__label {
	margin-right: var(--mc-space-2);
	font-size: var(--mc-fs-xs);
	font-weight: 600;
	letter-spacing: var(--mc-ls-label);
	text-transform: uppercase;
	color: var(--mc-text-muted);
}

.mc-news-vendors a {
	padding: 5px 13px;
	border: 1px solid var(--mc-border);
	border-radius: var(--mc-radius-pill);
	background: var(--mc-white);
	color: var(--mc-ink);
	font-size: var(--mc-fs-sm);
	font-weight: 600;
	text-decoration: none;
	transition: border-color var(--mc-dur) var(--mc-ease), color var(--mc-dur) var(--mc-ease);
}

.mc-news-vendors a:hover {
	border-color: var(--mc-brand);
	color: var(--mc-brand-dark);
}

/* Grid -------------------------------------------------------------------- */

.mc-news-grid__title {
	margin: 0 0 var(--mc-space-5);
	font-size: var(--mc-fs-h3);
	letter-spacing: var(--mc-ls-display);
}

.mc-news-cards {
	display: grid;
	gap: var(--mc-space-8) var(--mc-space-6);
}

@media (min-width: 720px) {
	.mc-news-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1025px) {
	.mc-news-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.mc-news--card .mc-news__media {
	margin-bottom: var(--mc-space-3);
}

/* Front page band ---------------------------------------------------------- */

.mc-home-news {
	display: grid;
	gap: var(--mc-space-8);
}

@media (min-width: 1025px) {
	.mc-home-news {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
		gap: var(--mc-space-10);
	}
}

/* Single news: sources list under the last heading ------------------------- */

.single-content h2#fonti {
	margin-bottom: var(--mc-space-2);
	font-size: var(--mc-fs-sm);
	letter-spacing: var(--mc-ls-label);
	text-transform: uppercase;
	color: var(--mc-text-muted);
}

.single-content h2#fonti + ul {
	padding-left: 1.2em;
	font-size: var(--mc-fs-xs);
	line-height: 1.5;
	color: var(--mc-text-3);
}

.single-content h2#fonti + ul li {
	margin-bottom: var(--mc-space-1);
}