/**
 * JB IT Solutions — Global Finish
 * Sitebrede productie-afspraken die ook voor toekomstige maatwerkpagina's gelden.
 */

/* Decoratieve pijlen zijn bewust uit de huisstijl verwijderd. */
.jb-services-page__arrow,
.jb-text-link__arrow,
.jb-button__arrow,
.jb-service-text-link__arrow,
.jb-personal__button-arrow,
.jb-website-portfolio-card__external,
#primary [class*="__arrow"],
#primary [class*="--arrow"],
#primary [class*="__chevron"],
#primary [class*="--chevron"] {
	display: none !important;
}

.jb-text-link::after,
.jb-services-page__link::after,
.jb-service-text-link::after {
	content: none !important;
	display: none !important;
}

/*
 * Laatste directe inhoudssectie — rustige JB-oranje afsluiting.
 * #FF8C00 blijft de accentkleur van de huisstijl, maar wordt niet meer
 * als groot effen achtergrondvlak gebruikt. Dit geldt automatisch ook
 * voor toekomstige maatwerkpagina's met dezelfde #primary-structuur.
 */
#primary > section:last-of-type,
#primary > article > section:last-of-type {
	background-color: #d86f00 !important;
	background-image: linear-gradient(
		135deg,
		#e27a08 0%,
		#d86f00 52%,
		#c96300 100%
	) !important;
	color: #202428 !important;
}

/* Koppen en tekst behouden hoog contrast op de warmere achtergrond. */
#primary > section:last-of-type :is(h1, h2, h3, h4),
#primary > article > section:last-of-type :is(h1, h2, h3, h4) {
	color: #202428 !important;
}

#primary > section:last-of-type :is(p, li),
#primary > article > section:last-of-type :is(p, li),
#primary > section:last-of-type :is(.jb-eyebrow, .jb-service-eyebrow, .jb-support-eyebrow, .jb-chp-eyebrow, .jb-private-eyebrow),
#primary > article > section:last-of-type :is(.jb-eyebrow, .jb-service-eyebrow, .jb-support-eyebrow, .jb-chp-eyebrow, .jb-private-eyebrow) {
	color: #383e42 !important;
}

#primary > section:last-of-type :is(.jb-button--primary, .jb-button--dark, .jb-support-button-primary, .jb-chp-button-primary, .jb-private-button--primary),
#primary > article > section:last-of-type :is(.jb-button--primary, .jb-button--dark, .jb-support-button-primary, .jb-chp-button-primary, .jb-private-button--primary) {
	border-color: #202428 !important;
	background: #202428 !important;
	color: #ffffff !important;
}

#primary > section:last-of-type :is(.jb-button--secondary, .jb-button--outline-light, .jb-support-button-secondary, .jb-chp-button-secondary, .jb-private-button--outline),
#primary > article > section:last-of-type :is(.jb-button--secondary, .jb-button--outline-light, .jb-support-button-secondary, .jb-chp-button-secondary, .jb-private-button--outline) {
	border-color: #202428 !important;
	background: transparent !important;
	color: #202428 !important;
}

/*
 * Subtiele diepte voor transparante afsluitkaarten zonder bestaande
 * witte kaarten of component-layouts te overschrijven.
 */
#primary > section:last-of-type :is(
	.jb-home-trust__panel,
	.jb-home-trust__card,
	.jb-support-final__inner,
	.jb-chp-final__inner,
	.jb-private-final__grid,
	.jb-care-page-cta__inner,
	.jb-service-cta__inner
),
#primary > article > section:last-of-type :is(
	.jb-home-trust__panel,
	.jb-home-trust__card,
	.jb-support-final__inner,
	.jb-chp-final__inner,
	.jb-private-final__grid,
	.jb-care-page-cta__inner,
	.jb-service-cta__inner
) {
	border-color: rgba(32, 36, 40, 0.12) !important;
	box-shadow: 0 18px 42px rgba(74, 38, 0, 0.12);
}

/* Toegankelijke toetsenbordfocus zonder layoutwijziging. */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid #ff8c00;
	outline-offset: 3px;
}

#primary > section:last-of-type :where(a, button):focus-visible,
#primary > article > section:last-of-type :where(a, button):focus-visible {
	outline-color: #202428;
}