
/* pd-v6-css-blokken: aanvulling op pd-v6-css voor pagina's die met gewone WordPress-blokken zijn gebouwd (fase B).
   Bron: Website - Claude/WordPress/fase-b/ (pdblok.py, bouw-fase-b.py). Raakt alleen blokmarkup (wp-block-*, pd-ic-*);
   de HTML-pagina's op /v6/ hebben die niet. De loader laat global-styles op /v6/ weg (sinds 19-10-2026). */
/* A. core/image, core/buttons en core/spacer terug naar het ontwerp. De blok-CSS van WordPress staat onderaan de pagina,
   na deze CSS; daarom zijn deze regels specifieker. */
:where(.pd-v6 main) figure.wp-block-image{margin:0}
:where(.pd-v6 main .wp-block-buttons){display:flex;flex-wrap:wrap;gap:12px}
.pd-v6 main .wp-block-buttons>.wp-block-button{display:flex;margin:0}
.pd-v6 main .wp-block-button>a{display:block;width:auto;height:auto;padding:0;text-align:inherit;text-decoration:none;word-break:normal;align-content:normal}
.pd-v6 main .wp-block-image.photo-pill img{width:100%;height:100%;object-fit:cover}
.pd-v6 main .wp-block-image.pd-pos-20 img{object-position:50% 20%}
.pd-v6 main .wp-block-image.pd-pos-25 img{object-position:50% 25%}
@media (max-width:600px){.pd-v6 main .wp-block-spacer.spacer{height:72px!important}}
/* B. marges die het ontwerp op een ander element zette */
.pd-v6 main .vl-grid .fact>.wp-block-buttons{margin-top:auto}
.pd-v6 main .vl-grid .fact>.wp-block-buttons>.link{flex:1 1 auto}
.pd-v6 .cta p.eyebrow{font-size:15px;color:var(--mauve);margin-top:0;max-width:none}
/* C. knop (core/button): de div .wp-block-button draagt de ontwerpklasse (btn, link, store, ccard); de link erin dekt de hele knop */
.pd-v6 .wp-block-button{position:relative}
.pd-v6 .wp-block-button>a::before{content:"";position:absolute;inset:0;border-radius:999px}
.pd-v6 .wp-block-button>a:focus-visible{outline:0}
.pd-v6 .wp-block-button:has(>a:focus-visible){outline:3px solid var(--pink);outline-offset:3px;border-radius:999px}
/* op donkere vlakken een witte ring, zoals pd-v6-css bij :focus-visible doet; .inline-cta (blog) is mauve */
.pd-v6 :is(.mauve,.on-dark,.foot,.poster,.panel.mauve-panel,.inline-cta) .wp-block-button:has(>a:focus-visible){outline-color:#fff}
/* e-mailadres in een knop breekt alleen na de @ (dat afbreekpunt zet snippet #3654 er bij het tonen in), zoals .btn[href^="mailto:"] */
.pd-v6 .wp-block-button>a[href^="mailto:"]{overflow-wrap:normal}
.pd-v6 .wp-block-button.has-dot::after{content:"";flex:none;width:46px;height:46px;border-radius:50%;background:var(--pd-dot,var(--pd-ic,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"))) center/20px no-repeat,var(--ink)}
.pd-v6 .wp-block-button.btn-primary.has-dot::after{background:var(--pd-dot-ink,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161317' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")) center/20px no-repeat,#fff}
.pd-v6 .wp-block-button.link::after{content:"";flex:none;width:38px;height:38px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat,var(--ink)}
.pd-v6 .wp-block-button.store::before{content:"";flex:none;width:28px;height:28px;background:var(--pd-store) center/contain no-repeat}
.pd-v6 .wp-block-button.store:hover{background:#2E272B}
.pd-v6 .wp-block-button.ccard>a{flex:1;min-width:0}
.pd-v6 .wp-block-button.ccard>a small{overflow-wrap:normal}
.pd-v6 .wp-block-button.ccard::before{content:"";flex:none;width:56px;height:56px;border-radius:50%;background:var(--pd-bub) center/26px no-repeat,var(--blush)}
.pd-v6 .wp-block-button.ccard::after{content:"";flex:none;width:46px;height:46px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat,var(--ink)}
/* D. kaart (fact) met rond icoon; app-blok; hulpbalk */
.pd-v6 .fact[class*="pd-ic-"]::before{content:"";display:block;flex:none;width:56px;height:56px;border-radius:50%;background:var(--pd-bub) center/26px no-repeat,var(--blush)}
.pd-v6 .appid>figure{flex:none}
.pd-v6 .ig-band figure.band-av{overflow:hidden}
.pd-v6 .ig-band figure.band-av img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.pd-v6 .ig-band .wp-block-group.txt>p:first-child{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
/* E. tekst- en bedankpagina's: label "Ontvangen", gele melding, linkkaartjes, oproepblok */
.pd-v6 p.pill>b::before{content:"";flex:none;width:15px;height:15px;margin-right:2px;background:var(--pd-check) center/contain no-repeat}
.pd-v6 .prose p.note[class*="pd-ic-"]::before{content:"";flex:none;width:20px;height:20px;margin-top:3px;background:var(--pd-note) center/contain no-repeat}
.pd-v6 .wp-block-group.nf .wp-block-buttons.ccards{display:grid;gap:10px;margin-top:30px;max-width:520px;align-items:start}
.pd-v6 .wp-block-group.nf .h3-like+.wp-block-buttons.ccards{margin-top:14px}
.pd-v6 .wp-block-group.nf .lead a{color:var(--ink);font-weight:600}
.pd-v6 .cta .wp-block-group.photos::after{content:"¡Vamos!"/"";position:absolute;left:0;top:40px;background:var(--ink);color:#fff;border-radius:999px;padding:12px 22px;font-weight:700;font-size:20px;letter-spacing:-.02em;transform:rotate(-6deg);z-index:2}
@media (max-width:600px){.pd-v6 .cta .wp-block-group.photos::after{top:16px;font-size:17px}}
/* iconen: klasse pd-ic-<naam> op de knop, de kaart of de alinea; per rol een eigen kleur */
.pd-v6 .pd-ic-apple{--pd-store:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='%23fff' stroke='none' d='M16.4 12.7c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.8-1.4-.1-2.8.9-3.5.9s-1.8-.9-3-.9C6.9 7.4 5 8.8 5 12.1c0 1 .2 2.1.6 3.2.5 1.4 2.3 4.9 4.2 4.8 1 0 1.7-.7 3-.7s1.9.7 3 .7c1.9 0 3.4-3.2 3.9-4.6-2.5-1.1-2.3-2.8-2.3-2.8zM14.3 5.8c.8-1 1.4-2.3 1.2-3.6-1.2.1-2.5.8-3.3 1.8-.7.8-1.4 2.1-1.2 3.4 1.3.1 2.5-.6 3.3-1.6z'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-arrow{--pd-dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");--pd-dot-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161317' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-cal{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");--pd-dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-chat{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H10l-5 4v-4H4z'/%3E%3Cpath d='M8 9.5h8M8 12.5h5'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-check{--pd-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3366' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-clock{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-ext{--pd-dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-heart{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-8-4.8-8-10.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 8 2.5C20 15.2 12 20 12 20z'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-home{--pd-dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7v9a1 1 0 0 1-1 1h-4v-6h-6v6H5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");--pd-dot-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161317' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7v9a1 1 0 0 1-1 1h-4v-6h-6v6H5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-info{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5h.01'/%3E%3C/svg%3E");--pd-note:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A6400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5h.01'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-mail{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E");--pd-dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-phone{--pd-dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3.5l2 5-2.5 1.5a11 11 0 0 0 5.5 5.5l1.5-2.5 5 2V19a2 2 0 0 1-2 2A17 17 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-pin{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-play{--pd-store:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='%23fff' stroke='none' d='M5 3.3c0-.6.7-1 1.2-.7l13.5 8.7c.5.3.5 1 0 1.4L6.2 21.4c-.5.3-1.2-.1-1.2-.7z'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-repeat{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 2l3 3-3 3'/%3E%3Cpath d='M4 11V9a4 4 0 0 1 4-4h12'/%3E%3Cpath d='M7 22l-3-3 3-3'/%3E%3Cpath d='M20 13v2a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-shoe{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17v-6l4-.5L10 7l2.5 1-1 3 5 2.2c2.6.9 5.5 1.6 5.5 3.8v1H3zM3 20h19'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-smile{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 14.5a4.5 4.5 0 0 0 7 0M9 9.5h.01M15 9.5h.01'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-spark{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z'/%3E%3Cpath d='M19 16l.8 2.2L22 19l-2.2.8L19 22l-.8-2.2L16 19l2.2-.8z'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-sun{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")}
.pd-v6 .pd-ic-ticket{--pd-bub:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23665359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8a2 2 0 0 0 2-2h14a2 2 0 0 0 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 0-2 2H5a2 2 0 0 0-2-2v-2a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14 6v12' stroke-dasharray='2 2.5'/%3E%3C/svg%3E")}
.pd-v6 main .wp-block-image.pd-pos-64-50 img{object-position:64% 50%}
