/* clauddoors v5: vriendelijkere kleuren, volle paginakoppen, taalknop */

/* 1. Het bijna-zwarte 'ink'-accent wordt een zacht lavendelblauw met donkere iconen */
.cd-tone-ink{--tone:#C9D0FF}
.cd-tone-ink.cd-feature-ico,.cd-tone-ink.cd-card-ico,.cd-tone-ink .cd-cfg-x-ico{color:var(--ink)}
:root[data-theme="dark"] .cd-tone-ink{--tone:#AEB8FF}

/* 2. Paginakoppen vullen het eerste scherm: geen half zichtbare secties */
.cd-ph-full .cd-wrap{position:relative}
.cd-ph-chips{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}
.cd-ph-chip{display:inline-flex;flex-direction:column;gap:2px;padding:14px 20px;border-radius:18px;background:var(--card);border:2px solid var(--line);color:var(--fg);text-decoration:none;box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.3,1.5,.5,1),border-color .2s}
.cd-ph-chip:hover{transform:translateY(-4px);border-color:var(--fg)}
.cd-ph-chip b{font:600 19px/1.15 var(--f-head)}
.cd-ph-chip span{font-size:14px;color:var(--fg-muted);font-weight:600}
.cd-ph-chip.is-pick{background:var(--sun);border-color:var(--ink);color:var(--ink);box-shadow:0 6px 0 -1px var(--ink)}
.cd-ph-chip.is-pick span{color:var(--ink)}
.cd-ph-more{font-weight:700;color:var(--fg);text-underline-offset:4px;margin-left:6px}
.cd-page-head .cd-wrap>.cd-ph-sun{position:absolute!important;z-index:0!important;right:calc(min(36%,440px) - 70px);top:-10px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#FFE680,#FFD23F 55%,#F7C21E);box-shadow:0 0 0 12px rgba(255,210,63,.16),0 0 50px rgba(255,210,63,.4);pointer-events:none}
:root[data-theme="dark"] .cd-page-head .cd-wrap>.cd-ph-sun{background:radial-gradient(circle at 38% 35%,#fff,#E6E9F7 60%,#C5CBE6);box-shadow:0 0 40px rgba(220,226,255,.35)}
@media (min-width:900px) and (min-height:560px){
.cd-ph-full{min-height:calc(100vh - 77px);min-height:calc(100svh - 77px);display:flex;align-items:center;padding:40px 0 90px;position:relative}
.cd-ph-full>.cd-wrap{width:100%}
.cd-ph-full .cd-h1,.cd-ph-full .cd-lead{max-width:min(60%,780px)}
.cd-ph-full .cd-sky-head{width:min(40%,520px)}
.cd-ph-full .cd-sky .mh{width:200px}
.cd-ph-full::after{content:"";position:absolute;left:50%;bottom:22px;width:24px;height:38px;margin-left:-12px;border:2px solid var(--fg);border-radius:14px;opacity:.28}
.cd-ph-full::before{content:"";position:absolute;left:50%;bottom:44px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--fg);opacity:.4;animation:cd-scrollcue 1.8s ease-in-out infinite}
}
@media (max-width:899px){.cd-page-head .cd-wrap>.cd-ph-sun{width:56px;height:56px;right:96px;top:-14px}.cd-ph-chip{padding:12px 16px}.cd-ph-chip b{font-size:17px}}
@keyframes cd-scrollcue{0%{transform:translateY(-6px);opacity:0}40%{opacity:.5}100%{transform:translateY(6px);opacity:0}}

/* 3. Taalknop NL / EN */
.cd-lang{display:inline-flex;align-items:center;padding:3px;border-radius:999px;border:2px solid var(--line);background:var(--card);cursor:pointer;font:700 13px var(--f-body);color:var(--fg)}
.cd-lang span{padding:5px 9px;border-radius:999px;transition:background .2s,color .2s}
html:not(.cd-en) .cd-lang [data-l="nl"],html.cd-en .cd-lang [data-l="en"]{background:var(--ink);color:#fff}
:root[data-theme="dark"]:not(.cd-en) .cd-lang [data-l="nl"],:root[data-theme="dark"].cd-en .cd-lang [data-l="en"]{background:var(--sky);color:var(--ink)}
.cd-lang:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
html.cd-lang-wait body{visibility:hidden}
@media (max-width:600px){.cd-lang span{padding:4px 7px}}

/* 4. Hero-deur: wolk en oogjes bewegen samen */
.cd-hero-door .cd-peek .cd-mark-cloud{animation:none}
html.cd-en .cd-cfg-pkg-in::after{content:"Choose this package"}
html.cd-en .cd-cfg-pkg input:checked+.cd-cfg-pkg-in::after{content:"\2713  Chosen"}
html.cd-en .cd-cfg-panel[data-step="1"] .cd-cfg-hint::before{content:"\1F447  Click a package to choose it. "}

/* v6. Prijzen: kop met prijsbord direct in beeld, en kopieer-mailknop */
.cd-ph-copy{position:relative;z-index:1}
.cd-ph-split .cd-sky-head .mh{display:none}
.cd-ph-split>.cd-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.cd-ph-split .cd-h1,.cd-ph-split .cd-lead{max-width:none}
.cd-ph-split .cd-wrap>.cd-ph-sun{right:36px;top:-58px;width:84px;height:84px}
.cd-ph-trust{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.cd-ph-trust li{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px}
.cd-ph-trust li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.cd-ph-board{position:relative;z-index:1;background:var(--card);border:2px solid var(--fg);border-radius:26px;padding:22px 22px 18px;box-shadow:0 10px 0 -2px var(--fg),0 30px 60px -30px rgba(20,24,60,.35)}
.cd-ph-board-h{display:flex;justify-content:space-between;align-items:baseline;margin:0 4px 12px}
.cd-ph-board-h b{font:600 20px/1.2 var(--f-head)}
.cd-ph-board-h span{font-size:14px;color:var(--fg-muted);font-weight:600}
.cd-ph-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 22px;align-items:center;gap:14px;padding:12px 12px;margin:0 0 8px;border-radius:16px;border:2px solid var(--line);color:var(--fg);text-decoration:none;transition:transform .25s cubic-bezier(.3,1.5,.5,1),border-color .2s,background .2s}
.cd-ph-row:hover{transform:translateX(4px);border-color:var(--fg)}
.cd-ph-row-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--tone,var(--sky)) 40%,transparent);color:var(--ink)}
.cd-ph-row-ico.cd-tone-sky{--tone:var(--sky)}.cd-ph-row-ico.cd-tone-sun{--tone:var(--sun)}.cd-ph-row-ico.cd-tone-coral{--tone:var(--coral)}
.cd-ph-row-ico svg{width:21px;height:21px}
.cd-ph-row-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cd-ph-row-t b{font:600 18px/1.2 var(--f-head);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cd-ph-row-t em{font:700 11px/1 var(--f-body,inherit);font-style:normal;letter-spacing:.04em;text-transform:uppercase;background:var(--ink);color:var(--sun);padding:5px 8px;border-radius:99px}
.cd-ph-row-t small{font-size:13.5px;color:var(--fg-muted);font-weight:600}
.cd-ph-row-p{font:700 24px/1 var(--f-head);white-space:nowrap}
.cd-ph-row-p i{font:600 13px/1 var(--f-body,inherit);font-style:normal;color:var(--fg-muted);margin-right:2px}
.cd-ph-row-go{font-weight:700;opacity:.5;transition:opacity .2s,transform .2s}
.cd-ph-row:hover .cd-ph-row-go{opacity:1;transform:translateX(2px)}
.cd-ph-row.is-pick{background:var(--sun);border-color:var(--ink);color:var(--ink)}
.cd-ph-row.is-pick .cd-ph-row-ico{background:#fff}
.cd-ph-row.is-pick small,.cd-ph-row.is-pick .cd-ph-row-p i{color:var(--ink);opacity:.75}
.cd-ph-row.is-pick .cd-ph-row-go{opacity:1}
.cd-ph-board-f{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 4px 0;font-size:14px;color:var(--fg-muted);font-weight:600}
.cd-ph-board-f a{color:var(--fg);font-weight:700;text-underline-offset:4px}
:root[data-theme="dark"] .cd-ph-board{box-shadow:0 10px 0 -2px var(--fg)}
:root[data-theme="dark"] .cd-ph-row-ico{color:var(--fg)}
:root[data-theme="dark"] .cd-ph-row.is-pick .cd-ph-row-ico{color:var(--ink)}
@media (max-width:1079px){.cd-ph-split>.cd-wrap{gap:36px}}
@media (max-width:899px){
.cd-ph-split>.cd-wrap{grid-template-columns:1fr;gap:28px}
.cd-ph-split .cd-wrap>.cd-ph-sun{right:96px;top:-14px;width:56px;height:56px}
.cd-ph-board{padding:16px 14px 14px;border-radius:22px}
.cd-ph-row{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:10px}
.cd-ph-row-ico{width:40px;height:40px}
.cd-ph-row-go{display:none}
.cd-ph-row-p{font-size:21px}
.cd-ph-trust li{font-size:15px}
}
@media (min-width:900px) and (max-height:700px){.cd-ph-split.cd-ph-full{padding:24px 0 70px}.cd-ph-split .cd-h1{font-size:clamp(40px,5vw,60px)}.cd-ph-row{padding:9px 12px;margin-bottom:6px}.cd-ph-board{padding:16px 18px 14px}}
.is-copied{border-color:var(--fg)!important}

/* v7. Rust, ruimte en kleine fixes */
html{scroll-padding-top:100px}
.cd-ph-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.cd-ph-actions .cd-btn-ghost{background:var(--card);border-color:var(--line)}
.cd-ph-actions .cd-btn-ghost:hover{border-color:var(--fg)}
.cd-ph-mail{margin:18px 0 0;color:var(--fg-muted);font-weight:600}
.cd-ph-mail a{color:var(--fg);font-weight:700;text-underline-offset:4px}
/* Werk: projecten meteen in beeld */
.cd-ph-compact{padding:clamp(32px,4.5vw,56px) 0 0}
.cd-ph-compact .cd-h1,.cd-ph-compact .cd-lead{max-width:min(62%,760px)}
.cd-ph-compact .cd-sky-head{width:min(34%,420px)}
.tpl-werk .cd-work,body:has(.cd-ph-compact) .cd-work{padding-top:24px}
.tpl-werk .cd-work>.cd-wrap>.cd-head,body:has(.cd-ph-compact) .cd-work>.cd-wrap>.cd-head{display:none}
@media (max-width:899px){.cd-ph-compact .cd-h1,.cd-ph-compact .cd-lead{max-width:none}}
/* Prijsbord: wolkje kijkt over de rand */
.cd-ph-board-buddy{position:absolute;right:34px;top:-50px;width:92px;height:auto;z-index:-1;filter:drop-shadow(0 8px 12px rgba(20,33,91,.12))}
.cd-ph-board-buddy .cd-mark-cloud{fill:#fff}.cd-ph-board-buddy .cd-mark-eyes{fill:var(--ink)}
.cd-ph-split .cd-wrap>.cd-ph-sun{right:150px;top:-74px;width:64px;height:64px}
@media (max-width:899px){.cd-ph-board-buddy{width:70px;top:-38px;right:20px}.cd-ph-split .cd-wrap>.cd-ph-sun{right:110px;top:-20px;width:46px;height:46px}}
/* Pakketten: meer lucht */
.cd-packages{padding:clamp(84px,10vw,130px) 0}
.cd-packages .cd-pkg-guide{margin:-8px 0 48px}
.cd-pkg-grid-v2{gap:32px}
.cd-pkg-v2{padding:36px 32px 32px}
.cd-pkg-v2 .cd-pkg-price{font-size:46px;margin-top:6px}
.cd-pkg-v2 .cd-pkg-top{margin-bottom:22px}
.cd-pkg-v2 .cd-checks{margin:18px 0 32px}
.cd-pkg-v2 .cd-checks li{font-size:15.5px;line-height:1.45;margin-bottom:10px}
.cd-pkg-v2 .cd-pkg-pages{margin:18px 0 6px}
.cd-pkg-shop{margin-top:40px}
/* Deur-wolkje: niet meer afgeknipt bij het springen */
.cd-hero-door svg{overflow:visible}
.cd-hero-door .cd-peek{transform-box:fill-box;transform-origin:50% 100%}
.cd-hero-door:focus{outline:none}
.cd-hero-door:focus-visible{outline:3px solid var(--sun);outline-offset:6px;border-radius:12px}
/* Sneller tevoorschijn */
.cd-js [data-cd-reveal]{transition-duration:.45s}
/* Wolkjes leunen een beetje mee met de muis */
.cd-lean{transition:translate .5s ease-out}
.cd-page-head .cd-wrap>.cd-ph-board{z-index:auto}
/* Aanvraag binnen: blij wolkje */
.cd-form-buddy{position:relative;display:inline-block;width:120px;margin:0 auto 6px}
.cd-form-buddy>svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 10px 16px rgba(20,33,91,.14))}
.cd-form-buddy .cd-mark-cloud{fill:#fff}
.cd-happy-face{stroke:var(--ink)}
.cd-form-buddy .cd-poof{left:50%;top:40%;bottom:auto;margin-left:-12px}
.is-party .cd-form-buddy>svg{animation:cd-yay 1.1s cubic-bezier(.3,1.6,.5,1) .2s both}
@keyframes cd-yay{0%{transform:translateY(20px) scale(.7);opacity:0}45%{transform:translateY(-16px) scale(1.08);opacity:1}70%{transform:translateY(0) scale(.97)}100%{transform:none}}
:root[data-theme="dark"] .cd-form-buddy .cd-mark-cloud{fill:#fff}