/*
 * FotograafTarief — Nieuws & inspiratie
 * Alleen --ft-* tokens. Geen teal, geen blauw, geen externe hero.
 */

.ft-news-page,
.ft-news-single {
	background: var(--ft-off-white);
	color: var(--ft-anthracite);
	font-family: var(--ft-font-family);
	overflow-x: hidden;
}

.ft-news-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 28px 20px 64px;
}

.ft-news-intro {
	padding: 36px 20px 8px;
}

.ft-news-intro-inner {
	max-width: 1080px;
	margin: 0 auto;
}

.ft-news-kicker {
	margin: 0 0 10px;
	color: var(--ft-gold);
	font-size: var(--ft-meta-size);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.ft-news-page h1,
.ft-news-single h1 {
	margin: 0 0 12px;
	color: var(--ft-black);
	font-size: var(--ft-h1-size-mobile);
	font-weight: var(--ft-h1-weight);
	line-height: var(--ft-line-height-heading);
}

.ft-news-lead,
.ft-news-summary {
	max-width: 68ch;
	margin: 0;
	color: var(--ft-text-gray);
	font-size: var(--ft-body-size);
	line-height: var(--ft-line-height-body);
}

.ft-news-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.ft-news-pill {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 8px 14px;
	border: 1px solid var(--ft-gold);
	border-radius: 999px;
	background: var(--ft-white);
	color: var(--ft-anthracite);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.ft-news-pill.is-active,
.ft-news-pill:hover,
.ft-news-pill:focus {
	background: var(--ft-gold);
	color: var(--ft-white);
}

.ft-news-hero {
	background: var(--ft-anthracite);
	color: var(--ft-white);
	padding: 36px 20px 32px;
}

.ft-news-hero-inner {
	max-width: 1080px;
	margin: 0 auto;
}

.ft-news-hero h1 {
	color: var(--ft-white);
}

.ft-news-hero .ft-news-pill {
	margin-bottom: 16px;
	background: var(--ft-gold);
	border-color: var(--ft-gold);
	color: var(--ft-white);
}

.ft-news-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	margin: 0;
	color: var(--ft-text-gray);
	font-size: var(--ft-meta-size);
}

.ft-news-hero .ft-news-meta {
	color: var(--ft-gold-light);
}

.ft-news-cover {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
}

.ft-news-cover img,
.ft-news-card img,
.ft-news-related img,
.ft-news-content img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.ft-news-cover img {
	margin-top: 20px;
	border-radius: var(--ft-radius-card);
	object-fit: cover;
	max-height: 520px;
}

.ft-news-article {
	max-width: 760px;
}

.ft-news-summary {
	margin: 22px 0 0;
	color: var(--ft-anthracite);
	font-size: 18px;
	line-height: 1.6;
}

.ft-news-crumb {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 18px 0 0;
	color: var(--ft-text-gray);
	font-size: 14px;
}

.ft-news-crumb a {
	color: var(--ft-anthracite);
	text-decoration: none;
}

.ft-news-crumb a:hover,
.ft-news-crumb a:focus {
	color: var(--ft-gold);
}

.ft-news-toc {
	margin: 22px 0 0;
	padding: 16px 18px;
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius-card);
	background: var(--ft-white);
}

.ft-news-toc h2,
.ft-news-block h2,
.ft-news-content h2 {
	margin: 28px 0 10px;
	color: var(--ft-black);
	font-size: var(--ft-h2-size-mobile);
	font-weight: var(--ft-h2-weight);
	line-height: var(--ft-line-height-heading);
}

.ft-news-toc h2 {
	margin: 0 0 10px;
	font-size: 18px;
}

.ft-news-toc ol {
	margin: 0;
	padding-left: 18px;
}

.ft-news-toc a {
	color: var(--ft-anthracite);
	text-decoration: none;
}

.ft-news-toc a:hover,
.ft-news-toc a:focus {
	color: var(--ft-gold);
}

.ft-news-content {
	margin-top: 8px;
	overflow-wrap: anywhere;
}

.ft-news-content p,
.ft-news-content li {
	font-size: var(--ft-body-size);
	line-height: 1.7;
}

.ft-news-content h3 {
	margin: 22px 0 8px;
	color: var(--ft-black);
	font-size: var(--ft-h3-size-mobile);
	font-weight: var(--ft-h3-weight);
	line-height: var(--ft-line-height-heading);
}

.ft-news-content a {
	color: var(--ft-anthracite);
	text-decoration: underline;
	text-decoration-color: var(--ft-gold);
}

.ft-news-content ul.ft-checklist {
	margin: 0 0 18px;
	padding: 14px 16px 14px 34px;
	border-radius: var(--ft-radius-card);
	background: var(--ft-white);
	border: 1px solid var(--ft-border);
}

.ft-news-content ul.ft-checklist li::marker {
	color: var(--ft-gold);
}

.ft-news-content img {
	margin: 16px 0;
	border-radius: var(--ft-radius-card);
}

.ft-news-content table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

.ft-news-block {
	margin-top: 28px;
}

.ft-news-faq details {
	border-top: 1px solid var(--ft-border);
	background: var(--ft-white);
}

