/* ==========================================================================
   UIT DE PRAKTIJK
   Bestand: /versatile-v2-child/css/praktijk.css
   Bouwt voort op kennisbank.css (hero, beige vlak, kaarten, zijbalk,
   paginering). Hier staan alleen de aanvullingen.
   De verhalen zijn tekst zonder afbeelding.

   Templates:
   1. archive-praktijkverhaal.php  (/uit-de-praktijk/)
   2. single-praktijkverhaal.php
   ========================================================================== */


/* 1. Intro onder de titel in de hero (overzicht) */

.kb-hero__intro {
	max-width: 640px;
	margin-top: 1em;
}

.kb-hero__intro p {
	color: var(--cl-tertiary-text-75);
	margin-bottom: 0 !important;
}


/* 2. Kaarten: groot aanhalingsteken en meer tekst, als fragment uit de post */

.pv-card .kb-card__body {
	position: relative;
	padding-top: 5em;
}

/* Maten in px: em rekent hier met de grote lettergrootte van het teken zelf */
.pv-card .kb-card__body::before {
	content: '\201C'; /* aanhalingsteken openen */
	position: absolute;
	top: 20px;
	left: 30px;
	color: var(--cl-secondary-based);
	font-family: Georgia, serif;
	font-size: 96px;
	line-height: 1;
	pointer-events: none;
}

.pv-card .kb-card__excerpt {
	color: var(--cl-default-text);
	line-height: 1.6;
}

/* 3. LinkedIn blok in de zijbalk */

.pv-linkedin__text {
	font-size: 15px;
	color: var(--cl-default-text-75);
	margin-bottom: 1.2em !important;
}


/* 4. CTA onderaan op beige, zoals bij blog en kennisbank */

.post-type-archive-praktijkverhaal .cta,
.single-praktijkverhaal .cta {
	background: var(--cl-secondary);
}