/**
 * Module: News Header Section.
 * Loaded only when a `news_header_section` layout is present.
 * (Shared slider skin lives in style.css §8.)
 */

/* Breadcrumb */
.news-header-section .news-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	list-style: none;
	margin: 0 0 1.75rem;
	padding: 0;
	font-size: 0.9rem;
	color: var(--fuchs-700, #656263);
}
.news-header-section .news-breadcrumb li {
	display: flex;
	align-items: center;
}
.news-header-section .news-breadcrumb li + li::before {
	content: "/";
	margin-right: 0.5rem;
	color: var(--fuchs-400, #A7A5A6);
}
.news-header-section .news-breadcrumb a {
	color: var(--fuchs-700, #656263);
	text-decoration: none;
}
.news-header-section .news-breadcrumb a:hover,
.news-header-section .news-breadcrumb a:focus {
	color: var(--fuchs-primary, #1260A9);
}
.news-header-section .news-breadcrumb [aria-current="page"] {
	color: var(--fuchs-text, #231F20);
	font-weight: var(--fuchs-fw-medium, 500);
}

/* Media */
.news-header-section .news-header-featured {
	width: 100%;
	height: auto;
	border-radius: 12px;
}
.news-header-section .news-header-slider .carousel-item img {
	aspect-ratio: 3 / 2;
}

/* Content */
.news-header-section .news-header-cat {
	display: inline-block;
	margin-bottom: 1rem;
	padding: 0.3rem 0.85rem;
	border-radius: 999px;
	background-color: var(--fuchs-primary-100, #D0DFEE);
	color: var(--fuchs-primary, #1260A9);
	font-size: 0.8rem;
	font-weight: var(--fuchs-fw-semibold, 600);
	text-decoration: none;
}
.news-header-section .news-header-title {
	font-family: var(--fuchs-font);
	font-size: clamp(2rem, 3.5vw, 44px);
	font-weight: var(--fuchs-fw-medium, 500);
	line-height: 1.15;
	margin-bottom: 1rem;
}
.news-header-section .news-header-copy {
	font-size: 1.05rem;
	margin-bottom: 1.5rem;
}

/* Author */
.news-header-section .news-header-author {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.news-header-section .news-author-avatar {
	border-radius: 50%;
	width: 44px;
	height: 44px;
}
.news-header-section .news-author-meta {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}
.news-header-section .news-author-name {
	font-weight: var(--fuchs-fw-semibold, 600);
	color: var(--fuchs-text, #231F20);
	font-size: 0.95rem;
}
.news-header-section .news-author-date {
	color: var(--fuchs-700, #656263);
	font-size: 0.85rem;
}

/* Article body (rendered by single.php right after this section) */
.news-article-body {
	padding-bottom: clamp(3rem, 6vw, 6rem);
}
.news-article-content {
	font-size: 1.05rem;
	line-height: 1.8;
}
.news-article-content h2,
.news-article-content h3 {
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-weight: var(--fuchs-fw-semibold, 600);
}
.news-article-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 1.5rem 0;
}