.ft-news-faq details:last-child {
	border-bottom: 1px solid var(--ft-border);
}

.ft-news-faq summary {
	cursor: pointer;
	padding: 14px 16px;
	list-style: none;
}

.ft-news-faq summary::-webkit-details-marker {
	display: none;
}

.ft-news-faq summary h3 {
	display: inline;
	margin: 0;
	font-size: var(--ft-h3-size-mobile);
	font-weight: var(--ft-h3-weight);
}

.ft-news-faq details p {
	margin: 0;
	padding: 0 16px 16px;
	line-height: 1.7;
}

.ft-news-sources,
.ft-news-links {
	margin: 0;
	padding-left: 18px;
}

.ft-news-sources a,
.ft-news-links a,
.ft-news-card h2 a,
.ft-news-related h3 a {
	color: var(--ft-anthracite);
	text-decoration: none;
}

.ft-news-sources a:hover,
.ft-news-links a:hover,
.ft-news-card h2 a:hover,
.ft-news-related h3 a:hover {
	color: var(--ft-gold);
}

.ft-news-disclaimer {
	margin: 28px 0 0;
	padding: 14px 16px;
	border-left: 3px solid var(--ft-gold);
	background: var(--ft-white);
	color: var(--ft-text-gray);
	font-size: 14px;
	line-height: 1.6;
}

.ft-news-grid,
.ft-news-related-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.ft-news-card,
.ft-news-related a {
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: var(--ft-white);
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius-card);
	overflow: hidden;
	text-decoration: none;
	color: inherit;
}

.ft-news-card-body,
.ft-news-related-body {
	padding: 14px 16px 16px;
}

.ft-news-card h2,
.ft-news-related h3 {
	margin: 8px 0 0;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 700;
}

.ft-news-card p {
	margin: 8px 0 0;
	color: var(--ft-text-gray);
	font-size: 14px;
	line-height: 1.6;
}

.ft-news-thumb {
	aspect-ratio: 16 / 9;
	background: var(--ft-gold-pale);
}

.ft-news-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ft-news-feature {
	display: grid;
	gap: 0;
	margin-bottom: 22px;
	background: var(--ft-white);
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius-card);
	overflow: hidden;
}

.ft-news-empty {
	margin-top: 8px;
	padding: 22px 18px;
	background: var(--ft-white);
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius-card);
}

.ft-news-empty p {
	margin: 0 0 16px;
	max-width: 62ch;
	line-height: 1.7;
}

.ft-news-btn {
	display: inline-flex;
	align-items: center;
	background: var(--ft-black);
	color: var(--ft-white);
	border-radius: var(--ft-radius-button);
	padding: var(--ft-button-padding);
	font-size: var(--ft-button-font-size);
	font-weight: var(--ft-button-font-weight);
	text-decoration: none;
}

.ft-news-btn:hover,
.ft-news-btn:focus {
	filter: brightness(90%);
	color: var(--ft-white);
}

.ft-news-search {
	position: relative;
	margin: 18px 0 0;
	max-width: 520px;
}

.ft-news-search input {
	width: 100%;
	min-width: 0;
	height: var(--ft-field-height);
	padding: 0 14px;
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius-button);
	background: var(--ft-white);
	color: var(--ft-anthracite);
	font-family: inherit;
	font-size: 16px;
}

.ft-news-dd {
	display: none;
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	background: var(--ft-white);
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius-card);
}

.ft-news-dd.is-open { display: block; }

.ft-news-dd a,
.ft-news-dd p {
	display: block;
	margin: 0;
	padding: 12px 14px;
	color: var(--ft-anthracite);
	text-decoration: none;
	border-top: 1px solid var(--ft-border);
}

.ft-news-find {
	margin-top: 36px;
	padding: 28px 20px 36px;
	background: var(--ft-white);
	border-top: 1px solid var(--ft-border);
}

.ft-news-find-inner {
	max-width: 1080px;
	margin: 0 auto;
}

.ft-news-find h2 {
	margin: 0 0 8px;
	font-size: var(--ft-h2-size-mobile);
}

.ft-news-pages {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 22px;
}

.ft-news-pages a,
.ft-news-pages span {
	display: inline-flex;
	min-width: 40px;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border: 1px solid var(--ft-border);
	border-radius: var(--ft-radius-button);
	background: var(--ft-white);
	color: var(--ft-anthracite);
	text-decoration: none;
}

.ft-news-pages .current {
	background: var(--ft-gold);
	border-color: var(--ft-gold);
	color: var(--ft-white);
}

@media (min-width: 800px) {
	.ft-news-page h1,
	.ft-news-single h1 {
		font-size: var(--ft-h1-size);
	}
	.ft-news-content h2,
	.ft-news-block h2,
	.ft-news-find h2 {
		font-size: var(--ft-h2-size);
	}
	.ft-news-content h3,
	.ft-news-faq summary h3 {
		font-size: var(--ft-h3-size);
	}
	.ft-news-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.ft-news-related-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.ft-news-feature {
		grid-template-columns: 1.15fr 0.85fr;
		align-items: center;
	}
}