/* pd-v6-css-blog: aanvulling op pd-v6-css en pd-v6-css-blokken voor blogberichten met gewone WordPress-blokken (fase B).
   Bron: Website - Claude/WordPress/fase-b-blog/bouw-blog.py. Raakt alleen blokmarkup (wp-block-*, pd-*),
   binnen .article, .art-hero, .tipbox, .inline-cta en .signoff. De HTML-pagina's op /v6/ hebben die niet. */
/* A. afbeeldingen: de hoofdfoto (art-hero) en foto's in de tekst. Het uitsnijden (focuspunt) staat op de afbeelding zelf. */
.pd-v6 main figure.wp-block-image.art-hero{margin:40px auto 0}
.pd-v6 main figure.wp-block-image.art-hero img{width:100%;height:100%;object-fit:cover} /* sterker dan core .wp-block-image.alignfull img{height:auto} (4-11) */
.pd-v6 main figure.wp-block-image.art-hero.pd-staand{max-width:440px;aspect-ratio:2/3}
.pd-v6 main .article>figure.wp-block-image{margin:40px 0 0}
.pd-v6 .article>figure.wp-block-image img{width:100%;height:auto;object-fit:cover;border-radius:32px;background:var(--blush)}
.pd-v6 .article>figure.wp-block-image:not(.pd-flyer) img{aspect-ratio:16/9}
/* flyer: hele afbeelding, max. 420 px breed; de verhouding komt uit width/height van de afbeelding (geen verspringing) */
.pd-v6 .article>figure.wp-block-image.pd-flyer img{max-width:420px;object-fit:contain;background:none}
.pd-v6 .article>figure.wp-block-image figcaption{margin-bottom:0}
.pd-v6 figure.pd-warm img{filter:saturate(.72) sepia(.14) contrast(.97) brightness(1.04)}
/* uitsnede (object-position) per foto: klasse pd-pos-<x>-<y> op het afbeeldingsblok, bv. pd-pos-50-30 = 50% 30% */
.pd-v6 figure.pd-pos-50-30 img{object-position:50% 30%}
.pd-v6 figure.pd-pos-50-35 img{object-position:50% 35%}
.pd-v6 figure.pd-pos-50-40 img{object-position:50% 40%}
.pd-v6 figure.pd-pos-50-45 img{object-position:50% 45%}
.pd-v6 figure.pd-pos-50-50 img{object-position:50% 50%}
.pd-v6 figure.pd-pos-50-78 img{object-position:50% 78%}
.pd-v6 figure.pd-pos-55-40 img{object-position:55% 40%}
/* B. lijsten (core/list): icoon per regel via de klasse pd-i<nummer>-<icoon> op de lijst, bv. pd-i1-pulse pd-i2-music */
.pd-v6 .article .steps-list.wp-block-list>li{display:block;position:relative;padding-left:68px;min-height:52px}
.pd-v6 .article .steps-list.wp-block-list>li::before{content:"";position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;background:var(--blush)}
.pd-v6 .article .steps-list.wp-block-list>li::after{content:"";position:absolute;left:14px;top:14px;width:24px;height:24px;background:var(--mauve);-webkit-mask:var(--pd-mi,linear-gradient(transparent,transparent)) center/contain no-repeat;mask:var(--pd-mi,linear-gradient(transparent,transparent)) center/contain no-repeat}
.pd-v6 .article ol.book.wp-block-list>li{display:block;position:relative;padding-left:58px;min-height:44px}
.pd-v6 .article ol.book.wp-block-list>li::before{position:absolute;left:0;top:0}
.pd-v6 .tipbox>.wp-block-list>li{position:relative}
.pd-v6 .tipbox>.wp-block-list>li::before{content:"";flex:none;width:42px;height:42px;border-radius:50%;background:var(--mauve)}
.pd-v6 .tipbox>.wp-block-list>li::after{content:"";position:absolute;left:18.5px;top:50%;width:21px;height:21px;margin-top:-10.5px;background:#fff;-webkit-mask:var(--pd-mi,linear-gradient(transparent,transparent)) center/contain no-repeat;mask:var(--pd-mi,linear-gradient(transparent,transparent)) center/contain no-repeat}
.pd-v6 .tipbox>h3.wp-block-heading[class*="pd-mi-"]::before{content:"";flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--pd-mi) center/contain no-repeat;mask:var(--pd-mi) center/contain no-repeat}
/* prijslijst: de regel met nummer n in pd-best-<n> krijgt de omranding van li.best uit het ontwerp */
.pd-v6 :is(.price-teaser.pd-best-1>li:nth-child(1),.price-teaser.pd-best-2>li:nth-child(2),.price-teaser.pd-best-3>li:nth-child(3),.price-teaser.pd-best-4>li:nth-child(4),.price-teaser.pd-best-5>li:nth-child(5),.price-teaser.pd-best-6>li:nth-child(6)){box-shadow:inset 0 0 0 1.5px var(--rose2)}
.pd-v6 .article>p.note[class*="pd-mi-"]::before{content:"";display:inline-block;width:20px;height:20px;background:currentColor;-webkit-mask:var(--pd-mi) center/contain no-repeat;mask:var(--pd-mi) center/contain no-repeat}
/* C. citaat (core/quote) met het roze aanhalingsteken */
.pd-v6 .pullquote.wp-block-quote::before{content:"";display:block;width:44px;height:44px;margin-bottom:12px;background:var(--pink);-webkit-mask:var(--pdmi-quote) center/contain no-repeat;mask:var(--pdmi-quote) center/contain no-repeat}
.pd-v6 .article .pullquote.wp-block-quote>p{margin:0}
/* D. uitnodiging in de tekst (inline-cta) en ondertekening */
.pd-v6 .inline-cta>.wp-block-buttons{margin-left:auto;flex:none}
.pd-v6 .signoff>figure.wp-block-image{flex:none}
.pd-v6 .signoff>figure.wp-block-image img{width:64px;height:64px}
.pd-v6 .article .signoff>p{margin:0}
@media(max-width:600px){
.pd-v6 main figure.wp-block-image.art-hero{margin-top:28px}
.pd-v6 .inline-cta>.wp-block-buttons{margin-left:0;width:100%}
.pd-v6 .inline-cta>.wp-block-buttons>.wp-block-button{width:100%}
}
/* E. iconen. Knop: klasse pd-ic-<naam> (wit, voor de ronde knopstip). Lijst: pd-i<n>-<naam>. Kop in tipblok: pd-mi-<naam>. */
.pd-v6 .pd-ic-arrow{--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")}
.pd-v6{--pdmi-cal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' 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");--pdmi-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");--pdmi-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' 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");--pdmi-drop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11z'/%3E%3C/svg%3E");--pdmi-euro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 6.6A6.5 6.5 0 1 0 17.5 17.4M4 10.2h9.5M4 13.8h9.5'/%3E%3C/svg%3E");--pdmi-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' 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");--pdmi-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' 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");--pdmi-medal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M8.5 14L7 22l5-3 5 3-1.5-8'/%3E%3C/svg%3E");--pdmi-mobile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='3'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");--pdmi-music:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l11-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3C/svg%3E");--pdmi-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' 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");--pdmi-pulse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3-8 4 16 3-8h4'/%3E%3C/svg%3E");--pdmi-repeat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' 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");--pdmi-shoe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' 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");--pdmi-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' 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");--pdmi-towel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M5 8h14M5 16h14'/%3E%3C/svg%3E");--pdmi-users:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.8-3.5 3.3-5.5 6.5-5.5s5.7 2 6.5 5.5M16 4.5a3.5 3.5 0 0 1 0 7M18 14.8c2 .7 3.2 2.4 3.6 5.2'/%3E%3C/svg%3E");--pdmi-quote:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='%23000' stroke='none' d='M4 18v-5.5C4 8.4 6.3 5.7 10 5l.8 1.7C8.6 7.5 7.5 9 7.4 11H10v7H4zm10 0v-5.5c0-4.1 2.3-6.8 6-7.5l.8 1.7c-2.2.8-3.3 2.3-3.4 4.3H20v7h-6z'/%3E%3C/svg%3E")}
.pd-v6 :is(.pd-mi-cal,.pd-i1-cal>li:nth-child(1),.pd-i2-cal>li:nth-child(2),.pd-i3-cal>li:nth-child(3),.pd-i4-cal>li:nth-child(4),.pd-i5-cal>li:nth-child(5),.pd-i6-cal>li:nth-child(6)){--pd-mi:var(--pdmi-cal)}
.pd-v6 :is(.pd-mi-check,.pd-i1-check>li:nth-child(1),.pd-i2-check>li:nth-child(2),.pd-i3-check>li:nth-child(3),.pd-i4-check>li:nth-child(4),.pd-i5-check>li:nth-child(5),.pd-i6-check>li:nth-child(6)){--pd-mi:var(--pdmi-check)}
.pd-v6 :is(.pd-mi-clock,.pd-i1-clock>li:nth-child(1),.pd-i2-clock>li:nth-child(2),.pd-i3-clock>li:nth-child(3),.pd-i4-clock>li:nth-child(4),.pd-i5-clock>li:nth-child(5),.pd-i6-clock>li:nth-child(6)){--pd-mi:var(--pdmi-clock)}
.pd-v6 :is(.pd-mi-drop,.pd-i1-drop>li:nth-child(1),.pd-i2-drop>li:nth-child(2),.pd-i3-drop>li:nth-child(3),.pd-i4-drop>li:nth-child(4),.pd-i5-drop>li:nth-child(5),.pd-i6-drop>li:nth-child(6)){--pd-mi:var(--pdmi-drop)}
.pd-v6 :is(.pd-mi-euro,.pd-i1-euro>li:nth-child(1),.pd-i2-euro>li:nth-child(2),.pd-i3-euro>li:nth-child(3),.pd-i4-euro>li:nth-child(4),.pd-i5-euro>li:nth-child(5),.pd-i6-euro>li:nth-child(6)){--pd-mi:var(--pdmi-euro)}
.pd-v6 :is(.pd-mi-heart,.pd-i1-heart>li:nth-child(1),.pd-i2-heart>li:nth-child(2),.pd-i3-heart>li:nth-child(3),.pd-i4-heart>li:nth-child(4),.pd-i5-heart>li:nth-child(5),.pd-i6-heart>li:nth-child(6)){--pd-mi:var(--pdmi-heart)}
.pd-v6 :is(.pd-mi-info,.pd-i1-info>li:nth-child(1),.pd-i2-info>li:nth-child(2),.pd-i3-info>li:nth-child(3),.pd-i4-info>li:nth-child(4),.pd-i5-info>li:nth-child(5),.pd-i6-info>li:nth-child(6)){--pd-mi:var(--pdmi-info)}
.pd-v6 :is(.pd-mi-medal,.pd-i1-medal>li:nth-child(1),.pd-i2-medal>li:nth-child(2),.pd-i3-medal>li:nth-child(3),.pd-i4-medal>li:nth-child(4),.pd-i5-medal>li:nth-child(5),.pd-i6-medal>li:nth-child(6)){--pd-mi:var(--pdmi-medal)}
.pd-v6 :is(.pd-mi-mobile,.pd-i1-mobile>li:nth-child(1),.pd-i2-mobile>li:nth-child(2),.pd-i3-mobile>li:nth-child(3),.pd-i4-mobile>li:nth-child(4),.pd-i5-mobile>li:nth-child(5),.pd-i6-mobile>li:nth-child(6)){--pd-mi:var(--pdmi-mobile)}
.pd-v6 :is(.pd-mi-music,.pd-i1-music>li:nth-child(1),.pd-i2-music>li:nth-child(2),.pd-i3-music>li:nth-child(3),.pd-i4-music>li:nth-child(4),.pd-i5-music>li:nth-child(5),.pd-i6-music>li:nth-child(6)){--pd-mi:var(--pdmi-music)}
.pd-v6 :is(.pd-mi-pin,.pd-i1-pin>li:nth-child(1),.pd-i2-pin>li:nth-child(2),.pd-i3-pin>li:nth-child(3),.pd-i4-pin>li:nth-child(4),.pd-i5-pin>li:nth-child(5),.pd-i6-pin>li:nth-child(6)){--pd-mi:var(--pdmi-pin)}
.pd-v6 :is(.pd-mi-pulse,.pd-i1-pulse>li:nth-child(1),.pd-i2-pulse>li:nth-child(2),.pd-i3-pulse>li:nth-child(3),.pd-i4-pulse>li:nth-child(4),.pd-i5-pulse>li:nth-child(5),.pd-i6-pulse>li:nth-child(6)){--pd-mi:var(--pdmi-pulse)}
.pd-v6 :is(.pd-mi-repeat,.pd-i1-repeat>li:nth-child(1),.pd-i2-repeat>li:nth-child(2),.pd-i3-repeat>li:nth-child(3),.pd-i4-repeat>li:nth-child(4),.pd-i5-repeat>li:nth-child(5),.pd-i6-repeat>li:nth-child(6)){--pd-mi:var(--pdmi-repeat)}
.pd-v6 :is(.pd-mi-shoe,.pd-i1-shoe>li:nth-child(1),.pd-i2-shoe>li:nth-child(2),.pd-i3-shoe>li:nth-child(3),.pd-i4-shoe>li:nth-child(4),.pd-i5-shoe>li:nth-child(5),.pd-i6-shoe>li:nth-child(6)){--pd-mi:var(--pdmi-shoe)}
.pd-v6 :is(.pd-mi-spark,.pd-i1-spark>li:nth-child(1),.pd-i2-spark>li:nth-child(2),.pd-i3-spark>li:nth-child(3),.pd-i4-spark>li:nth-child(4),.pd-i5-spark>li:nth-child(5),.pd-i6-spark>li:nth-child(6)){--pd-mi:var(--pdmi-spark)}
.pd-v6 :is(.pd-mi-towel,.pd-i1-towel>li:nth-child(1),.pd-i2-towel>li:nth-child(2),.pd-i3-towel>li:nth-child(3),.pd-i4-towel>li:nth-child(4),.pd-i5-towel>li:nth-child(5),.pd-i6-towel>li:nth-child(6)){--pd-mi:var(--pdmi-towel)}
.pd-v6 :is(.pd-mi-users,.pd-i1-users>li:nth-child(1),.pd-i2-users>li:nth-child(2),.pd-i3-users>li:nth-child(3),.pd-i4-users>li:nth-child(4),.pd-i5-users>li:nth-child(5),.pd-i6-users>li:nth-child(6)){--pd-mi:var(--pdmi-users)}