/*
 * Kleurplaat theme – style variant "modern" (key: cahier).
 * Loaded only when Customizer › Site style = modern. Screen only; print stays the base print.css.
 */
@media screen {
.kp-style-cahier {
	--kp-bg: #f4f6ff;
	--kp-line: #e3e8fb;
	--kp-r: 22px;
	--kp-shadow: 0 1px 2px rgba(30,34,53,.06), 0 8px 24px rgba(59,91,219,.10);
	--kp-shadow-hover: 0 2px 4px rgba(30,34,53,.08), 0 16px 36px rgba(59,91,219,.18);
	background: var(--kp-bg);
}

/* Header: clean white bar, one smooth colour gradient instead of the crayon stripe */
.kp-style-cahier .kp-header { background: rgba(255,255,255,.92); backdrop-filter: saturate(1.4) blur(10px); box-shadow: 0 1px 0 var(--kp-line); }
.kp-style-cahier .kp-crayons { height: 4px; border: 0; background: linear-gradient(135deg, var(--kp-primary) 0%, #7b5cff 55%, var(--kp-accent) 100%); }
.kp-style-cahier .kp-crayons > * { display: none; }
.kp-style-cahier .kp-menu a { border-radius: 999px; }
.kp-style-cahier .kp-menu a:hover, .kp-style-cahier .kp-menu a:focus-visible { background: #eef1ff; text-decoration: none; }

/* Boxes */
.kp-style-cahier .kp-box { border: 0; border-radius: var(--kp-r); background: #fff; box-shadow: var(--kp-shadow); }

/* Hero: split layout, soft gradient panel, illustration on the right */
.kp-style-cahier .kp-hero {
	position: relative; text-align: left; overflow: hidden;
	background:
		radial-gradient(120% 140% at 100% 0%, rgba(255,143,171,.22) 0%, transparent 55%),
		radial-gradient(90% 120% at 0% 100%, rgba(59,91,219,.14) 0%, transparent 60%),
		#fff;
}
.kp-style-cahier .kp-hero .kp-doodle, .kp-style-cahier .kp-hero .kp-squiggle { display: none !important; }
.kp-style-cahier .kp-hero::before { display: none !important; }
.kp-style-cahier .kp-hero h1 { margin-inline: 0; letter-spacing: -.02em; line-height: 1.08; }
.kp-style-cahier .kp-hero > p { margin-inline: 0; max-width: 34rem; color: var(--kp-muted); }
.kp-style-cahier .kp-hero .kp-searchform { margin-inline: 0; max-width: 32rem; }
.kp-style-cahier .kp-hero .kp-chips { justify-content: flex-start; }
@media (min-width: 860px) {
	.kp-style-cahier .kp-hero {
		display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
		grid-template-rows: 1fr auto auto auto auto 1fr; column-gap: 2.5rem;
		min-height: 380px; padding: 2.5rem 3rem;
	}
	.kp-style-cahier .kp-hero > * { grid-column: 1; }
	.kp-style-cahier .kp-hero > h1 { grid-row: 2; margin-bottom: .75rem; font-size: clamp(2.2rem, 3.6vw, 3.2rem); }
	.kp-style-cahier .kp-hero > p { grid-row: 3; }
	.kp-style-cahier .kp-hero > .kp-searchform { grid-row: 4; }
	.kp-style-cahier .kp-hero > .kp-chips { grid-row: 5; }
	.kp-style-cahier .kp-hero::after {
		content: ""; grid-column: 2; grid-row: 1 / -1; align-self: center; justify-self: center;
		width: 100%; max-width: 380px; aspect-ratio: 440 / 365; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 440 365%22%3E%3Cg transform=%22rotate(-7 170 170)%22%3E%3Crect x=%2240%22 y=%2240%22 width=%22230%22 height=%22290%22 rx=%226%22 fill=%22%23fff%22 stroke=%22%231e2235%22 stroke-width=%225%22/%3E%3Cpath d=%22M110 250 L110 190 L160 150 L210 190 L210 250 Z%22 fill=%22%23fff%22 stroke=%22%231e2235%22 stroke-width=%225%22 stroke-linejoin=%22round%22/%3E%3Crect x=%22148%22 y=%22212%22 width=%2224%22 height=%2238%22 fill=%22%23ffd43b%22 stroke=%22%231e2235%22 stroke-width=%224%22/%3E%3Ccircle cx=%22225%22 cy=%22100%22 r=%2220%22 fill=%22%23ffd43b%22 stroke=%22%231e2235%22 stroke-width=%225%22/%3E%3Cpath d=%22M95 270 Q160 258 235 272%22 fill=%22none%22 stroke=%22%2338c172%22 stroke-width=%226%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3Cpath d=%22M300 40 l7 16 17 2 -13 11 4 17 -15 -9 -15 9 4 -17 -13 -11 17 -2 Z%22 fill=%22%23ff8fab%22 stroke=%22%231e2235%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%22385%22 cy=%22110%22 r=%227%22 fill=%22%233b5bdb%22 stroke=%22%231e2235%22 stroke-width=%223%22/%3E%3Cg transform=%22translate(300 300) rotate(-14)%22%3E%3Crect x=%22-13%22 y=%22-150%22 width=%2226%22 height=%22150%22 rx=%223%22 fill=%22%233b5bdb%22 stroke=%22%231e2235%22 stroke-width=%225%22/%3E%3Cpath d=%22M-13 -150 L0 -184 L13 -150 Z%22 fill=%22%23ffe3c2%22 stroke=%22%231e2235%22 stroke-width=%225%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M-5 -172 L0 -184 L5 -172 Z%22 fill=%22%233b5bdb%22 stroke=%22%231e2235%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cline x1=%22-13%22 y1=%22-128%22 x2=%2213%22 y2=%22-128%22 stroke=%22%231e2235%22 stroke-width=%224%22/%3E%3C/g%3E%3Cg transform=%22translate(330 300) rotate(-2)%22%3E%3Crect x=%22-13%22 y=%22-165%22 width=%2226%22 height=%22165%22 rx=%223%22 fill=%22%23ff8fab%22 stroke=%22%231e2235%22 stroke-width=%225%22/%3E%3Cpath d=%22M-13 -165 L0 -199 L13 -165 Z%22 fill=%22%23ffe3c2%22 stroke=%22%231e2235%22 stroke-width=%225%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M-5 -187 L0 -199 L5 -187 Z%22 fill=%22%23ff8fab%22 stroke=%22%231e2235%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cline x1=%22-13%22 y1=%22-143%22 x2=%2213%22 y2=%22-143%22 stroke=%22%231e2235%22 stroke-width=%224%22/%3E%3C/g%3E%3Cg transform=%22translate(358 300) rotate(9)%22%3E%3Crect x=%22-13%22 y=%22-140%22 width=%2226%22 height=%22140%22 rx=%223%22 fill=%22%23ffd43b%22 stroke=%22%231e2235%22 stroke-width=%225%22/%3E%3Cpath d=%22M-13 -140 L0 -174 L13 -140 Z%22 fill=%22%23ffe3c2%22 stroke=%22%231e2235%22 stroke-width=%225%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M-5 -162 L0 -174 L5 -162 Z%22 fill=%22%23ffd43b%22 stroke=%22%231e2235%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cline x1=%22-13%22 y1=%22-118%22 x2=%2213%22 y2=%22-118%22 stroke=%22%231e2235%22 stroke-width=%224%22/%3E%3C/g%3E%3Cg transform=%22translate(382 302) rotate(20)%22%3E%3Crect x=%22-13%22 y=%22-120%22 width=%2226%22 height=%22120%22 rx=%223%22 fill=%22%2338c172%22 stroke=%22%231e2235%22 stroke-width=%225%22/%3E%3Cpath d=%22M-13 -120 L0 -154 L13 -120 Z%22 fill=%22%23ffe3c2%22 stroke=%22%231e2235%22 stroke-width=%225%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M-5 -142 L0 -154 L5 -142 Z%22 fill=%22%2338c172%22 stroke=%22%231e2235%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cline x1=%22-13%22 y1=%22-98%22 x2=%2213%22 y2=%22-98%22 stroke=%22%231e2235%22 stroke-width=%224%22/%3E%3C/g%3E%3Cpath d=%22M270 250 L400 250 L388 345 Q335 356 282 345 Z%22 fill=%22%23fff%22 stroke=%22%231e2235%22 stroke-width=%225%22 stroke-linejoin=%22round%22/%3E%3Crect x=%22262%22 y=%22238%22 width=%22146%22 height=%2222%22 rx=%228%22 fill=%22%233b5bdb%22 stroke=%22%231e2235%22 stroke-width=%225%22/%3E%3Cg fill=%22%23ff8fab%22 stroke=%22%231e2235%22 stroke-width=%223%22%3E%3Ccircle cx=%22305%22 cy=%22300%22 r=%229%22/%3E%3Ccircle cx=%22340%22 cy=%22312%22 r=%229%22/%3E%3Ccircle cx=%22372%22 cy=%22298%22 r=%229%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
		filter: drop-shadow(0 18px 24px rgba(59,91,219,.18));
	}
}

/* Section titles: small gradient bar on the left, no squiggle */
.kp-style-cahier .kp-h2, .kp-style-cahier .kp-section__head h2 { display: inline-flex; align-items: center; gap: .65rem; background: none; letter-spacing: -.01em; }
.kp-style-cahier .kp-h2::after, .kp-style-cahier .kp-section__head h2::after { display: none; content: none; }
.kp-style-cahier .kp-h2::before, .kp-style-cahier .kp-section__head h2::before {
	content: ""; flex: none; width: 6px; height: 1.1em; border-radius: 6px; background: linear-gradient(135deg, var(--kp-primary) 0%, #7b5cff 55%, var(--kp-accent) 100%);
}

/* Cards: rounded, soft shadow, lift on hover; first new plate on the homepage is featured */
.kp-style-cahier .kp-card-plate {
	border: 0; border-radius: 18px; background: #fff; overflow: hidden;
	box-shadow: var(--kp-shadow); transition: transform .18s ease, box-shadow .18s ease;
}
.kp-style-cahier .kp-card-plate:hover, .kp-style-cahier .kp-card-plate:focus-visible { transform: translateY(-4px); box-shadow: var(--kp-shadow-hover); }
.kp-style-cahier .kp-card-plate__img { background: #fff; border: 0; border-radius: 0; }
@media (min-width: 860px) {
	.kp-style-cahier.home .kp-section:first-of-type .kp-grid { grid-auto-flow: dense; }
	.kp-style-cahier.home .kp-section:first-of-type .kp-grid > li:first-child { grid-column: span 2; grid-row: span 2; }
	.kp-style-cahier.home .kp-section:first-of-type .kp-grid > li:first-child .kp-card-plate__title { font-size: 1.15em; }
}

/* Buttons, chips, search */
.kp-style-cahier .kp-btn { border: 0; border-radius: 999px; background: linear-gradient(135deg, var(--kp-primary) 0%, #7b5cff 55%, var(--kp-accent) 100%); color: #fff; box-shadow: 0 6px 16px rgba(59,91,219,.28); transition: transform .15s ease, box-shadow .15s ease; }
.kp-style-cahier .kp-btn:hover, .kp-style-cahier .kp-btn:focus-visible { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(59,91,219,.34); }
.kp-style-cahier .kp-btn--ghost { background: #fff; color: var(--kp-primary-dark, var(--kp-primary)); box-shadow: inset 0 0 0 2px var(--kp-line); }
.kp-style-cahier .kp-btn--ghost:hover, .kp-style-cahier .kp-btn--ghost:focus-visible { box-shadow: inset 0 0 0 2px var(--kp-primary); }
.kp-style-cahier .kp-chip { border: 0; border-radius: 999px; background: #eef1ff; color: var(--kp-ink); }
.kp-style-cahier .kp-chip:hover, .kp-style-cahier .kp-chip:focus-visible { background: #dfe5ff; }
.kp-style-cahier .kp-searchform input { border-radius: 999px; border: 1px solid var(--kp-line); background: #fff; box-shadow: inset 0 1px 2px rgba(30,34,53,.04); }
@media (max-width: 480px) {
	.kp-style-cahier .kp-searchform { display: grid; grid-template-columns: 1fr; gap: .5rem; }
	.kp-style-cahier .kp-searchform input, .kp-style-cahier .kp-searchform .kp-btn { width: 100%; }
}
.kp-style-cahier .kp-searchform input:focus { border-color: var(--kp-primary); outline: 3px solid rgba(59,91,219,.18); }

/* How it works: numbers in gradient circles */
.kp-style-cahier .kp-steps__nr {
	display: inline-grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%;
	background: linear-gradient(135deg, var(--kp-primary) 0%, #7b5cff 55%, var(--kp-accent) 100%) !important; color: #fff; border: 0; font-weight: 800; font-size: 1.1rem; -webkit-text-stroke: 0;
}

/* Empty state art */
.kp-style-cahier .kp-empty__art .kp-doodle { display: none !important; }
.kp-style-cahier .kp-empty__art::before { content: ""; display: block; width: 180px; height: 80px; margin: 0 auto; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 90%22%3E%3Cg transform=%22translate(60 85) rotate(-60)%22%3E%3Crect x=%22-13%22 y=%22-90%22 width=%2226%22 height=%2290%22 rx=%223%22 fill=%22%233b5bdb%22 stroke=%22%231e2235%22 stroke-width=%225%22/%3E%3Cpath d=%22M-13 -90 L0 -124 L13 -90 Z%22 fill=%22%23ffe3c2%22 stroke=%22%231e2235%22 stroke-width=%225%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M-5 -112 L0 -124 L5 -112 Z%22 fill=%22%233b5bdb%22 stroke=%22%231e2235%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cline x1=%22-13%22 y1=%22-68%22 x2=%2213%22 y2=%22-68%22 stroke=%22%231e2235%22 stroke-width=%224%22/%3E%3C/g%3E%3Cg transform=%22translate(105 88) rotate(0)%22%3E%3Crect x=%22-13%22 y=%22-60%22 width=%2226%22 height=%2260%22 rx=%223%22 fill=%22%23ff8fab%22 stroke=%22%231e2235%22 stroke-width=%225%22/%3E%3Cpath d=%22M-13 -60 L0 -94 L13 -60 Z%22 fill=%22%23ffe3c2%22 stroke=%22%231e2235%22 stroke-width=%225%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M-5 -82 L0 -94 L5 -82 Z%22 fill=%22%23ff8fab%22 stroke=%22%231e2235%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cline x1=%22-13%22 y1=%22-38%22 x2=%2213%22 y2=%22-38%22 stroke=%22%231e2235%22 stroke-width=%224%22/%3E%3C/g%3E%3Cg transform=%22translate(150 85) rotate(60)%22%3E%3Crect x=%22-13%22 y=%22-90%22 width=%2226%22 height=%2290%22 rx=%223%22 fill=%22%23ffd43b%22 stroke=%22%231e2235%22 stroke-width=%225%22/%3E%3Cpath d=%22M-13 -90 L0 -124 L13 -90 Z%22 fill=%22%23ffe3c2%22 stroke=%22%231e2235%22 stroke-width=%225%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M-5 -112 L0 -124 L5 -112 Z%22 fill=%22%23ffd43b%22 stroke=%22%231e2235%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cline x1=%22-13%22 y1=%22-68%22 x2=%2213%22 y2=%22-68%22 stroke=%22%231e2235%22 stroke-width=%224%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; }

/* Plate page and topic text */
.kp-style-cahier .kp-plate__image { border-radius: var(--kp-r); }
.kp-style-cahier .kp-faq details { border: 0; border-radius: 14px; background: #f6f8ff; }

/* Footer: deep blue with a soft gradient */
.kp-style-cahier footer[class*="kp-f"] { background: linear-gradient(160deg, #1f2f7a 0%, #2a2470 100%); color: #fff; border-top: 0; }
.kp-style-cahier footer[class*="kp-f"] a, .kp-style-cahier footer[class*="kp-f"] h2, .kp-style-cahier footer[class*="kp-f"] p, .kp-style-cahier footer[class*="kp-f"] span { color: #fff; }
.kp-style-cahier footer[class*="kp-f"] .kp-logo__tld { color: var(--kp-accent); }
.kp-style-cahier .kp-footer__bottom { background: rgba(0,0,0,.15); border-top: 1px solid rgba(255,255,255,.12); }
.kp-style-cahier .kp-footer__doodles { display: none; }
}