/*
Theme Name: Stem uit de Regio
Theme URI: https://stemuitderegio.nl/
Author: Stem uit de Regio
Author URI: https://stemuitderegio.nl/
Description: Modern block theme voor het regionale podcastplatform Stem uit de Regio.
Version: 0.3.24
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stem-uit-de-regio
Tags: blog, news, entertainment, full-site-editing, block-patterns, custom-colors
*/

:root{
  --sudr-header-height:76px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
a{text-underline-offset:.18em}
.wp-site-blocks{min-height:100vh}
.sudr-site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(37,37,37,.1);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.admin-bar .sudr-site-header{top:32px}
.sudr-header-inner{min-height:var(--sudr-header-height)}
.sudr-brand .custom-logo{width:auto;max-height:54px}
.sudr-brand .wp-block-site-title{font-weight:800;letter-spacing:-.03em}
.sudr-nav .wp-block-navigation-item__content{font-weight:700;text-decoration:none}
.sudr-nav .wp-block-navigation-item__content:hover{color:var(--wp--preset--color--roest)}
.sudr-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--wp--preset--color--beige) 0%,#fff 64%,var(--wp--preset--color--zand) 100%)}
.sudr-hero:before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-130px;top:-160px;border-radius:50%;background:color-mix(in srgb,var(--wp--preset--color--petrol) 15%,transparent)}
.sudr-hero:after{content:"";position:absolute;z-index:-1;width:280px;height:280px;left:-90px;bottom:-150px;border-radius:50%;background:color-mix(in srgb,var(--wp--preset--color--roest) 14%,transparent)}
.sudr-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--roest)}
.sudr-hero-title{max-width:880px;letter-spacing:-.045em}
.sudr-hero-copy{max-width:720px;color:#565656}
.sudr-section{padding-top:clamp(46px,6vw,72px);padding-bottom:clamp(46px,6vw,72px)}
.sudr-section--beige{background:var(--wp--preset--color--beige)}
.sudr-section-heading{max-width:780px;margin-bottom:24px}
.sudr-section-heading h2{letter-spacing:-.035em}
.sudr-button-row{gap:12px}
.wp-block-button__link{transition:transform .18s ease,background .18s ease,color .18s ease}
.wp-block-button__link:hover{transform:translateY(-2px)}
.is-style-outline>.wp-block-button__link:not(.has-background):hover{color:#fff;background:var(--wp--preset--color--petrol)}
.sudr-archive-hero{padding-top:clamp(34px,4.5vw,58px);padding-bottom:clamp(30px,4vw,52px);background:var(--wp--preset--color--beige)}
.sudr-content-wrap{padding-top:clamp(34px,4.5vw,56px);padding-bottom:clamp(48px,6vw,76px)}
.sudr-single-hero{padding-top:clamp(32px,4.5vw,56px);padding-bottom:clamp(32px,4.5vw,56px);background:var(--wp--preset--color--beige)}
.sudr-single-cover img{aspect-ratio:1/1;object-fit:cover;border-radius:18px;box-shadow:0 9px 28px rgba(24,38,38,.11)}
.sudr-single-title{letter-spacing:-.04em}
.sudr-prose{font-size:1rem;line-height:1.7}
.sudr-prose>:where(h2,h3){margin-top:1.8em}
.sudr-query-grid .wp-block-post-template{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.sudr-query-card{height:100%;overflow:hidden;border:1px solid rgba(37,37,37,.10);border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(24,38,38,.065)}
.sudr-query-card .wp-block-post-featured-image img{aspect-ratio:1/1;object-fit:cover}
.sudr-query-card-body{padding:15px 16px 17px}
.sudr-query-card .wp-block-post-title a{text-decoration:none}
.sudr-query-card .wp-block-post-excerpt__excerpt{color:#5e5e5e}
.sudr-site-footer{margin-block-start:0;background:var(--wp--preset--color--antraciet);color:#fff}
.sudr-site-footer a{color:#fff;text-decoration:none}
.sudr-site-footer a:hover{color:var(--wp--preset--color--zand)}
.sudr-footer-title{font-weight:800;letter-spacing:-.03em}
.sudr-footer-bottom{border-top:1px solid rgba(255,255,255,.16)}
@media (max-width:1080px){.sudr-query-grid .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.sudr-query-grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}.sudr-single-columns{gap:30px}.sudr-single-cover{flex-basis:32%!important}}
@media (max-width:781px){.admin-bar .sudr-site-header{top:46px}.sudr-site-header{position:relative;top:0}.sudr-header-inner{min-height:70px}.sudr-single-cover{flex-basis:auto!important}.sudr-single-cover img{max-width:420px}.sudr-footer-columns{gap:32px}}
@media (max-width:620px){.sudr-query-grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sudr-hero-title{font-size:clamp(2.35rem,12vw,3.6rem)!important}.sudr-section{padding-top:42px;padding-bottom:42px}}
@media (max-width:430px){.sudr-query-grid .wp-block-post-template{grid-template-columns:1fr}}


/* 0.2.1 – compact podcastplatform refinement */
.sudr-hero{padding-top:clamp(58px,7vw,92px)!important;padding-bottom:clamp(58px,7vw,92px)!important}
.sudr-hero-title{font-size:clamp(2.8rem,5.6vw,4.9rem)!important;line-height:1.02}
.sudr-hero-copy{font-size:clamp(1.08rem,1.5vw,1.3rem)!important;line-height:1.5}
.sudr-archive-hero .wp-block-query-title{margin-bottom:12px}
.sudr-archive-hero .has-large-font-size{font-size:clamp(1.05rem,1.5vw,1.25rem)!important;line-height:1.5}
.sudr-content-wrap>.wp-block-shortcode,.sudr-content-wrap>.wp-block-group{width:100%}
.sudr-single-title{font-size:clamp(2rem,4vw,3.5rem)!important;line-height:1.04}
.sudr-single-columns{align-items:center}
.sudr-single-cover{flex-basis:30%!important}
.sudr-query-card .wp-block-post-title{font-size:1.04rem!important;line-height:1.28}
.sudr-query-card .wp-block-post-excerpt{font-size:.88rem;line-height:1.5}
.sudr-query-card .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.sudr-query-card .sudr-eyebrow{font-size:.66rem}
@media(max-width:781px){.sudr-hero{padding-top:46px!important;padding-bottom:48px!important}.sudr-single-cover{flex-basis:auto!important}.sudr-single-cover img{max-width:330px}.sudr-archive-hero{padding-left:20px;padding-right:20px}}


/* 0.2.2 – verfijning podcastdetail en catalogus */
.single-podcast .sudr-single-hero{padding-top:38px;padding-bottom:40px}
.single-podcast .sudr-single-hero .wp-block-post-excerpt{display:none}
.single-podcast .sudr-single-columns{max-width:1080px}
.single-podcast .sudr-single-cover{flex-basis:240px!important;max-width:260px}
.single-podcast .sudr-single-cover img{border-radius:16px;box-shadow:0 8px 24px rgba(24,38,38,.10)}
.single-podcast .sudr-single-title{font-size:clamp(2rem,3.5vw,3rem)!important;line-height:1.02;margin-bottom:12px}
.single-podcast .sudr-content-wrap{padding-top:38px}
.single-podcast .sudr-content-wrap > .wp-block-group:first-child{max-width:800px;margin-left:auto;margin-right:auto}
.single-podcast .sudr-content-wrap > .wp-block-group:nth-child(2){margin-top:48px!important}
.single-podcast .sudr-content-wrap h2{font-size:clamp(1.45rem,2vw,1.8rem);letter-spacing:-.025em}
.post-type-archive-podcast .sudr-content-wrap{padding-top:44px}
.post-type-archive-aflevering .sudr-content-wrap{padding-top:44px}

@media(max-width:781px){
  .single-podcast .sudr-single-hero{padding-top:30px;padding-bottom:32px}
  .single-podcast .sudr-single-cover{max-width:220px}
  .single-podcast .sudr-content-wrap{padding-top:30px}
}


/* 0.2.3 – catalogusfilters krijgen wat extra ademruimte */
.post-type-archive-podcast .sudr-content-wrap,
.post-type-archive-aflevering .sudr-content-wrap{padding-top:34px}
.single-podcast .sudr-content-wrap > .wp-block-group:nth-child(2){margin-top:42px!important}


/* 0.2.4 – mobiele navigatie en footer verfijnd */
@media(max-width:781px){
  .sudr-site-header{
    position:relative;
    top:0!important;
    backdrop-filter:none;
  }
  .sudr-header-inner{
    min-height:88px!important;
    padding:9px 18px!important;
    gap:14px!important;
  }
  .sudr-brand,
  .sudr-brand .wp-block-site-logo{margin:0!important;line-height:0}
  .sudr-brand .custom-logo,
  .sudr-brand .wp-block-site-logo img{
    width:auto!important;
    height:auto!important;
    max-width:188px!important;
    max-height:70px!important;
    object-fit:contain;
  }
  .sudr-brand .wp-block-site-title{display:none}

  .sudr-site-header .wp-block-navigation__responsive-container-open{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:9px;
    border:1px solid rgba(37,37,37,.10);
    border-radius:999px;
    background:#fff;
  }
  .sudr-site-header .wp-block-navigation__responsive-container-open svg{width:24px;height:24px}
  .sudr-site-header .wp-block-navigation__responsive-container.is-menu-open{
    position:fixed;
    inset:0;
    z-index:1000000;
    min-height:100dvh;
    padding:20px 22px 30px!important;
    color:var(--wp--preset--color--antraciet,#272727);
    background:rgba(250,249,247,.98)!important;
    backdrop-filter:blur(18px);
  }
  .admin-bar .sudr-site-header .wp-block-navigation__responsive-container.is-menu-open{top:0}
  .sudr-site-header .wp-block-navigation__responsive-container-close{
    top:20px;
    right:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border:1px solid rgba(37,37,37,.10);
    border-radius:999px;
    background:#fff;
  }
  .sudr-site-header .wp-block-navigation__responsive-container-content{
    padding-top:76px!important;
    align-items:stretch!important;
  }
  .sudr-site-header .wp-block-navigation__container{
    width:100%;
    gap:0!important;
    align-items:stretch!important;
  }
  .sudr-site-header .wp-block-navigation-item{
    width:100%;
    border-bottom:1px solid rgba(37,37,37,.09);
  }
  .sudr-site-header .wp-block-navigation-item__content{
    display:block;
    width:100%;
    padding:15px 2px!important;
    font-size:1.18rem;
    font-weight:780;
    letter-spacing:-.015em;
  }

  /* In de footer willen we op mobiel juist géén hamburger-menu's. */
  .sudr-site-footer .wp-block-navigation__responsive-container-open,
  .sudr-site-footer .wp-block-navigation__responsive-container-close{display:none!important}
  .sudr-site-footer .wp-block-navigation__responsive-container{
    display:block!important;
    visibility:visible!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    color:inherit!important;
    background:transparent!important;
  }
  .sudr-site-footer .wp-block-navigation__responsive-dialog,
  .sudr-site-footer .wp-block-navigation__responsive-container-content{
    display:block!important;
    padding:0!important;
    margin:0!important;
  }
  .sudr-site-footer .wp-block-navigation__container{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    width:100%;
  }
  .sudr-site-footer .wp-block-navigation-item,
  .sudr-site-footer .wp-block-navigation-item__content{width:auto!important}
  .sudr-site-footer .wp-block-navigation-item__content{
    padding:2px 0!important;
    font-size:.92rem;
    line-height:1.35;
  }
  .sudr-footer-columns{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:30px 22px!important;
  }
  .sudr-footer-columns>.wp-block-column:first-child{grid-column:1/-1}
  .sudr-site-footer{padding-left:20px;padding-right:20px}
  .sudr-site-footer h4{margin-bottom:12px!important}
  .sudr-footer-bottom{gap:14px!important;margin-top:30px!important}

  .sudr-cookie-settings-trigger{
    left:12px!important;
    bottom:12px!important;
    min-height:38px!important;
    padding:8px 13px!important;
    font-size:.78rem!important;
  }
}
@media(max-width:430px){
  .sudr-header-inner{min-height:82px!important;padding-inline:14px!important}
  .sudr-brand .custom-logo,
  .sudr-brand .wp-block-site-logo img{max-width:170px!important;max-height:64px!important}
  .sudr-footer-columns{gap:26px 16px!important}
  .sudr-site-footer .wp-block-navigation-item__content{font-size:.86rem}
}


/* 0.2.5 – Makers 2.0 */
.sudr-maker-meta{margin-top:14px;margin-bottom:12px}
.sudr-maker-meta+ .sudr-platform-links{margin-top:10px}
.sudr-maker-sections{display:grid;gap:56px}
@media(max-width:781px){.sudr-maker-sections{gap:38px}}

/* 0.2.6 - visuele catalogusupdate in de stijl van de nieuwe audiospeler */
.sudr-nav .current-menu-item>.wp-block-navigation-item__content,
.sudr-nav .current-menu-ancestor>.wp-block-navigation-item__content{
  position:relative;
  color:var(--wp--preset--color--roest);
}
.sudr-nav .current-menu-item>.wp-block-navigation-item__content:after,
.sudr-nav .current-menu-ancestor>.wp-block-navigation-item__content:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  border-radius:99px;
  background:var(--wp--preset--color--roest);
}

.post-type-archive-aflevering .sudr-archive-hero,
.post-type-archive-podcast .sudr-archive-hero,
.post-type-archive-maker .sudr-archive-hero{
  padding-top:clamp(30px,4vw,50px);
  padding-bottom:clamp(25px,3.5vw,42px);
  background:
    radial-gradient(circle at 88% 12%,rgba(40,95,98,.08),transparent 26%),
    linear-gradient(135deg,#f7f2ea 0%,#fff 72%);
}
.post-type-archive-aflevering .sudr-archive-hero .wp-block-query-title,
.post-type-archive-podcast .sudr-archive-hero .wp-block-query-title,
.post-type-archive-maker .sudr-archive-hero .wp-block-query-title{
  margin-top:4px;
  margin-bottom:8px;
  font-size:clamp(2.25rem,4.4vw,4rem)!important;
  letter-spacing:-.045em;
}
.post-type-archive-aflevering .sudr-content-wrap,
.post-type-archive-podcast .sudr-content-wrap,
.post-type-archive-maker .sudr-content-wrap{
  padding-top:clamp(28px,3.5vw,42px);
}

/* Makerkaarten krijgen dezelfde donkere kaarttaal als podcasts en afleveringen. */
.sudr-query-card{
  overflow:hidden;
  border:1px solid rgba(23,35,48,.10);
  border-radius:16px;
  color:#f8f3ec;
  background:#172635;
  box-shadow:0 10px 24px rgba(24,34,43,.10);
  transition:transform .18s ease,box-shadow .18s ease;
}
.sudr-query-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(24,34,43,.16)}
.sudr-query-card .wp-block-post-featured-image{margin:0!important}
.sudr-query-card .wp-block-post-featured-image img{display:block;aspect-ratio:4/3;object-fit:cover}
.sudr-query-card-body{
  min-height:150px;
  padding:15px 16px 17px;
  background:
    radial-gradient(circle at 100% 0,rgba(40,95,98,.18),transparent 42%),
    linear-gradient(180deg,#172635 0%,#132230 100%);
}
.sudr-query-card .wp-block-post-title{margin:0 0 8px!important;color:#fff}
.sudr-query-card .wp-block-post-title a{color:#fff;text-decoration:none}
.sudr-query-card .wp-block-post-excerpt{margin:0;color:rgba(255,255,255,.74)}
.sudr-query-card .wp-block-post-excerpt__excerpt{color:inherit}
.sudr-query-card .wp-block-post-excerpt__more-link{color:#e27c58;font-weight:800;text-decoration:none}

@media(max-width:781px){
  .sudr-nav .current-menu-item>.wp-block-navigation-item__content:after,
  .sudr-nav .current-menu-ancestor>.wp-block-navigation-item__content:after{display:none}
  .post-type-archive-aflevering .sudr-archive-hero,
  .post-type-archive-podcast .sudr-archive-hero,
  .post-type-archive-maker .sudr-archive-hero{padding-left:20px;padding-right:20px}
}


/* 0.2.9 – informatie- en juridische pagina's in dezelfde rustige stijl als het podcastplatform */
.sudr-info-page{background:#fff}
.sudr-info-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:0!important;
  padding:clamp(42px,5.5vw,72px) 24px clamp(36px,4.8vw,62px)!important;
  border-bottom:1px solid rgba(23,35,48,.07);
  background:
    radial-gradient(circle at 88% 20%,rgba(40,95,98,.10),transparent 27%),
    radial-gradient(circle at 8% 110%,rgba(180,95,67,.09),transparent 26%),
    linear-gradient(135deg,#f5f0e8 0%,#fbfaf7 64%,#fff 100%);
}
.sudr-info-hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:clamp(24px,8vw,130px);
  bottom:-78px;
  width:220px;
  height:220px;
  border:1px solid rgba(40,95,98,.09);
  border-radius:50%;
}
.sudr-info-hero-inner{width:100%;max-width:920px!important;margin-inline:auto!important}
.sudr-info-eyebrow{
  margin:0 0 10px!important;
  color:var(--wp--preset--color--roest,#B45F43);
  font-size:.72rem!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  line-height:1.2!important;
  text-transform:uppercase;
}
.sudr-info-title{
  max-width:850px;
  margin:0!important;
  font-size:clamp(2.15rem,4.5vw,3.8rem)!important;
  font-weight:760!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}
.sudr-info-content{
  margin:0!important;
  padding:clamp(42px,5.5vw,70px) 24px clamp(62px,7vw,96px)!important;
  background:#fff;
}
.sudr-info-content-inner{width:100%;max-width:920px!important;margin-inline:auto!important}
.sudr-info-prose{
  max-width:820px!important;
  margin-inline:auto!important;
  color:#30343a;
  font-size:1rem!important;
  line-height:1.76!important;
}
.sudr-info-prose > :first-child{margin-top:0!important}
.sudr-info-prose > p:first-child{
  margin-bottom:1.6rem!important;
  color:#454b50;
  font-size:clamp(1.08rem,1.7vw,1.22rem)!important;
  font-weight:500;
  line-height:1.66!important;
}
.sudr-info-prose p{margin-top:0!important;margin-bottom:1.15rem!important}
.sudr-info-prose h2{
  position:relative;
  margin:3.1rem 0 1rem!important;
  padding-top:1.35rem;
  border-top:1px solid rgba(23,35,48,.09);
  font-size:clamp(1.42rem,2.25vw,1.82rem)!important;
  font-weight:760!important;
  line-height:1.18!important;
  letter-spacing:-.028em!important;
}
.sudr-info-prose h2:before{
  content:"";
  display:block;
  width:38px;
  height:4px;
  margin-bottom:14px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--wp--preset--color--roest,#B45F43),var(--wp--preset--color--petrol,#285F62));
}
.sudr-info-prose h3{
  margin:2rem 0 .75rem!important;
  color:#25292d;
  font-size:1.16rem!important;
  font-weight:760!important;
  line-height:1.3!important;
  letter-spacing:-.015em!important;
}
.sudr-info-prose h4{
  margin:1.65rem 0 .6rem!important;
  font-size:1rem!important;
  font-weight:800!important;
}
.sudr-info-prose ul,
.sudr-info-prose ol{
  margin:1.1rem 0 1.55rem!important;
  padding:17px 22px 17px 44px!important;
  border:1px solid rgba(23,35,48,.075);
  border-radius:14px;
  background:linear-gradient(135deg,#faf8f4 0%,#fff 100%);
}
.sudr-info-prose li{margin:.38rem 0!important;padding-left:.2rem}
.sudr-info-prose li::marker{color:var(--wp--preset--color--roest,#B45F43);font-weight:800}
.sudr-info-prose a{font-weight:650;text-decoration-thickness:1px;text-decoration-color:rgba(40,95,98,.42)}
.sudr-info-prose strong{font-weight:760;color:#262a2d}
.sudr-info-prose blockquote{
  margin:1.6rem 0!important;
  padding:18px 20px!important;
  border:0!important;
  border-left:4px solid var(--wp--preset--color--roest,#B45F43)!important;
  border-radius:0 12px 12px 0;
  color:#394146;
  background:#f7f1e9;
}
.sudr-info-prose blockquote p:last-child{margin-bottom:0!important}
.sudr-info-prose hr{margin:2.5rem 0!important;border:0;border-top:1px solid rgba(23,35,48,.10)}

/* FAQ / Details: compact, duidelijk en niet 'WordPress-achtig'. */
.sudr-info-prose details,
.sudr-info-prose .wp-block-details{
  margin:0 0 10px!important;
  padding:0!important;
  border:1px solid rgba(23,35,48,.09);
  border-radius:13px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 4px 14px rgba(24,34,43,.035);
}
.sudr-info-prose details summary,
.sudr-info-prose .wp-block-details summary{
  position:relative;
  padding:16px 52px 16px 18px!important;
  color:#25292d;
  font-size:.98rem;
  font-weight:760;
  line-height:1.4;
  cursor:pointer;
  list-style:none;
}
.sudr-info-prose details summary::-webkit-details-marker{display:none}
.sudr-info-prose details summary:after{
  content:"+";
  position:absolute;
  top:50%;
  right:18px;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  color:var(--wp--preset--color--petrol,#285F62);
  background:#f2f5f4;
  font-size:1.05rem;
  font-weight:700;
  transform:translateY(-50%);
}
.sudr-info-prose details[open] summary:after{content:"–";color:#fff;background:var(--wp--preset--color--roest,#B45F43)}
.sudr-info-prose details > :not(summary){margin-left:18px!important;margin-right:18px!important}
.sudr-info-prose details > p:last-child{margin-bottom:18px!important}

/* Kleine CTA's en e-mailadressen krijgen meer van de Stem uit de Regio-uitstraling. */
.sudr-info-prose .wp-block-buttons{margin:1.6rem 0 2rem!important;gap:10px}
.sudr-info-prose .wp-block-button__link{box-shadow:0 7px 18px rgba(180,95,67,.13)}
.sudr-info-prose code{
  padding:.14em .42em;
  border-radius:6px;
  color:#254f52;
  background:#edf2f1;
  font-size:.9em;
}

/* Lange juridische pagina's blijven goed leesbaar. */
body.page-slug-privacybeleid .sudr-info-prose,
body.page-slug-cookiebeleid .sudr-info-prose,
body.page-slug-publicatievoorwaarden .sudr-info-prose,
body.page-slug-toegankelijkheid .sudr-info-prose{max-width:840px!important}

@media(max-width:781px){
  .sudr-info-hero{padding:34px 20px 31px!important}
  .sudr-info-hero:after{right:-58px;bottom:-92px}
  .sudr-info-title{font-size:clamp(2rem,9vw,3rem)!important}
  .sudr-info-content{padding:34px 20px 62px!important}
  .sudr-info-prose{font-size:.98rem!important;line-height:1.72!important}
  .sudr-info-prose > p:first-child{font-size:1.08rem!important}
  .sudr-info-prose h2{margin-top:2.55rem!important;padding-top:1.15rem;font-size:1.42rem!important}
  .sudr-info-prose h3{margin-top:1.7rem!important;font-size:1.08rem!important}
  .sudr-info-prose ul,.sudr-info-prose ol{padding:15px 16px 15px 36px!important;border-radius:12px}
  .sudr-info-prose details summary{padding:14px 48px 14px 15px!important;font-size:.94rem}
}
@media(max-width:430px){
  .sudr-info-hero{padding-left:16px!important;padding-right:16px!important}
  .sudr-info-content{padding-left:16px!important;padding-right:16px!important}
  .sudr-info-eyebrow{font-size:.66rem!important}
}


/* 0.3.0 – informatiepagina's: compatibele kop in catalogusstijl
   Werkt ook wanneer WordPress een eerder aangepast Pagina-template uit de database gebruikt. */
body.sudr-info-managed .sudr-info-compat-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100vw;
  max-width:none!important;
  margin-top:0!important;
  margin-right:calc(50% - 50vw)!important;
  margin-bottom:0!important;
  margin-left:calc(50% - 50vw)!important;
  padding:clamp(48px,5vw,72px) max(24px,calc((100vw - 1180px)/2)) clamp(42px,4.5vw,64px)!important;
  border-top:1px solid rgba(23,35,48,.045);
  border-bottom:1px solid rgba(23,35,48,.065);
  background:
    radial-gradient(circle at 88% 12%,rgba(40,95,98,.085),transparent 28%),
    linear-gradient(135deg,#f6f0e7 0%,#fbfaf7 70%,#fff 100%);
}
body.sudr-info-managed .sudr-info-compat-hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-150px;
  right:max(20px,calc((100vw - 1180px)/2));
  width:330px;
  height:330px;
  border-radius:50%;
  background:rgba(40,95,98,.045);
}
body.sudr-info-managed .sudr-info-compat-inner{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}
body.sudr-info-managed .sudr-info-compat-eyebrow{
  margin:0 0 12px!important;
  color:var(--wp--preset--color--roest,#b45f43);
  font-size:.74rem!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  line-height:1.2!important;
  text-transform:uppercase;
}
body.sudr-info-managed .sudr-info-compat-hero .wp-block-post-title{
  max-width:880px!important;
  margin:0!important;
  padding:0!important;
  color:#252525;
  background:none!important;
  font-size:clamp(2.6rem,4.7vw,4.35rem)!important;
  font-weight:780!important;
  line-height:1.01!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
body.sudr-info-managed .sudr-info-compat-intro{
  max-width:820px!important;
  margin:22px 0 0!important;
  color:#4d5255!important;
  font-size:clamp(1.05rem,1.5vw,1.23rem)!important;
  font-weight:480!important;
  line-height:1.55!important;
}
body.sudr-info-managed .wp-block-post-content.sudr-info-prose{
  width:min(100% - 48px,820px)!important;
  max-width:820px!important;
  margin:0 auto!important;
  padding:clamp(48px,5.5vw,72px) 0 clamp(70px,7vw,100px)!important;
}
body.sudr-info-managed .wp-block-post-content.sudr-info-prose > :first-child{margin-top:0!important}
/* De intro staat in de kop; voorkom daaronder nogmaals extra grote eerste-alinea-opmaak. */
body.sudr-info-managed .wp-block-post-content.sudr-info-prose > p:first-child{
  color:#30343a;
  font-size:1rem!important;
  font-weight:400!important;
  line-height:1.76!important;
}
body.sudr-info-managed .wp-block-post-content.sudr-info-prose h2,
body.sudr-info-managed .wp-block-post-content.sudr-info-prose h3{
  text-wrap:balance;
}
body.sudr-info-managed .wp-block-post-content.sudr-info-prose h2{
  margin-top:3rem!important;
}
/* Contact- en aanmeldblokken mogen wat breder ogen zonder de leesregel te lang te maken. */
body.page-slug-podcast-aanmelden .wp-block-post-content.sudr-info-prose .wp-block-group.has-background,
body.page-slug-contact .wp-block-post-content.sudr-info-prose .wp-block-group.has-background{
  border-radius:16px;
}
@media(max-width:781px){
  body.sudr-info-managed .sudr-info-compat-hero{
    padding:38px 20px 34px!important;
  }
  body.sudr-info-managed .sudr-info-compat-hero .wp-block-post-title{
    font-size:clamp(2.25rem,10vw,3.35rem)!important;
  }
  body.sudr-info-managed .sudr-info-compat-intro{
    margin-top:16px!important;
    font-size:1.05rem!important;
  }
  body.sudr-info-managed .wp-block-post-content.sudr-info-prose{
    width:min(100% - 40px,820px)!important;
    padding-top:38px!important;
    padding-bottom:68px!important;
  }
}
@media(max-width:430px){
  body.sudr-info-managed .sudr-info-compat-hero{padding-left:16px!important;padding-right:16px!important}
  body.sudr-info-managed .wp-block-post-content.sudr-info-prose{width:calc(100% - 32px)!important}
  body.sudr-info-managed .sudr-info-compat-eyebrow{font-size:.66rem!important}
}


/* 0.3.1 – één herkenbare kopstijl voor Podcasts, Afleveringen en Makers */
.post-type-archive-podcast .sudr-archive-hero,
.post-type-archive-aflevering .sudr-archive-hero,
.post-type-archive-maker .sudr-archive-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-top:clamp(44px,5vw,68px)!important;
  padding-bottom:clamp(40px,4.5vw,62px)!important;
  border-top:1px solid rgba(23,35,48,.035);
  border-bottom:1px solid rgba(23,35,48,.065);
  background:
    radial-gradient(circle at 86% 8%,rgba(40,95,98,.105),transparent 29%),
    linear-gradient(135deg,#f6f0e7 0%,#fcfaf7 68%,#fff 100%)!important;
}
.post-type-archive-podcast .sudr-archive-hero:after,
.post-type-archive-aflevering .sudr-archive-hero:after,
.post-type-archive-maker .sudr-archive-hero:after{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:linear-gradient(90deg,var(--wp--preset--color--roest,#b45f43) 0 38%,#d2a76f 38% 52%,var(--wp--preset--color--petrol,#285f62) 52% 100%);
}
.sudr-archive-heading{
  position:relative;
  z-index:1;
  max-width:860px;
  padding-left:22px;
}
.sudr-archive-heading-accent{
  position:absolute;
  top:3px;
  bottom:5px;
  left:0;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--wp--preset--color--roest,#b45f43),var(--wp--preset--color--petrol,#285f62));
}
.sudr-archive-heading .sudr-eyebrow{
  margin:0 0 11px!important;
  color:var(--wp--preset--color--roest,#b45f43)!important;
  font-size:.72rem!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  line-height:1.2!important;
  text-transform:uppercase;
}
.sudr-archive-title{
  max-width:780px;
  margin:0!important;
  color:#252525;
  font-size:clamp(2.65rem,4.8vw,4.25rem)!important;
  font-weight:790!important;
  line-height:1!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
.sudr-archive-intro{
  max-width:720px;
  margin:20px 0 0!important;
  color:#4b5154;
  font-size:clamp(1.05rem,1.45vw,1.22rem)!important;
  font-weight:470;
  line-height:1.52;
}
/* Detailkoppen krijgen dezelfde subtiele achtergrond en huisstreeplijn. */
.single-podcast .sudr-single-hero,
.single-maker .sudr-single-hero,
.single-aflevering .sudr-single-hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(23,35,48,.065);
  background:
    radial-gradient(circle at 88% 10%,rgba(40,95,98,.085),transparent 29%),
    linear-gradient(135deg,#f6f0e7 0%,#fbfaf7 72%,#fff 100%)!important;
}
.single-podcast .sudr-single-hero:after,
.single-maker .sudr-single-hero:after,
.single-aflevering .sudr-single-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--wp--preset--color--roest,#b45f43),#d2a76f 48%,var(--wp--preset--color--petrol,#285f62));
}
@media(max-width:781px){
  .sudr-archive-heading{padding-left:17px}
  .sudr-archive-heading-accent{width:3px}
  .sudr-archive-title{font-size:clamp(2.35rem,10vw,3.4rem)!important}
  .sudr-archive-intro{margin-top:15px!important;font-size:1.03rem!important}
}


/* 0.3.2 – schaalbare homepage: vaste rustige etalage, volledige catalogus erachter */
.home .sudr-section-heading{max-width:760px;margin-bottom:26px}
.home .sudr-section-heading h2{font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1.08;letter-spacing:-.035em}
.home .sudr-section-heading>p:not(.sudr-eyebrow){max-width:690px;color:#555d60}

/* Podcasts: op grote schermen bewust één etalagerij van vijf. */
.home .sudr-podcast-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}
.home .sudr-podcast-card .sudr-card-kicker{-webkit-line-clamp:2;min-height:2.05rem}
.home .sudr-podcast-card .sudr-card-title{min-height:2.45rem}
.home .sudr-podcast-card .sudr-card-body p{display:none}
.home .sudr-podcast-card .sudr-card-body{padding-bottom:15px}

/* Afleveringen: vier kolommen, zodat 8 afleveringen twee complete rijen vormen. */
.home .sudr-episode-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.home .sudr-episode-card .sudr-card-title{min-height:2.5rem}

/* Verschijnt pas wanneer de catalogus groter wordt dan de homepage-selectie. */
.sudr-home-discovery{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  margin-top:28px;
  padding:18px 20px;
  border:1px solid rgba(23,35,48,.08);
  border-radius:16px;
  background:linear-gradient(135deg,#f7f1e9,#fff 66%);
}
.sudr-home-discovery-copy{display:grid;gap:3px;flex:0 0 auto}
.sudr-home-discovery-copy strong{font-size:.96rem;color:#252525}
.sudr-home-discovery-copy span{font-size:.79rem;color:#697074}
.sudr-home-discovery-chips{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.sudr-home-discovery-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(40,95,98,.14);
  border-radius:999px;
  color:#285f62;
  background:#fff;
  font-size:.76rem;
  font-weight:800;
  text-decoration:none;
}
.sudr-home-discovery-chip span{color:#b45f43;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}
.sudr-home-discovery-chip:hover{border-color:#b45f43;color:#b45f43}

@media(max-width:1180px){
  .home .sudr-podcast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home .sudr-episode-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .home .sudr-podcast-grid,
  .home .sudr-episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .sudr-home-discovery{display:grid;gap:14px}
  .sudr-home-discovery-chips{justify-content:flex-start}
}
@media(max-width:620px){
  /* Mobiel bewust dicht bij de huidige, goed werkende weergave houden. */
  .home .sudr-section-heading{margin-bottom:20px}
  .home .sudr-podcast-grid,
  .home .sudr-episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .home .sudr-podcast-card .sudr-card-kicker{min-height:1.9rem}
  .sudr-home-discovery{margin-top:20px;padding:14px}
  .sudr-home-discovery-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .sudr-home-discovery-chips::-webkit-scrollbar{display:none}
  .sudr-home-discovery-chip{flex:0 0 auto}
}


/* 0.3.3 – podcastdetail op mobiel: cover rustiger en beter in verhouding */
@media (max-width:781px){
  body.single-podcast .sudr-single-hero{
    padding-top:28px!important;
    padding-bottom:30px!important;
  }
  body.single-podcast .sudr-single-columns{
    display:block!important;
    max-width:none!important;
  }
  body.single-podcast .sudr-single-cover{
    width:100%!important;
    max-width:none!important;
    margin:0 0 26px!important;
    flex-basis:auto!important;
  }
  body.single-podcast .sudr-single-cover .wp-block-post-featured-image{
    width:clamp(150px,43vw,178px)!important;
    max-width:178px!important;
    margin:0 auto!important;
  }
  body.single-podcast .sudr-single-cover .wp-block-post-featured-image img,
  body.single-podcast .sudr-single-cover img{
    display:block!important;
    width:100%!important;
    max-width:178px!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    margin:0 auto!important;
    object-fit:cover!important;
    border-radius:16px!important;
  }
  body.single-podcast .sudr-single-columns>.wp-block-column:last-child{
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
  }
  body.single-podcast .sudr-single-title{
    font-size:clamp(2rem,9vw,2.65rem)!important;
    line-height:1.02!important;
    margin-bottom:12px!important;
  }
}
@media (max-width:430px){
  body.single-podcast .sudr-single-cover{margin-bottom:22px!important}
  body.single-podcast .sudr-single-cover .wp-block-post-featured-image,
  body.single-podcast .sudr-single-cover .wp-block-post-featured-image img,
  body.single-podcast .sudr-single-cover img{
    width:160px!important;
    max-width:160px!important;
  }
  body.single-podcast .sudr-single-title{
    font-size:2.05rem!important;
  }
}
\n\n/* 0.3.4 – Regio’s: dezelfde koptaal als Podcasts, Afleveringen en Makers */\nbody.page-slug-regios main .wp-block-post-title{display:none!important}\nbody.page-slug-regios .sudr-info-hero{display:none!important}\nbody.page-slug-regios .sudr-info-content,\nbody.page-slug-regios .sudr-content-wrap{padding-top:clamp(34px,4.5vw,58px)!important}\nbody.page-slug-regios .sudr-regions-directory{gap:30px}\nbody.page-slug-regios .sudr-regions-directory>.sudr-archive-heading{\n  max-width:none;\n  margin:0 0 4px;\n  padding:32px 34px 34px 56px;\n  overflow:hidden;\n  border:1px solid rgba(23,35,48,.065);\n  border-radius:18px;\n  background:\n    radial-gradient(circle at 88% 8%,rgba(40,95,98,.10),transparent 29%),\n    linear-gradient(135deg,#f6f0e7 0%,#fcfaf7 68%,#fff 100%);\n  box-shadow:0 8px 26px rgba(23,35,48,.045);\n}\nbody.page-slug-regios .sudr-regions-directory>.sudr-archive-heading:after{\n  content:\"\";position:absolute;left:0;right:0;bottom:0;height:4px;\n  background:linear-gradient(90deg,var(--wp--preset--color--roest,#b45f43) 0 38%,#d2a76f 38% 52%,var(--wp--preset--color--petrol,#285f62) 52% 100%);\n}\nbody.page-slug-regios .sudr-regions-directory>.sudr-archive-heading .sudr-archive-heading-accent{left:28px;top:34px;bottom:36px}\nbody.page-slug-regios .sudr-regions-directory>.sudr-archive-heading .sudr-archive-title{font-size:clamp(2.35rem,4.2vw,3.75rem)!important}\n\n/* Provinciekoppen iets rustiger en meer in dezelfde huisstijl. */\nbody.page-slug-regios .sudr-province-card-head{\n  position:relative;\n  padding:17px 18px 16px;\n  border-bottom:1px solid rgba(23,35,48,.06);\n  background:\n    radial-gradient(circle at 100% 0,rgba(40,95,98,.10),transparent 42%),\n    linear-gradient(135deg,rgba(180,95,67,.09),rgba(255,255,255,.96));\n}\nbody.page-slug-regios .sudr-province-card-head:after{\n  content:\"\";position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:99px;\n  background:linear-gradient(90deg,var(--wp--preset--color--roest,#b45f43),rgba(40,95,98,.38));\n}\nbody.page-slug-regios .sudr-province-card-head>span{letter-spacing:.11em}\nbody.page-slug-regios .sudr-province-card-head h3{font-size:1.16rem;font-weight:800}\nbody.page-slug-regios .sudr-province-card-head small{font-size:.78rem;color:#697174}\n\n@media(max-width:781px){\n  body.page-slug-regios .sudr-info-content,body.page-slug-regios .sudr-content-wrap{padding-top:24px!important}\n  body.page-slug-regios .sudr-regions-directory>.sudr-archive-heading{padding:25px 20px 27px 39px;border-radius:15px}\n  body.page-slug-regios .sudr-regions-directory>.sudr-archive-heading .sudr-archive-heading-accent{left:19px;top:27px;bottom:29px}\n  body.page-slug-regios .sudr-regions-directory>.sudr-archive-heading .sudr-archive-title{font-size:clamp(2.15rem,9.5vw,3rem)!important}\n}\n

/* 0.3.5 - taxonomy-pagina's en Regio's volledig in dezelfde visuele familie */
body.tax-streek main,body.tax-provincie main{background:#fff}
body.page-slug-regios main>.wp-block-post-title{display:none!important}
body.page-slug-regios .sudr-regions-directory>.sudr-archive-heading{margin-bottom:4px}


/* 0.3.6 – herbruikbaar paginatype: Informatiepagina – Stem uit de Regio */
body.sudr-info-template .sudr-info-template-shell{margin:0!important}
body.sudr-info-template .sudr-info-template-content{margin:0!important;background:#fff}
body.sudr-info-template .sudr-info-template-content .wp-block-post-content.sudr-info-prose{
  width:min(100% - 48px,820px)!important;
  max-width:820px!important;
  margin:0 auto!important;
  padding:clamp(48px,5.5vw,72px) 0 clamp(70px,7vw,100px)!important;
}
@media(max-width:781px){
  body.sudr-info-template .sudr-info-template-content .wp-block-post-content.sudr-info-prose{
    width:min(100% - 40px,820px)!important;
    padding-top:38px!important;
    padding-bottom:68px!important;
  }
}
@media(max-width:430px){
  body.sudr-info-template .sudr-info-template-content .wp-block-post-content.sudr-info-prose{
    width:calc(100% - 32px)!important;
  }
}

/* 0.3.7 – dynamische basis-homepage */
.home .sudr-home-hero--dark{
  position:relative;
  overflow:hidden;
  padding:clamp(64px,7vw,98px) 0 clamp(92px,10vw,132px);
  background:
    radial-gradient(circle at 84% 18%,rgba(40,95,98,.38),transparent 28%),
    linear-gradient(135deg,#13283a 0%,#172f42 62%,#16383e 100%);
  color:#fff;
}
.home .sudr-home-hero--dark:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,#b45f43 0 34%,#d2a76f 34% 52%,#285f62 52% 100%);
}
.home .sudr-home-hero-inner{position:relative;z-index:1;max-width:1050px;margin-left:0}
.home .sudr-home-hero--dark .sudr-eyebrow{color:#e4b18c}
.home .sudr-home-hero-title{
  max-width:930px;
  margin-top:10px;
  margin-bottom:20px;
  font-size:clamp(3rem,6vw,5.7rem)!important;
  line-height:.98;
  letter-spacing:-.055em;
  color:#fff;
}
.home .sudr-home-hero-copy{
  max-width:760px;
  margin:0 0 30px;
  font-size:clamp(1.08rem,1.55vw,1.32rem);
  line-height:1.55;
  color:rgba(255,255,255,.82);
}
.home .sudr-home-hero--dark .wp-block-button.is-style-outline .wp-block-button__link{
  border-color:rgba(255,255,255,.7)!important;
  color:#fff!important;
  background:transparent!important;
}
.home .sudr-home-hero--dark .wp-block-button.is-style-outline .wp-block-button__link:hover{background:#fff!important;color:#172f42!important}

.home .sudr-home-highlights-section{
  position:relative;
  z-index:3;
  margin-top:-58px;
  padding:0 0 clamp(54px,6vw,82px);
}
.sudr-home-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.sudr-home-highlight{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(23,35,48,.09);
  border-radius:20px;
  background:#f6f0e7;
  box-shadow:0 15px 36px rgba(16,31,43,.11);
}
.sudr-home-highlight--region{background:#eaf1ef}
.sudr-home-highlight--maker{background:#eef3f1}
.sudr-home-highlight-media{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#dfe4e2;
  text-decoration:none;
}
.sudr-home-highlight-media img,
.sudr-home-highlight-media .sudr-card-image{
  display:block;
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}
.sudr-home-highlight:hover .sudr-home-highlight-media img{transform:scale(1.025)}
.sudr-home-highlight-body{display:flex;flex-direction:column;min-height:190px;padding:20px 21px 19px}
.sudr-home-highlight-label{
  margin-bottom:8px;
  color:#b45f43;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.095em;
  text-transform:uppercase;
}
.sudr-home-highlight h2{
  margin:0;
  font-size:clamp(1.25rem,1.8vw,1.65rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.sudr-home-highlight h2 a{color:#172f42;text-decoration:none}
.sudr-home-highlight-meta{
  margin:10px 0 18px;
  color:#5d686c;
  font-size:.88rem;
  line-height:1.45;
}
.sudr-home-highlight-link{
  margin-top:auto;
  color:#b45f43;
  font-size:.88rem;
  font-weight:900;
  text-decoration:none;
}
.sudr-home-highlight-link:hover{text-decoration:underline}

/* Na de drie hoofdkaarten: bewust korte, schaalbare etalages. */
.home .sudr-podcast-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home .sudr-card-open-badge{display:none}
.home .sudr-section{padding-top:clamp(48px,6vw,76px);padding-bottom:clamp(48px,6vw,76px)}
.home .sudr-home-cta{border-top:1px solid rgba(23,35,48,.07)}

@media(max-width:1000px){
  .sudr-home-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
  .sudr-home-highlight-body{padding:17px;min-height:185px}
  .home .sudr-podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .home .sudr-home-hero--dark{padding-top:48px;padding-bottom:76px}
  .home .sudr-home-hero-title{font-size:clamp(2.65rem,13vw,4.15rem)!important}
  .home .sudr-home-highlights-section{margin-top:-38px;padding-bottom:48px}
  .sudr-home-highlights{display:grid;grid-template-columns:1fr;gap:12px}
  .sudr-home-highlight{display:grid;grid-template-columns:38% 1fr;border-radius:16px}
  .sudr-home-highlight-media{height:100%;aspect-ratio:auto;min-height:150px}
  .sudr-home-highlight-body{min-height:150px;padding:15px 16px}
  .sudr-home-highlight-label{font-size:.63rem;margin-bottom:6px}
  .sudr-home-highlight h2{font-size:1.12rem}
  .sudr-home-highlight-meta{font-size:.78rem;margin:7px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .sudr-home-highlight-link{font-size:.8rem}
  .home .sudr-podcast-grid,
  .home .sudr-episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
}
@media(max-width:430px){
  .sudr-home-highlight{grid-template-columns:36% 1fr}
  .sudr-home-highlight-media{min-height:138px}
  .sudr-home-highlight-body{min-height:138px;padding:13px 14px}
}


/* 0.3.9 – compactere homepage + mobiele swipe-carrousels */
.home .sudr-home-highlights{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:repeat(3,minmax(0,300px));
  justify-content:center;
  gap:16px;
}
.home .sudr-home-highlight{border-radius:17px}
.home .sudr-home-highlight-media{aspect-ratio:16/8.6}
.home .sudr-home-highlight-body{min-height:164px;padding:16px 17px 15px}
.home .sudr-home-highlight-label{margin-bottom:6px;font-size:.66rem}
.home .sudr-home-highlight h2{font-size:clamp(1.1rem,1.45vw,1.38rem)}
.home .sudr-home-highlight-meta{margin:7px 0 12px;font-size:.81rem;line-height:1.4}
.home .sudr-home-highlight-link{font-size:.82rem}

@media(max-width:720px){
  /* De drie hoofdkaarten als swipe-carrousel. */
  .home .sudr-home-highlights{
    display:flex!important;
    max-width:none;
    width:100%;
    justify-content:flex-start;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:4px 18px 12px 2px;
    scroll-snap-type:x mandatory;
    scroll-padding-left:2px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .home .sudr-home-highlights::-webkit-scrollbar{display:none}
  .home .sudr-home-highlight{
    display:flex!important;
    flex:0 0 min(76vw,286px);
    width:min(76vw,286px);
    min-width:min(76vw,286px);
    grid-template-columns:none!important;
    flex-direction:column;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    border-radius:16px;
  }
  .home .sudr-home-highlight-media{
    width:100%;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }
  .home .sudr-home-highlight-body{
    min-height:154px!important;
    padding:14px 15px 14px!important;
  }
  .home .sudr-home-highlight-label{font-size:.61rem;margin-bottom:5px}
  .home .sudr-home-highlight h2{font-size:1.05rem}
  .home .sudr-home-highlight-meta{
    margin:6px 0 10px;
    font-size:.75rem;
    line-height:1.35;
    -webkit-line-clamp:2;
  }
  .home .sudr-home-highlight-link{font-size:.76rem}

  /* Podcasts en afleveringen: geen twee kolommen, maar compacte horizontale rails. */
  .home .sudr-podcast-grid,
  .home .sudr-episode-grid{
    display:flex!important;
    grid-template-columns:none!important;
    width:100%;
    gap:12px!important;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 18px 13px 1px;
    scroll-snap-type:x mandatory;
    scroll-padding-left:1px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .home .sudr-podcast-grid::-webkit-scrollbar,
  .home .sudr-episode-grid::-webkit-scrollbar{display:none}

  .home .sudr-podcast-grid>.sudr-card,
  .home .sudr-episode-grid>.sudr-card{
    flex:0 0 min(68vw,250px);
    width:min(68vw,250px);
    min-width:min(68vw,250px);
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .home .sudr-podcast-grid .sudr-card-media,
  .home .sudr-episode-grid .sudr-card-media{aspect-ratio:4/3}

  /* Net genoeg inkijk van de volgende kaart om swipen vanzelfsprekend te maken. */
  .home .sudr-home-highlights-section .alignwide,
  .home .sudr-section>.alignwide{overflow:visible}
}

@media(max-width:430px){
  .home .sudr-home-highlight{
    flex-basis:min(78vw,278px);
    width:min(78vw,278px);
    min-width:min(78vw,278px);
    grid-template-columns:none!important;
  }
  .home .sudr-podcast-grid>.sudr-card,
  .home .sudr-episode-grid>.sudr-card{
    flex-basis:min(72vw,238px);
    width:min(72vw,238px);
    min-width:min(72vw,238px);
  }
}

@media(prefers-reduced-motion:reduce){
  .home .sudr-home-highlights,
  .home .sudr-podcast-grid,
  .home .sudr-episode-grid{scroll-behavior:auto!important}
}

/* 0.3.9 – extra homepage-link */
.home .sudr-home-audience-link{
  margin-top:18px;
  max-width:650px;
  color:#5c666a;
  font-size:.92rem;
  line-height:1.5;
}
.home .sudr-home-audience-link a{
  color:#285f62;
  text-decoration:none;
}
.home .sudr-home-audience-link a:hover{
  color:#b45f43;
  text-decoration:underline;
}
@media(max-width:720px){
  .home .sudr-home-audience-link{margin-top:16px;font-size:.86rem}
}


/* 0.3.10 – vloeiende mobiele homepage-carrousels zonder heen-en-weer springen */
@media(max-width:720px){
  .home .sudr-home-highlights,
  .home .sudr-podcast-grid,
  .home .sudr-episode-grid{
    scroll-snap-type:none!important;
    scroll-padding:0!important;
    overscroll-behavior-inline:auto;
    scroll-behavior:auto!important;
    touch-action:pan-x pan-y;
  }
  .home .sudr-home-highlight,
  .home .sudr-podcast-grid>.sudr-card,
  .home .sudr-episode-grid>.sudr-card{
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
  }
  .home .sudr-carousel-clone{
    visibility:visible;
  }
}


/* 0.3.11 – mobiele carrouselkopieën nooit op desktop tonen */
@media(min-width:721px){
  .home .sudr-carousel-clone{display:none!important;}
}

/* 0.3.12 – homepage: handmatig swipen op mobiel, meer inhoud, duidelijke doelgroep */
.home .sudr-home-audience-section{
  background:#eef3f1;
  border-top:1px solid rgba(23,35,48,.06);
  border-bottom:1px solid rgba(23,35,48,.06);
}
.home .sudr-home-audience-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.home .sudr-home-audience-card{
  height:100%;
  padding:22px 22px 20px;
  border:1px solid rgba(40,95,98,.14);
  border-radius:16px;
  background:#fff;
}
.home .sudr-home-audience-card h3{
  margin:0 0 8px;
  color:#172f42;
  font-size:1.12rem;
  letter-spacing:-.025em;
}
.home .sudr-home-audience-card p{
  margin:0;
  color:#5d686c;
  font-size:.91rem;
  line-height:1.5;
}

/* Op desktop mag de grotere inhoud mooi verdeeld staan. */
@media(min-width:721px){
  .home .sudr-podcast-grid,
  .home .sudr-episode-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .home .sudr-home-highlights{
    grid-template-columns:repeat(3,minmax(0,320px));
    max-width:1040px;
  }
}

@media(max-width:900px) and (min-width:721px){
  .home .sudr-home-audience-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  /* Alleen handmatig horizontaal scrollen. Geen autoplay, clones of JS-beweging. */
  .home .sudr-home-highlights,
  .home .sudr-podcast-grid,
  .home .sudr-episode-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-left:2px!important;
    scroll-behavior:smooth!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    scrollbar-width:none!important;
  }
  .home .sudr-home-highlights::-webkit-scrollbar,
  .home .sudr-podcast-grid::-webkit-scrollbar,
  .home .sudr-episode-grid::-webkit-scrollbar{display:none!important}

  .home .sudr-home-highlight,
  .home .sudr-podcast-grid>.sudr-card,
  .home .sudr-episode-grid>.sudr-card{
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }

  .home .sudr-home-highlights{
    gap:12px!important;
    padding:4px 20px 13px 2px!important;
  }
  .home .sudr-home-highlight{
    flex:0 0 min(82vw,310px)!important;
    width:min(82vw,310px)!important;
    min-width:min(82vw,310px)!important;
  }

  .home .sudr-podcast-grid,
  .home .sudr-episode-grid{
    gap:12px!important;
    padding:2px 20px 14px 1px!important;
  }
  .home .sudr-podcast-grid>.sudr-card,
  .home .sudr-episode-grid>.sudr-card{
    flex:0 0 min(72vw,255px)!important;
    width:min(72vw,255px)!important;
    min-width:min(72vw,255px)!important;
  }

  /* Oude autoplay-clones mogen nergens meer zichtbaar worden, ook niet door cache. */
  .home .sudr-carousel-clone{display:none!important}

  .home .sudr-home-audience-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .home .sudr-home-audience-card{padding:16px 15px;border-radius:14px}
  .home .sudr-home-audience-card h3{font-size:1rem}
  .home .sudr-home-audience-card p{font-size:.82rem;line-height:1.42}

  .home .sudr-home-hero--dark .sudr-button-row{
    display:flex;
    flex-wrap:wrap;
  }
}

@media(max-width:430px){
  .home .sudr-home-highlight{
    flex-basis:min(84vw,300px)!important;
    width:min(84vw,300px)!important;
    min-width:min(84vw,300px)!important;
  }
  .home .sudr-podcast-grid>.sudr-card,
  .home .sudr-episode-grid>.sudr-card{
    flex-basis:min(76vw,245px)!important;
    width:min(76vw,245px)!important;
    min-width:min(76vw,245px)!important;
  }
  .home .sudr-home-audience-cards{grid-template-columns:1fr 1fr}
}


/* 0.3.13 – desktop-homepage weer volle, rustige rijen; mobiel blijft handmatig swipen */
@media (min-width:1181px){
  .home .sudr-podcast-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .home .sudr-episode-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .home .sudr-podcast-grid>.sudr-card,
  .home .sudr-episode-grid>.sudr-card{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .home .sudr-home-highlights{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,300px))!important;
    justify-content:center!important;
    max-width:980px!important;
    gap:16px!important;
  }
  .home .sudr-section>.alignwide,
  .home .sudr-home-highlights-section>.alignwide{
    width:min(100% - 48px,1180px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (min-width:901px) and (max-width:1180px){
  .home .sudr-podcast-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
  .home .sudr-episode-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
}
@media (min-width:721px) and (max-width:900px){
  .home .sudr-podcast-grid,
  .home .sudr-episode-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
}

/* 0.3.14 – doelgroepblok homepage compacter op desktop én mobiel */
.home .sudr-home-audience-section{
  padding-top:clamp(34px,4vw,50px)!important;
  padding-bottom:clamp(34px,4vw,50px)!important;
}
.home .sudr-home-audience-section .sudr-section-heading{
  margin-bottom:18px!important;
}
.home .sudr-home-audience-cards{
  gap:10px!important;
  align-items:stretch;
}
.home .sudr-home-audience-card{
  height:auto!important;
  min-height:0!important;
  padding:16px 16px 15px!important;
}
.home .sudr-home-audience-card h3{
  margin:0 0 5px!important;
}
.home .sudr-home-audience-section>.wp-block-buttons{
  margin-top:16px!important;
}

@media(max-width:720px){
  .home .sudr-home-audience-section{
    padding-top:28px!important;
    padding-bottom:34px!important;
  }
  .home .sudr-home-audience-section .sudr-section-heading{
    margin-bottom:14px!important;
  }
  .home .sudr-home-audience-cards{
    gap:6px!important;
    row-gap:6px!important;
    column-gap:6px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .home .sudr-home-audience-card{
    padding:13px 12px 12px!important;
    border-radius:12px!important;
  }
  .home .sudr-home-audience-card h3{
    margin-bottom:4px!important;
    font-size:.96rem!important;
    line-height:1.14!important;
  }
  .home .sudr-home-audience-card p{
    font-size:.78rem!important;
    line-height:1.34!important;
  }
  .home .sudr-home-audience-section>.wp-block-buttons{
    margin-top:12px!important;
    margin-bottom:8px!important;
  }
  .home .sudr-home-audience-section>.wp-block-buttons .wp-block-button,
  .home .sudr-home-audience-section>.wp-block-buttons .wp-block-button__link{
    width:100%;
  }
  .home .sudr-home-audience-section>.wp-block-buttons .wp-block-button__link{
    text-align:center;
    padding-top:11px!important;
    padding-bottom:11px!important;
  }
}

/* 0.3.15 – homepage visueel modulair: vierkante highlights, overlay-covers en mini-kaarten */
.home .sudr-home-podcasts-section{
  background:var(--sudr-home-podcasts-bg,#fff)!important;
}
.home .sudr-home-episodes-section{
  background:var(--sudr-home-episodes-bg,#f5eee5)!important;
}
.home .sudr-home-audience-section{
  background:var(--sudr-home-audience-bg,#eef3f1)!important;
}
.home .sudr-home-podcasts-section,
.home .sudr-home-episodes-section,
.home .sudr-home-audience-section,
.home .sudr-home-cta{
  padding-top:var(--sudr-home-section-pad,44px)!important;
  padding-bottom:var(--sudr-home-section-pad,44px)!important;
}
.home .sudr-section-heading{margin-bottom:18px!important}
.home .sudr-home-highlights-section{
  margin-top:-44px!important;
  padding-bottom:26px!important;
}
.home .sudr-home-podcasts-section + .sudr-home-episodes-section,
.home .sudr-home-episodes-section + .sudr-home-audience-section,
.home .sudr-home-audience-section + .sudr-home-cta{
  margin-top:0!important;
}

/* Drie etalagekaarten direct onder de hero. */
.home .sudr-home-highlights.sudr-home-highlights--square{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,220px))!important;
  justify-content:center!important;
  gap:14px!important;
  max-width:720px!important;
  margin:0 auto!important;
}
.home .sudr-home-highlights--square .sudr-home-highlight{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden;
  border-radius:var(--sudr-home-card-radius,16px)!important;
}
.home .sudr-home-highlights--square .sudr-home-highlight-media{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  overflow:hidden;
}
.home .sudr-home-highlights--square .sudr-home-highlight-media img,
.home .sudr-home-highlights--square .sudr-home-highlight-media .sudr-card-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.home .sudr-home-highlights--square .sudr-home-highlight-body{
  min-height:132px!important;
  padding:14px 15px 15px!important;
}
.home .sudr-home-highlights--square .sudr-home-highlight h2{
  font-size:1rem!important;
  line-height:1.18!important;
}
.home .sudr-home-highlights--square .sudr-home-highlight-meta{
  margin:5px 0 9px!important;
  font-size:.72rem!important;
  line-height:1.35!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.home .sudr-home-highlights--square .sudr-home-highlight-link{font-size:.75rem!important}

/* Nieuwe flexibele homepage-grids. */
.home .sudr-home-card-grid{
  display:grid;
  grid-template-columns:repeat(var(--sudr-home-columns,4),minmax(0,1fr));
  gap:14px;
  width:100%;
}

/* Cover als volledige kaart met tekst-overlay. */
.home .sudr-home-overlay-card{
  position:relative;
  overflow:hidden;
  aspect-ratio:1/1;
  border:1px solid rgba(23,47,66,.12);
  border-radius:var(--sudr-home-card-radius,16px);
  background:#172f42;
  box-shadow:0 7px 22px rgba(23,47,66,.09);
  transform:translateZ(0);
}
.home .sudr-home-overlay-link{
  position:absolute;
  inset:0;
  display:block;
  color:#fff!important;
  text-decoration:none!important;
}
.home .sudr-home-overlay-media,
.home .sudr-home-overlay-shade{
  position:absolute;
  inset:0;
  display:block;
}
.home .sudr-home-overlay-media img,
.home .sudr-home-overlay-media .sudr-card-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .25s ease;
}
.home .sudr-home-overlay-shade{
  background:linear-gradient(180deg,rgba(12,28,40,0) 35%,rgba(13,31,44,.22) 52%,rgba(13,31,44,.94) 100%);
}
.home .sudr-home-overlay-copy{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:18px 16px 15px;
}
.home .sudr-home-overlay-kicker{
  display:block;
  overflow:hidden;
  color:#f09a79;
  font-size:.61rem;
  font-weight:900;
  line-height:1.28;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.home .sudr-home-overlay-title{
  display:-webkit-box;
  overflow:hidden;
  color:#fff;
  font-size:clamp(.9rem,1.15vw,1.08rem);
  font-weight:850;
  line-height:1.16;
  letter-spacing:-.02em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.home .sudr-home-overlay-meta{
  overflow:hidden;
  color:rgba(255,255,255,.78);
  font-size:.7rem;
  line-height:1.3;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.home .sudr-home-overlay-card:hover .sudr-home-overlay-media img{transform:scale(1.035)}

/* Compacte kaarten – podcast verticaal, aflevering YouTube/Spotify-achtig. */
.home .sudr-home-mini-card{
  min-width:0;
  border-radius:var(--sudr-home-card-radius,16px);
}
.home .sudr-home-mini-card a{text-decoration:none}
.home .sudr-home-mini-card--podcast{
  overflow:hidden;
  border:1px solid rgba(23,47,66,.10);
  background:#fff;
}
.home .sudr-home-mini-card--podcast .sudr-home-mini-media{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#edf0ef;
}
.home .sudr-home-mini-card--podcast .sudr-home-mini-media img,
.home .sudr-home-mini-card--podcast .sudr-home-mini-media .sudr-card-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.home .sudr-home-mini-card--podcast .sudr-home-mini-body{padding:11px 12px 13px}
.home .sudr-home-mini-kicker{
  overflow:hidden;
  color:#b45f43;
  font-size:.61rem;
  font-weight:850;
  line-height:1.25;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.home .sudr-home-mini-card h3{
  margin:5px 0 5px;
  font-size:.94rem;
  line-height:1.2;
  letter-spacing:-.018em;
}
.home .sudr-home-mini-card h3 a{color:#172f42}
.home .sudr-home-mini-meta{color:#6d7476;font-size:.7rem;line-height:1.35}

.home .sudr-home-episode-cards--mini{
  gap:0 22px;
}
.home .sudr-home-mini-card--episode{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:11px;
  align-items:center;
  min-height:102px;
  padding:10px 0;
  border-top:1px solid rgba(23,47,66,.12);
  border-radius:0;
}
.home .sudr-home-mini-card--episode .sudr-home-mini-media{
  width:82px;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:10px;
  background:#fff;
}
.home .sudr-home-mini-card--episode .sudr-home-mini-media img,
.home .sudr-home-mini-card--episode .sudr-home-mini-media .sudr-card-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.home .sudr-home-mini-card--episode .sudr-home-mini-body{min-width:0}
.home .sudr-home-mini-card--episode h3{
  display:-webkit-box;
  overflow:hidden;
  margin:4px 0 5px;
  font-size:.9rem;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.home .sudr-home-discovery{
  margin-top:18px!important;
  padding:12px 14px!important;
}

@media(max-width:1180px) and (min-width:721px){
  .home .sudr-home-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
  .home .sudr-home-highlights.sudr-home-highlights--square{grid-template-columns:repeat(3,minmax(0,200px))!important;max-width:650px!important}
}

@media(max-width:720px){
  .home .sudr-home-podcasts-section,
  .home .sudr-home-episodes-section,
  .home .sudr-home-audience-section,
  .home .sudr-home-cta{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  .home .sudr-home-highlights-section{margin-top:-28px!important;padding-bottom:18px!important}

  .home .sudr-home-highlights.sudr-home-highlights--square{
    display:flex!important;
    max-width:none!important;
    width:100%!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding:2px 18px 11px 1px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  .home .sudr-home-highlights.sudr-home-highlights--square::-webkit-scrollbar{display:none}
  .home .sudr-home-highlights--square .sudr-home-highlight{
    flex:0 0 min(62vw,220px)!important;
    width:min(62vw,220px)!important;
    min-width:min(62vw,220px)!important;
    scroll-snap-align:start;
  }
  .home .sudr-home-highlights--square .sudr-home-highlight-body{min-height:122px!important;padding:12px 13px!important}

  .home .sudr-home-card-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 18px 12px 1px!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;
  }
  .home .sudr-home-card-grid::-webkit-scrollbar{display:none!important}
  .home .sudr-home-overlay-card{
    flex:0 0 min(60vw,220px)!important;
    width:min(60vw,220px)!important;
    min-width:min(60vw,220px)!important;
    scroll-snap-align:start;
  }
  .home .sudr-home-mini-card--podcast{
    flex:0 0 min(66vw,240px)!important;
    width:min(66vw,240px)!important;
    min-width:min(66vw,240px)!important;
    scroll-snap-align:start;
  }
  .home .sudr-home-mini-card--episode{
    flex:0 0 min(84vw,330px)!important;
    width:min(84vw,330px)!important;
    min-width:min(84vw,330px)!important;
    scroll-snap-align:start;
    border:1px solid rgba(23,47,66,.10);
    border-radius:12px;
    padding:9px;
    background:rgba(255,255,255,.72);
  }
  .home .sudr-home-mini-card--episode .sudr-home-mini-media{width:76px}
  .home .sudr-home-overlay-copy{padding:15px 13px 12px}
}

/* 0.3.16 – homepage builder B: donkere podcast-overlay, horizontale mini-afleveringen en handmatige mobiele swipe */
.home .sudr-home-overlay-card{
  background:var(--sudr-home-overlay-color,#172f42)!important;
}
.home .sudr-home-overlay-shade{
  background:linear-gradient(
    180deg,
    rgba(23,47,66,0) 0%,
    rgba(23,47,66,.04) 42%,
    var(--sudr-home-overlay-color,#172f42) 68%,
    var(--sudr-home-overlay-color,#172f42) 100%
  )!important;
}
.home .sudr-home-overlay-copy{
  min-height:43%;
  justify-content:flex-end;
  padding:18px 17px 16px!important;
}
.home .sudr-home-overlay-cta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:5px;
  color:#ef835f;
  font-size:.74rem;
  font-weight:900;
  line-height:1.2;
}
.home .sudr-home-overlay-card:hover .sudr-home-overlay-cta{color:#ff9b78}

/* Kleine media-kaart: afbeelding links, tekst altijd rechts. */
.home .sudr-home-episode-cards--mini{
  gap:12px 22px!important;
}
.home .sudr-home-mini-card--episode{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  min-height:112px!important;
  padding:10px!important;
  border:1px solid rgba(23,47,66,.10)!important;
  border-radius:var(--sudr-home-card-radius,16px)!important;
  background:rgba(255,255,255,.78)!important;
}
.home .sudr-home-card-grid--size-compact .sudr-home-mini-card--episode{
  grid-template-columns:74px minmax(0,1fr)!important;
  min-height:94px!important;
}
.home .sudr-home-card-grid--size-large .sudr-home-mini-card--episode{
  grid-template-columns:112px minmax(0,1fr)!important;
  min-height:132px!important;
}
.home .sudr-home-mini-card--episode .sudr-home-mini-media{
  width:100%!important;
  aspect-ratio:1/1!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
.home .sudr-home-mini-card--episode .sudr-home-mini-body{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.home .sudr-home-mini-card--episode h3{
  width:100%;
  margin:4px 0 5px!important;
  font-size:.93rem!important;
  line-height:1.18!important;
}
.home .sudr-home-mini-card--episode .sudr-home-mini-kicker,
.home .sudr-home-mini-card--episode .sudr-home-mini-meta{
  max-width:100%;
}
.home .sudr-home-mini-cta{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:7px;
  color:#bc6246!important;
  font-size:.72rem;
  font-weight:900;
  text-decoration:none!important;
}
.home .sudr-home-mini-cta:hover{text-decoration:underline!important}

/* Groottekeuze verfijnt ook de overlaytekst. */
.home .sudr-home-card-grid--size-compact .sudr-home-overlay-copy{padding:13px 13px 12px!important}
.home .sudr-home-card-grid--size-compact .sudr-home-overlay-title{font-size:.9rem!important}
.home .sudr-home-card-grid--size-large .sudr-home-overlay-copy{padding:21px 20px 19px!important}
.home .sudr-home-card-grid--size-large .sudr-home-overlay-title{font-size:1.15rem!important}

/* De dynamische sectiekoppen moeten zich gedragen als gewone Gutenberg-koppen. */
.home .sudr-section-heading > .wp-block-shortcode{margin:0!important}
.home .sudr-section-heading > .wp-block-shortcode > .sudr-eyebrow{margin-top:0!important}
.home .sudr-section-heading > .wp-block-shortcode > h2{margin-top:8px!important;margin-bottom:10px!important}
.home .sudr-section-heading > .wp-block-shortcode > p:last-child{margin-bottom:0!important}

@media(max-width:720px){
  /* Alleen als swipe is aangezet, wordt een grid een horizontale rail. */
  .home .sudr-home-card-grid:not(.sudr-mobile-swipe){
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
    padding:0!important;
  }
  .home .sudr-home-card-grid.sudr-mobile-swipe{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 18px 12px 1px!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;
  }
  .home .sudr-home-card-grid.sudr-mobile-swipe::-webkit-scrollbar{display:none!important}

  .home .sudr-home-podcast-cards.sudr-mobile-swipe .sudr-home-overlay-card{
    flex:0 0 min(60vw,220px)!important;
    width:min(60vw,220px)!important;
    min-width:min(60vw,220px)!important;
    scroll-snap-align:start;
  }
  .home .sudr-home-card-grid--size-compact.sudr-home-podcast-cards.sudr-mobile-swipe .sudr-home-overlay-card{
    flex-basis:min(52vw,190px)!important;width:min(52vw,190px)!important;min-width:min(52vw,190px)!important;
  }
  .home .sudr-home-card-grid--size-large.sudr-home-podcast-cards.sudr-mobile-swipe .sudr-home-overlay-card{
    flex-basis:min(72vw,270px)!important;width:min(72vw,270px)!important;min-width:min(72vw,270px)!important;
  }

  .home .sudr-home-episode-cards.sudr-mobile-swipe .sudr-home-mini-card--episode{
    flex:0 0 min(84vw,340px)!important;
    width:min(84vw,340px)!important;
    min-width:min(84vw,340px)!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    scroll-snap-align:start;
  }
  .home .sudr-home-card-grid--size-compact.sudr-home-episode-cards.sudr-mobile-swipe .sudr-home-mini-card--episode{
    flex-basis:min(76vw,300px)!important;width:min(76vw,300px)!important;min-width:min(76vw,300px)!important;
    grid-template-columns:70px minmax(0,1fr)!important;
  }
  .home .sudr-home-card-grid--size-large.sudr-home-episode-cards.sudr-mobile-swipe .sudr-home-mini-card--episode{
    flex-basis:min(92vw,390px)!important;width:min(92vw,390px)!important;min-width:min(92vw,390px)!important;
    grid-template-columns:96px minmax(0,1fr)!important;
  }

  /* Highlights blijven handmatig horizontaal scrollbaar wanneer dat in de backend aan staat. */
  .home .sudr-home-highlights:not(.sudr-mobile-swipe){
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
    padding:0!important;
  }
  .home .sudr-home-highlights.sudr-mobile-swipe{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;
  }
  .home .sudr-home-highlights.sudr-mobile-swipe::-webkit-scrollbar{display:none!important}
}
@media(max-width:720px){
  .home .sudr-home-card-grid:not(.sudr-mobile-swipe) > *{
    width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;
  }
  .home .sudr-home-highlights:not(.sudr-mobile-swipe) .sudr-home-highlight{
    width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;
  }
}


/* 0.3.17 – nieuwste afleveringen als echte compacte medialijst.
   Geen grote witte kaartvlakken: beeld links, tekst rechts, zoals een muziek-/videolijst. */
@media (min-width:721px){
  .home .sudr-home-episode-cards--mini{
    display:grid!important;
    grid-template-columns:repeat(var(--sudr-home-columns,4),minmax(0,1fr))!important;
    grid-auto-rows:max-content!important;
    align-items:start!important;
    gap:0 28px!important;
  }
  .home .sudr-home-episode-cards--mini > .sudr-home-mini-card--episode{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    align-self:start!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 0!important;
    border:0!important;
    border-top:1px solid rgba(23,47,66,.13)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .home .sudr-home-episode-cards--mini .sudr-home-mini-media{
    display:block!important;
    flex:0 0 72px!important;
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:8px!important;
    background:#fff!important;
  }
  .home .sudr-home-card-grid--size-compact.sudr-home-episode-cards--mini .sudr-home-mini-media{
    flex-basis:60px!important;width:60px!important;height:60px!important;min-width:60px!important;
  }
  .home .sudr-home-card-grid--size-large.sudr-home-episode-cards--mini .sudr-home-mini-media{
    flex-basis:86px!important;width:86px!important;height:86px!important;min-width:86px!important;
  }
  .home .sudr-home-episode-cards--mini .sudr-home-mini-media img,
  .home .sudr-home-episode-cards--mini .sudr-home-mini-media .sudr-card-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .home .sudr-home-episode-cards--mini .sudr-home-mini-body{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
    width:auto!important;
    padding:0!important;
  }
  .home .sudr-home-episode-cards--mini .sudr-home-mini-kicker{
    width:100%!important;
    margin:0 0 3px!important;
    font-size:.60rem!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .home .sudr-home-episode-cards--mini h3{
    display:-webkit-box!important;
    width:100%!important;
    margin:0 0 3px!important;
    overflow:hidden!important;
    font-size:.93rem!important;
    line-height:1.17!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .home .sudr-home-episode-cards--mini .sudr-home-mini-meta{
    width:100%!important;
    color:#777!important;
    font-size:.70rem!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .home .sudr-home-episode-cards--mini .sudr-home-mini-cta{
    margin-top:4px!important;
    font-size:.66rem!important;
  }
}

/* Tussenbreedtes: de backend-keuze blijft leidend, maar nooit grote uitgerekte vakken. */
@media (min-width:721px) and (max-width:1180px){
  .home .sudr-home-episode-cards--mini{
    grid-template-columns:repeat(min(var(--sudr-home-columns,4),3),minmax(0,1fr))!important;
    gap:0 20px!important;
  }
}

/* Mobiel: dezelfde horizontale media-kaart, handmatig swipen zoals afgesproken. */
@media (max-width:720px){
  .home .sudr-home-episode-cards--mini.sudr-mobile-swipe{
    display:flex!important;
    gap:10px!important;
  }
  .home .sudr-home-episode-cards--mini.sudr-mobile-swipe > .sudr-home-mini-card--episode{
    display:flex!important;
    flex:0 0 min(86vw,350px)!important;
    width:min(86vw,350px)!important;
    min-width:min(86vw,350px)!important;
    height:auto!important;
    min-height:88px!important;
    align-items:center!important;
    gap:11px!important;
    padding:9px 10px!important;
    border:1px solid rgba(23,47,66,.10)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.76)!important;
    box-shadow:none!important;
  }
  .home .sudr-home-episode-cards--mini.sudr-mobile-swipe .sudr-home-mini-media{
    flex:0 0 72px!important;
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    aspect-ratio:1/1!important;
  }
  .home .sudr-home-episode-cards--mini.sudr-mobile-swipe .sudr-home-mini-body{
    flex:1 1 auto!important;
    min-width:0!important;
  }
}

/* 0.3.18 – compacte afleveringen als echte kleine kaarten.
   Beeld links, tekst rechts; subtiel vlak zonder de grote witte dozen van 0.3.16. */
@media (min-width:721px){
  .home .sudr-home-episode-cards--mini{
    gap:14px!important;
  }
  .home .sudr-home-episode-cards--mini > .sudr-home-mini-card--episode{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:12px!important;
    min-height:102px!important;
    padding:10px!important;
    border:1px solid rgba(23,47,66,.12)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.70)!important;
    box-shadow:0 5px 16px rgba(23,47,66,.045)!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
  }
  .home .sudr-home-episode-cards--mini > .sudr-home-mini-card--episode:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(23,47,66,.20)!important;
    box-shadow:0 8px 22px rgba(23,47,66,.08)!important;
  }
  .home .sudr-home-episode-cards--mini .sudr-home-mini-media{
    flex:0 0 78px!important;
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    border-radius:9px!important;
  }
  .home .sudr-home-card-grid--size-compact.sudr-home-episode-cards--mini .sudr-home-mini-media{
    flex-basis:66px!important;width:66px!important;height:66px!important;min-width:66px!important;
  }
  .home .sudr-home-card-grid--size-large.sudr-home-episode-cards--mini .sudr-home-mini-media{
    flex-basis:90px!important;width:90px!important;height:90px!important;min-width:90px!important;
  }
  .home .sudr-home-episode-cards--mini .sudr-home-mini-body{
    justify-content:center!important;
  }
  .home .sudr-home-episode-cards--mini .sudr-home-mini-cta{
    margin-top:5px!important;
  }
}

@media (max-width:720px){
  .home .sudr-home-episode-cards--mini.sudr-mobile-swipe > .sudr-home-mini-card--episode{
    min-height:96px!important;
    padding:9px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 4px 14px rgba(23,47,66,.045)!important;
  }
}
\n\n/* 0.3.19 – afleveringenarchief weer los van homepage-builder */
@media(max-width:540px){
  body.post-type-archive-aflevering .sudr-episode-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}


/* 0.3.20 – afleveringenarchief: vierkante beeldkaarten met rustige donkerblauwe overlay.
   Alleen de echte /afleveringen/-catalogus; homepage-kaarten blijven ongewijzigd. */
body.post-type-archive-aflevering .sudr-episode-grid{
  align-items:start;
}
body.post-type-archive-aflevering .sudr-card.sudr-episode-card{
  position:relative!important;
  display:block!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(23,47,66,.14)!important;
  border-radius:16px!important;
  background:#172635!important;
  box-shadow:0 8px 22px rgba(23,47,66,.09)!important;
}
body.post-type-archive-aflevering .sudr-card.sudr-episode-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(23,47,66,.14)!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-card-media{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#172635!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-card-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-card-media:after{
  display:none!important;
  content:none!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-play-badge{
  display:none!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-card-body{
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  min-height:55%!important;
  padding:64px 16px 15px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(23,38,53,0) 0%,rgba(23,38,53,.68) 30%,rgba(23,38,53,.96) 62%,#172635 100%)!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-card-kicker{
  width:100%!important;
  margin:0 0 5px!important;
  overflow:hidden!important;
  color:#f08a65!important;
  font-size:.61rem!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-card-title{
  display:-webkit-box!important;
  width:100%!important;
  margin:0 0 7px!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:1rem!important;
  line-height:1.16!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-card-title a{
  color:#fff!important;
  text-decoration:none!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-episode-details{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px 9px!important;
  width:100%!important;
  margin:0 0 8px!important;
  color:rgba(255,255,255,.74)!important;
  font-size:.67rem!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-card-icon{
  width:13px!important;
  height:13px!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-card-body > p{
  display:none!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-text-link{
  margin-top:0!important;
  color:#f08a65!important;
  font-size:.75rem!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.post-type-archive-aflevering .sudr-episode-card .sudr-text-link:hover{
  color:#fff!important;
}

/* Op iets smallere desktops blijven de kaarten compact en leesbaar. */
@media (min-width:901px) and (max-width:1280px){
  body.post-type-archive-aflevering .sudr-episode-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
  }
}
@media (min-width:541px) and (max-width:900px){
  body.post-type-archive-aflevering .sudr-episode-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body.post-type-archive-aflevering .sudr-episode-card .sudr-card-body{
    padding:56px 13px 13px!important;
  }
}
@media (max-width:540px){
  body.post-type-archive-aflevering .sudr-episode-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.post-type-archive-aflevering .sudr-card.sudr-episode-card{
    width:100%!important;
    max-width:440px!important;
    margin-inline:auto!important;
  }
  body.post-type-archive-aflevering .sudr-episode-card .sudr-card-body{
    min-height:50%!important;
    padding:72px 18px 17px!important;
  }
  body.post-type-archive-aflevering .sudr-episode-card .sudr-card-title{
    font-size:1.08rem!important;
  }
}

/* 0.3.21 – Homepage Builder 1.0: versleepbare secties en instelbare kolommen. */
.home .sudr-builder-section-button{
  margin-top:24px;
}

/* Highlights overlappen alleen de hero wanneer ze direct erachter staan. */
.home .sudr-home-highlights-section{
  margin-top:0!important;
}
.home .sudr-home-hero--dark + .sudr-home-highlights-section{
  margin-top:-44px!important;
}

@media(min-width:721px){
  .home .sudr-home-highlights.sudr-home-highlights--square{
    grid-template-columns:repeat(var(--sudr-home-highlight-columns,3),minmax(0,220px))!important;
    max-width:980px!important;
  }
  .home .sudr-home-highlights:not(.sudr-home-highlights--square){
    grid-template-columns:repeat(var(--sudr-home-highlight-columns,3),minmax(0,1fr))!important;
  }
  .home .sudr-home-audience-cards{
    grid-template-columns:repeat(var(--sudr-home-audience-columns,4),minmax(0,1fr))!important;
  }
  .home .sudr-home-cta-grid{
    display:grid;
    grid-template-columns:repeat(var(--sudr-home-cta-columns,2),minmax(0,1fr));
    align-items:center;
    gap:clamp(30px,6vw,88px);
  }
}

.home .sudr-home-cta-column{
  min-width:0;
}
.home .sudr-home-cta-column .wp-block-buttons{
  margin-top:18px;
}
.home .sudr-home-cta-column .sudr-home-audience-link{
  margin-top:14px;
  font-size:.78rem;
  line-height:1.45;
}

@media(max-width:720px){
  .home .sudr-home-hero--dark + .sudr-home-highlights-section{
    margin-top:-28px!important;
  }
  .home .sudr-home-cta-grid{
    display:grid;
    grid-template-columns:1fr!important;
    gap:22px;
  }
  .home .sudr-builder-section-button{
    margin-top:18px;
  }
}

/* Builder-sectiekoppen worden rechtstreeks door de Core gerenderd. */
.home .sudr-section-heading > .sudr-eyebrow{
  margin-top:0;
  margin-bottom:8px;
}
.home .sudr-section-heading > h2{
  margin-top:0;
  margin-bottom:10px;
}
.home .sudr-section-heading > p:last-child{
  margin-bottom:0;
}

/* 0.3.22 – Homepage Builder breedtefix: hero en secties weer op normale sitebreedte,
   knoppen in doelgroep- en aanmeldblok mogen niet door kolommen worden samengedrukt. */
.home .sudr-builder-section > .alignwide,
.home .sudr-builder-section--hero > .sudr-home-hero-inner{
  width:min(calc(100% - 48px),1180px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.home .sudr-builder-section--hero .sudr-home-hero-inner{
  padding-left:0!important;
  padding-right:0!important;
}
.home .sudr-builder-section--hero .sudr-home-hero-title{
  max-width:820px!important;
}
.home .sudr-builder-section--hero .sudr-home-hero-copy{
  max-width:720px!important;
}

/* Builderknoppen blijven echte knoppen en worden geen smalle kolom-elementen. */
.home .sudr-builder-section-button{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
.home .sudr-builder-section-button .wp-block-button{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
}
.home .sudr-builder-section-button .wp-block-button__link{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:center!important;
}

.home .sudr-home-cta-column .wp-block-buttons{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
.home .sudr-home-cta-column .wp-block-button{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
}
.home .sudr-home-cta-column .wp-block-button__link{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* Het aanmeldgrid gebruikt de gekozen kolommen, maar de inhoud krijgt voldoende ruimte. */
@media (min-width:901px){
  .home .sudr-builder-section--cta .sudr-home-cta-grid{
    width:min(calc(100% - 48px),1180px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    column-gap:clamp(36px,5vw,72px)!important;
  }
  .home .sudr-builder-section--cta .sudr-home-cta-column{
    min-width:0!important;
  }
}

@media (max-width:720px){
  .home .sudr-builder-section > .alignwide,
  .home .sudr-builder-section--hero > .sudr-home-hero-inner{
    width:calc(100% - 32px)!important;
    max-width:none!important;
  }
  .home .sudr-builder-section--hero .sudr-home-hero-title,
  .home .sudr-builder-section--hero .sudr-home-hero-copy{
    max-width:none!important;
  }
  .home .sudr-builder-section-button .wp-block-button,
  .home .sudr-builder-section-button .wp-block-button__link{
    width:auto!important;
  }
  .home .sudr-home-cta-column .wp-block-button__link{
    white-space:normal!important;
  }
}

/* 0.3.23 – hero-fix: rustige kop en echte knoppenrij */
.home .sudr-builder-section--hero .sudr-home-hero-title{
  max-width:930px!important;
  font-size:clamp(3rem,5.15vw,4.9rem)!important;
  line-height:1.01!important;
  letter-spacing:-.05em!important;
}
.home .sudr-builder-section--hero .sudr-home-hero-copy{
  max-width:760px!important;
}
.home .sudr-builder-section--hero .sudr-button-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  margin:0!important;
}
.home .sudr-builder-section--hero .sudr-button-row > .wp-block-button{
  display:block!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
}
.home .sudr-builder-section--hero .sudr-button-row .wp-block-button__link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:46px!important;
  padding:12px 20px!important;
  border-radius:999px!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.home .sudr-builder-section--hero .sudr-button-row .wp-block-button:not(.is-style-outline) .wp-block-button__link{
  background:#c56243!important;
  color:#fff!important;
  border:2px solid #c56243!important;
}
.home .sudr-builder-section--hero .sudr-button-row .wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.82)!important;
}
.home .sudr-builder-section--hero .sudr-button-row .wp-block-button.is-style-outline .wp-block-button__link:hover{
  background:#fff!important;
  color:#172f42!important;
}

@media (max-width:781px){
  .home .sudr-builder-section--hero .sudr-home-hero-title{
    font-size:clamp(2.65rem,11.5vw,4rem)!important;
    max-width:none!important;
  }
  .home .sudr-builder-section--hero .sudr-button-row{
    gap:9px!important;
  }
  .home .sudr-builder-section--hero .sudr-button-row .wp-block-button__link{
    min-height:42px!important;
    padding:10px 15px!important;
    font-size:.92rem!important;
  }
}

@media (max-width:430px){
  .home .sudr-builder-section--hero .sudr-button-row{
    align-items:stretch!important;
  }
  .home .sudr-builder-section--hero .sudr-button-row > .wp-block-button{
    max-width:100%!important;
  }
  .home .sudr-builder-section--hero .sudr-button-row .wp-block-button__link{
    white-space:normal!important;
  }
}