/* WordPress-aanvullingen op site.css (ontwerp uit het prototype). */

.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{left:12px}
.admin-bar header{top:32px}
@media (max-width:782px){.admin-bar header{top:46px}}

/* Paginahoofd voor gewone pagina's, blogs en archieven */
.ph-hero{background:var(--navy);color:#fff}
.ph-hero .in{padding-block:48px 64px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
@media (max-width:900px){.ph-hero .in{padding-block:40px 52px;grid-template-columns:1fr;gap:24px}}
.ph-hero h1{font-size:clamp(30px,3.8vw,50px);line-height:1.04;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-top:14px;color:#fff;max-width:22ch}
.ph-hero h1,.ph-hero h1 *{font-weight:800!important}
.ph-hero h1 b{color:var(--mint)!important}
.ph-hero .sub{font-size:18px;color:#d9d6ea;max-width:52ch;margin-top:18px}
.ph-hero .sub a{color:#fff;text-decoration:underline}
.ds-kicker{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}
@media (min-width:921px){.ph-hero.ds-page-hero .in{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}}

.ds-single-img{margin-top:40px}
.ds-single-img figure{border-radius:20px;overflow:hidden;max-width:900px;aspect-ratio:16/9}
.ds-single-img img{width:100%;height:100%;object-fit:cover}

/* Leeskolom voor gewone blokken */
.ds-prose-wrap{padding-block:clamp(40px,5vw,72px)}
.prose{max-width:720px;color:var(--ink2);font-size:17px;line-height:1.7}
.prose>*+*{margin-top:1em}
.prose h2{font-size:clamp(24px,2.4vw,30px);font-weight:800;color:var(--navy);line-height:1.15;margin-top:1.6em}
.prose h3{font-size:20px;font-weight:800;color:var(--navy);margin-top:1.4em}
.prose ul,.prose ol{padding-left:22px;display:grid;gap:6px}
.prose ul{list-style:disc}.prose ol{list-style:decimal}
.prose a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.prose img{border-radius:14px;height:auto}
.prose blockquote{border-left:4px solid var(--mint);padding-left:20px;font-weight:600;color:var(--navy)}
.prose figure{margin-block:1.6em}
.prose figcaption{font-size:14px;color:var(--mut);margin-top:8px}

/* Kaarten (feeds en archieven) */
.ds-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.ds-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
a.ds-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(31,26,74,.1)}
.ds-card figure{aspect-ratio:4/3;margin:0}
.ds-card figure img{width:100%;height:100%;object-fit:cover}
.ds-card .w{padding:20px 22px 24px;display:grid;gap:8px;align-content:start}
.ds-card h3{font-size:18px;font-weight:800;color:var(--navy);line-height:1.25}
.ds-card p{color:var(--ink2);font-size:15px}
.ds-card .meta{font-size:14px;color:var(--mut)}
.ds-card .price{font-weight:800;color:var(--navy);font-size:20px}
.ds-card blockquote{margin:0;color:var(--ink2);font-size:15.5px;line-height:1.6}
.ds-card .pill{justify-self:start}
.ds-card-ds_team figure{aspect-ratio:4/5}
.paper .ds-card{border-color:transparent}

.nav-links{display:flex;gap:10px;margin-top:40px;flex-wrap:wrap}
.nav-links .page-numbers{padding:8px 14px;border-radius:10px;background:var(--paper);font-weight:700}
.nav-links .current{background:var(--navy);color:#fff}

/* Editor: voorbeeldweergave van blokken */
.editor-styles-wrapper .hero,.editor-styles-wrapper section{pointer-events:none}
.editor-styles-wrapper .sl span{animation:none!important}

/* Core-blokken die WordPress zelf meebrengt */
.wp-block-image img{height:auto}
.alignwide{max-width:1100px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.editor-styles-wrapper .st-bar+.st-s{opacity:1}