/* Blok 7: Dienstkaarten. */

.ps-services .ps-services__grid { --ps-min: 320px; }

.ps-section .ps-service {
	--ps-c-bg: var(--wp--preset--color--white);
	--ps-c-fg: var(--wp--preset--color--navy);
	--ps-c-muted: var(--wp--preset--color--slate);
	--ps-c-accent: var(--wp--preset--color--teal-ink);
	--ps-c-border: var(--wp--preset--color--line);
	--ps-c-border2: var(--wp--preset--color--line-soft);
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--32);
	border: 1px solid var(--ps-c-border);
	border-radius: var(--wp--preset--border-radius--large);
	background-color: var(--ps-c-bg);
	color: var(--ps-c-fg);
	transition: transform var(--wp--custom--transition);
}
.ps-section .ps-service:hover { transform: translateY(-3px); }
.ps-section .ps-service--dark {
	--ps-c-bg: var(--wp--preset--color--navy);
	--ps-c-fg: var(--wp--preset--color--white);
	--ps-c-muted: var(--wp--preset--color--mist);
	--ps-c-accent: var(--wp--preset--color--teal);
	--ps-c-border: var(--wp--preset--color--navy);
	--ps-c-border2: color-mix(in srgb, var(--wp--preset--color--white) 14%, transparent);
}
.ps-section--dark .ps-service--dark { --ps-c-border: color-mix(in srgb, var(--wp--preset--color--white) 14%, transparent); }

.ps-service .ps-service__top { display: flex; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--12); font-size: var(--wp--preset--font-size--x-small); }
.ps-service .ps-service__num { color: var(--ps-c-muted); }
.ps-service .ps-service__tag { letter-spacing: 0.08em; text-transform: uppercase; color: var(--ps-c-accent); }
.ps-service .ps-service__body { display: flex; flex-direction: column; gap: 10px; }
.ps-service .ps-service__title { margin: 0; font-size: var(--wp--preset--font-size--large); font-weight: 700; letter-spacing: -0.01em; line-height: 1.25; color: var(--ps-c-fg); }
.ps-service .ps-service__title a { color: inherit; text-decoration: none; }
.ps-service .ps-service__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.ps-service .ps-service__title a:focus-visible { outline: none; }
.ps-service:has(a:focus-visible) { outline: 2px solid var(--wp--preset--color--teal); outline-offset: 3px; }
.ps-service .ps-service__text { margin: 0; font-size: var(--wp--preset--font-size--medium-small); line-height: 1.65; color: var(--ps-c-muted); }
.ps-service .ps-service__points { flex: 1; --ps-accent: var(--ps-c-accent); color: var(--ps-c-fg); }
.ps-service .ps-service__foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: var(--wp--preset--spacing--12);
	padding-top: var(--wp--preset--spacing--16);
	border-top: 1px solid var(--ps-c-border2);
}
.ps-service .ps-service__price { font-size: var(--wp--preset--font-size--medium-small); font-weight: 700; }
.ps-service .ps-service__meta { font-size: var(--wp--preset--font-size--small); color: var(--ps-c-muted); }