/* Blok 2: Hero home. Alleen presets uit theme.json. */

.ps-hero-home .ps-hero-home__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
	gap: var(--wp--preset--spacing--56);
	align-items: center;
}

.ps-hero-home .ps-hero-home__text {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--28);
	max-width: 600px;
}
.ps-hero-home .ps-hero-home__lead { max-width: 520px; }

.ps-hero-home .ps-hero-home__frameworks {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--8) var(--wp--preset--spacing--20);
	margin: 0;
	padding: var(--wp--preset--spacing--8) 0 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--ps-muted);
}

/* Rapportkaart: altijd wit, ook op een donkere sectie. */
.ps-section .ps-report-card {
	justify-self: end;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
	width: 100%;
	max-width: 520px;
	padding: var(--wp--preset--spacing--28);
	border-radius: var(--wp--preset--border-radius--large);
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--navy);
}
.ps-section--on-light .ps-report-card { border: 1px solid var(--wp--preset--color--line); }

.ps-report-card .ps-report-card__head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--wp--preset--spacing--16); }
.ps-report-card .ps-report-card__titles { display: flex; flex-direction: column; gap: 6px; }
.ps-report-card p { margin: 0; }
.ps-report-card .ps-report-card__label,
.ps-report-card .ps-report-card__total-label {
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--slate);
	line-height: 1.3;
}
.ps-report-card .ps-report-card__title { font-size: var(--wp--preset--font-size--lead); font-weight: 700; line-height: 1.3; color: var(--wp--preset--color--navy); }
.ps-report-card .ps-report-card__total { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.ps-report-card .ps-report-card__pill { padding: 5px var(--wp--preset--spacing--12); font-size: var(--wp--preset--font-size--small); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }

.ps-report-card .ps-report-card__counts {
	display: grid;
	grid-template-columns: repeat(var(--ps-cols, 5), minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--preset--border-radius--medium);
	overflow: hidden;
}
.ps-report-card .ps-report-card__count {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: var(--wp--preset--spacing--12) 6px;
	text-align: center;
	border-top: 3px solid var(--ps-sev-c);
	border-right: 1px solid var(--wp--preset--color--line);
}
.ps-report-card .ps-report-card__count:last-child { border-right: 0; }
.ps-report-card__count--critical { --ps-sev-c: var(--wp--preset--color--sev-critical); }
.ps-report-card__count--high { --ps-sev-c: var(--wp--preset--color--sev-high); }
.ps-report-card__count--medium { --ps-sev-c: var(--wp--preset--color--sev-medium); }
.ps-report-card__count--low { --ps-sev-c: var(--wp--preset--color--sev-low); }
.ps-report-card__count--info { --ps-sev-c: var(--wp--preset--color--sev-info); }
.ps-report-card .ps-report-card__n { font-size: var(--wp--preset--font-size--large); font-weight: 800; line-height: 1.1; color: var(--ps-sev-c); }
.ps-report-card .is-zero .ps-report-card__n { color: var(--wp--preset--color--mist); }
.ps-report-card .ps-report-card__count-label { font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--slate); line-height: 1.3; }

.ps-report-card .ps-report-card__findings { margin: 0; padding: 0; list-style: none; }
.ps-report-card .ps-report-card__finding {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	gap: var(--wp--preset--spacing--12);
	align-items: center;
	padding: 11px 0;
	border-top: 1px solid var(--wp--preset--color--line-soft);
}
.ps-report-card .ps-report-card__id { font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--slate); }
.ps-report-card .ps-report-card__finding-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ps-report-card .ps-report-card__finding-title { font-size: var(--wp--preset--font-size--small); font-weight: 600; line-height: 1.35; color: var(--wp--preset--color--navy); }
.ps-report-card .ps-report-card__code { font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--slate); line-height: 1.4; }
.ps-report-card .ps-report-card__note { font-size: var(--wp--preset--font-size--x-small); line-height: 1.5; color: var(--wp--preset--color--slate); }

@media (max-width: 480px) {
	.ps-report-card .ps-report-card__finding { grid-template-columns: minmax(0, 1fr) auto; }
	.ps-report-card .ps-report-card__id { grid-column: 1 / -1; }
}

/* Accentdeel van de titel op een eigen regel, zoals in het ontwerp. */
.ps-hero-home .ps-h1 em { display: block; }