/* Studio Expert design-laag 0.2.0
   Kleuren ongewijzigd: navy #0F172A / #1E293B, amber #F59E0B / #D97706, crème #FFFBF5, wit, lijn #E2E8F0.
   Regels: amber alleen als vlak (nooit tekst op crème), knoptekst navy, links navy met amber onderstreping. */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/inter-latin-var.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --se-navy: #0F172A;
  --se-navy-2: #1E293B;
  --se-amber: #F59E0B;
  --se-amber-d: #D97706;
  --se-cream: #FFFBF5;
  --se-white: #FFFFFF;
  --se-line: #E2E8F0;
  --se-muted: #475569;
  --se-on-navy: #CBD5E1;
  --se-radius: 14px;
  --se-radius-s: 10px;
  --se-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --se-wrap: 1200px;
}

body.se-design,
.se-design button,
.se-design input,
.se-design select,
.se-design textarea {
  font-family: var(--se-font);
}
body.se-design { color: var(--se-navy); background: var(--se-cream); }
.se-design h1, .se-design h2, .se-design h3, .se-design h4 {
  font-family: var(--se-font);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--se-navy);
}

/* ---------- Links ---------- */
.se-design .entry-content a:not(.se-btn):not(.wp-block-button__link):not(.se-tile):not(.se-card):not(.se-ebook),
.se-design .widget a,
.se-design .ast-breadcrumbs a {
  color: var(--se-navy);
  text-decoration: underline;
  text-decoration-color: var(--se-amber);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.se-design .entry-content a:not(.se-btn):not(.wp-block-button__link):hover { text-decoration-color: var(--se-amber-d); }
.se-design a:focus-visible, .se-design button:focus-visible, .se-design input:focus-visible {
  outline: 3px solid var(--se-amber);
  outline-offset: 2px;
}

/* ---------- Header (één rij, slank) ---------- */
.se-design .ast-above-header-bar {
  min-height: 40px;
  background: var(--se-cream);
  border-bottom: 1px solid var(--se-line);
}
.se-design .ast-primary-header-bar,
.se-design .main-header-bar {
  background: var(--se-white);
  border-bottom: 1px solid var(--se-line);
}
.se-design .ast-primary-header-bar .site-primary-header-wrap { min-height: 72px; }
.se-design .site-logo-img img,
.se-design .custom-logo-link img { max-height: 44px; width: auto; }
.se-design .main-header-menu > .menu-item > .menu-link {
  font-size: 15px;
  font-weight: 600;
  color: var(--se-navy);
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
}
.se-design .main-header-menu > .menu-item:hover > .menu-link,
.se-design .main-header-menu > .current-menu-item > .menu-link,
.se-design .main-header-menu > .current-menu-ancestor > .menu-link {
  color: var(--se-navy);
  box-shadow: inset 0 -3px 0 var(--se-amber);
}
.se-design .ast-header-button-1 .ast-custom-button-link { background: transparent !important; padding: 0 !important; border: 0 !important; }
.se-design .ast-header-button-1 .ast-custom-button {
  background: var(--se-amber);
  color: var(--se-navy);
  font-weight: 700;
  font-size: 15px;
  border-radius: var(--se-radius-s);
  padding: 12px 20px;
  white-space: nowrap;
  line-height: 1.2;
}
.se-design .ast-header-button-1 .ast-custom-button:hover { background: var(--se-amber-d); color: var(--se-navy); }

/* ---------- Knoppen ---------- */
.se-btn,
.se-design .wp-block-button__link {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  padding: 14px 24px;
  border-radius: var(--se-radius-s);
  text-decoration: none;
  text-align: center;
  border: 2px solid transparent;
  cursor: pointer;
}
.se-btn--amber,
.se-design .wp-block-button.is-style-se-amber .wp-block-button__link,
.se-design .wp-block-button:not([class*="is-style-"]) .wp-block-button__link {
  background: var(--se-amber);
  color: var(--se-navy);
}
.se-btn--amber:hover,
.se-design .wp-block-button .wp-block-button__link:hover { background: var(--se-amber-d); color: var(--se-navy); }
.se-btn--outline,
.se-design .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--se-navy);
  border-color: var(--se-navy);
}
.se-btn--outline:hover { background: var(--se-navy); color: var(--se-white); }

/* ---------- Secties ---------- */
.se-section { padding: 72px 24px; }
.se-section--white { background: var(--se-white); border-top: 1px solid var(--se-line); border-bottom: 1px solid var(--se-line); }
.se-section--navy { background: var(--se-navy); color: var(--se-on-navy); }
.se-section--navy h1, .se-section--navy h2, .se-section--navy h3 { color: var(--se-white); }
.se-wrap { max-width: var(--se-wrap); margin-left: auto; margin-right: auto; }
.se-section__title { font-size: 34px; line-height: 1.15; margin: 0 0 8px; }
.se-section__lead { color: var(--se-muted); font-size: 17px; margin: 0 0 32px; }
.paged .se-home-only { display: none; }

/* ---------- Hero ---------- */
.se-hero { padding: 88px 24px 96px; }
.se-hero__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px;
  align-items: center;
}
.se-hero__kicker {
  color: var(--se-amber);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 18px;
}
.se-hero h1 { font-size: 56px; line-height: 1.05; margin: 0 0 20px; color: var(--se-white); letter-spacing: -0.025em; }
.se-hero p.se-hero__lead { font-size: 19px; color: var(--se-on-navy); margin: 0 0 28px; max-width: 520px; }
.se-hero__actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.se-hero__actions a.se-link {
  color: var(--se-white);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--se-amber);
  text-underline-offset: 5px;
}
.se-hero__trust { color: #94A3B8; font-size: 14px; margin: 18px 0 0; }
.se-hero__img { margin: 0; }
.se-hero__img img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 18px;
  display: block;
  filter: grayscale(0.35) contrast(1.05);
  box-shadow: inset 0 0 0 1000px rgba(15, 23, 42, 0.35);
}

/* ---------- Route-tegels ---------- */
.se-routes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.se-tile {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--se-white);
  border: 1px solid var(--se-line);
  border-radius: var(--se-radius);
  padding: 26px;
  text-decoration: none;
  color: var(--se-navy);
}
.se-tile:hover { border-color: var(--se-navy); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08); }
.se-tile__icon { width: 52px; height: 52px; border-radius: 12px; background: var(--se-navy); color: var(--se-amber); display: flex; align-items: center; justify-content: center; }
.se-tile__title { font-size: 21px; font-weight: 800; line-height: 1.2; }
.se-tile__text { font-size: 15px; color: var(--se-muted); }
.se-tile__count { font-size: 14px; font-weight: 700; margin-top: 4px; }

/* ---------- Kaarten ---------- */
.se-grid { display: grid; gap: 28px; }
.se-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.se-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-decoration: none;
  color: var(--se-navy);
}
.se-card__img { display: block; border-radius: var(--se-radius); overflow: hidden; background: var(--se-line); aspect-ratio: 16 / 10; }
.se-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.se-card__cat { align-self: flex-start; border: 1px solid var(--se-navy); border-radius: 999px; padding: 2px 12px; font-size: 13px; font-weight: 700; }
.se-card__body { display: flex; flex-direction: column; gap: 10px; }
.se-card__title { font-size: 23px; line-height: 1.25; font-weight: 800; letter-spacing: -0.01em; }
.se-card__excerpt { font-size: 15px; color: var(--se-muted); }
.se-card__meta { font-size: 14px; color: var(--se-muted); }
.se-card:hover .se-card__title { text-decoration: underline; text-decoration-color: var(--se-amber); text-decoration-thickness: 3px; text-underline-offset: 4px; }

/* ---------- Blogindex / archief als kaartenrooster (Astra-loop blijft, SEO en paginering ongewijzigd) ---------- */
.se-design.blog #primary,
.se-design.archive #primary { margin: 0; padding: 0; width: 100%; }
.se-design.blog .ast-row,
.se-design.archive .ast-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 0;
}
.se-design.blog .ast-row > article,
.se-design.archive .ast-row > article {
  width: auto;
  max-width: none;
  float: none;
  padding: 0;
  margin: 0;
  background: var(--se-white);
  border: 1px solid var(--se-line);
  border-radius: var(--se-radius);
  overflow: hidden;
}
.se-design.blog .ast-article-inner,
.se-design.archive .ast-article-inner { display: flex; flex-direction: column; height: 100%; background: transparent; }
.se-design .ast-blog-featured-section img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.se-design .blog-layout-4 .post-content,
.se-design .ast-article-inner .post-content { padding: 4px 20px 22px; }
.se-design .ast-article-post .entry-title { font-size: 19px; line-height: 1.3; font-weight: 800; margin: 8px 0; }
.se-design .ast-article-post .entry-title a { color: var(--se-navy); text-decoration: none; }
.se-design .ast-article-post .entry-title a:hover { text-decoration: underline; text-decoration-color: var(--se-amber); text-decoration-thickness: 3px; }
.se-design .ast-article-post .ast-excerpt-container,
.se-design .ast-article-post .entry-meta { font-size: 14px; color: var(--se-muted); }
.se-design .ast-pagination .page-numbers { border-radius: 8px; font-weight: 700; }
.se-design .ast-pagination .page-numbers.current { background: var(--se-navy); color: var(--se-white); }
.se-home .site-content > .ast-container { padding-top: 0; }
.se-home .ast-container { max-width: var(--se-wrap); }
.se-home .se-loop-title { font-size: 34px; margin: 72px 0 28px; }

/* ---------- eBooks ---------- */
.se-ebooks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.se-ebook { display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: inherit; }
.se-ebook__cover { display: block; aspect-ratio: 3 / 4; border-radius: 10px; overflow: hidden; background: var(--se-navy-2); border: 1px solid #334155; }
.se-ebook__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.se-ebook__title { color: var(--se-white); font-weight: 700; font-size: 15px; }
.se-ebook__price { color: var(--se-on-navy); font-size: 14px; }
.se-ebook:hover .se-ebook__title { text-decoration: underline; text-decoration-color: var(--se-amber); text-underline-offset: 4px; }
.se-ebooks-band { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; align-items: center; }
.se-ebooks-band > .se-ebooks-band__copy { grid-column: span 2; }
.se-ebooks-band > .se-ebooks-band__list { grid-column: span 3; }
.se-ebooks-band .se-ebooks { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ---------- Nieuwsbrief ---------- */
.se-news {
  max-width: 1000px;
  margin: 0 auto;
  background: var(--se-white);
  border: 1px solid var(--se-line);
  border-radius: 18px;
  padding: 44px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
  align-items: center;
}
.se-news__title { font-size: 28px; line-height: 1.2; margin: 0 0 10px; }
.se-news p { color: var(--se-muted); margin: 0; }
.se-news__alt { margin-top: 10px !important; font-size: 14px; }
.se-news input[type="email"], .se-news input[type="text"] {
  height: 48px; border: 1px solid #94A3B8; border-radius: var(--se-radius-s); padding: 0 14px; font-size: 16px; width: 100%; background: var(--se-white); color: var(--se-navy);
}
.se-news button, .se-news input[type="submit"] {
  height: 48px; background: var(--se-amber); color: var(--se-navy); font-weight: 700; font-size: 16px; border: 0; border-radius: var(--se-radius-s); padding: 0 22px; cursor: pointer;
}

/* ---------- Snelle keuze ---------- */
.se-keuze { background: var(--se-white); border: 2px solid var(--se-navy); border-radius: 18px; padding: 28px; margin: 32px 0; }
.se-keuze__h { font-size: 22px; margin: 0 0 18px; }
.se-keuze__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.se-pick { display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--se-line); border-radius: var(--se-radius); padding: 20px; background: var(--se-cream); }
.se-pick__label { align-self: flex-start; background: var(--se-navy); color: var(--se-white); border-radius: 999px; padding: 2px 12px; font-size: 13px; font-weight: 700; }
.se-pick__img img { width: 100%; height: 130px; object-fit: contain; border-radius: 10px; background: var(--se-white); }
.se-pick__name { font-size: 19px; font-weight: 800; line-height: 1.3; }
.se-pick__why { font-size: 15px; color: var(--se-muted); line-height: 1.5; }
.se-pick__price { font-size: 22px; font-weight: 800; }
.se-pick__checked { font-size: 13px; color: var(--se-muted); }
.se-pick .se-btn { margin-top: 4px; }

/* ---------- Tabellen in artikelen ---------- */
.se-design .entry-content .wp-block-table { overflow-x: auto; border: 1px solid var(--se-line); border-radius: var(--se-radius); background: var(--se-white); }
.se-design .entry-content .wp-block-table table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 0; }
.se-design .entry-content .wp-block-table thead th { background: var(--se-navy); color: var(--se-white); text-align: left; padding: 14px 16px; border: 0; }
.se-design .entry-content .wp-block-table td { padding: 14px 16px; border: 0; border-top: 1px solid var(--se-line); }
.se-design .entry-content .wp-block-table tbody tr:nth-child(even) td { background: var(--se-cream); }

/* ---------- Footer ---------- */
.se-design .site-footer,
.se-design .site-primary-footer-wrap,
.se-design .site-below-footer-wrap { background: var(--se-navy-2); color: var(--se-on-navy); }
.se-design .site-footer a { color: var(--se-on-navy); text-decoration: none; }
.se-design .site-footer a:hover { color: var(--se-white); text-decoration: underline; text-decoration-color: var(--se-amber); }

/* ---------- Home: oude Spectra-blokken en dubbele CTA verbergen na de wissel ---------- */
.se-home .astra-advanced-hook-241 { display: none; }

/* ---------- Responsief ---------- */
@media (max-width: 1024px) {
  .se-routes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .se-grid--3,
  .se-design.blog .ast-row,
  .se-design.archive .ast-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .se-hero h1 { font-size: 44px; }
  .se-ebooks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .se-section { padding: 48px 20px; }
  .se-hero { padding: 48px 20px 52px; }
  .se-hero__inner, .se-news, .se-ebooks-band { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .se-ebooks-band > .se-ebooks-band__copy, .se-ebooks-band > .se-ebooks-band__list { grid-column: auto; }
  .se-hero h1 { font-size: 36px; }
  .se-hero__img img { height: 200px; }
  .se-section__title, .se-home .se-loop-title { font-size: 28px; }
  .se-grid--3, .se-keuze__grid { grid-template-columns: minmax(0, 1fr); }
  .se-design.blog .ast-row, .se-design.archive .ast-row { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .se-news { padding: 24px; }
  .se-tile { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; }
}

/* ---------- 0.2.1: loop als kaartenrooster (Astra-specificiteit overrulen) ---------- */
.se-design:not(.single) #primary { width: 100% !important; margin: 0 !important; padding: 0 24px !important; max-width: var(--se-wrap); margin-left: auto !important; margin-right: auto !important; }
.se-design:not(.single) #primary .ast-row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 0 !important; }
.se-design:not(.single) #primary .ast-row > article.ast-article-post {
  width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important;
  background: var(--se-white) !important; border: 1px solid var(--se-line) !important; border-radius: var(--se-radius) !important; overflow: hidden;
  opacity: 1 !important; transform: none !important;
}
.se-design:not(.single) #primary .ast-article-inner, .se-design:not(.single) #primary .post-content { padding: 0 !important; margin: 0 !important; height: 100%; display: flex; flex-direction: column; background: transparent !important; }
.se-design:not(.single) #primary .post-thumb { margin: 0 !important; padding: 0 !important; }
.se-design:not(.single) #primary .post-thumb img { width: 100% !important; height: auto !important; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.se-design:not(.single) #primary .ast-blog-featured-section { margin: 0 !important; }
.se-design:not(.single) #primary .entry-header, .se-design:not(.single) #primary .entry-content, .se-design:not(.single) #primary .ast-excerpt-container, .se-design:not(.single) #primary .entry-meta { padding-left: 20px; padding-right: 20px; }
.se-design:not(.single) #primary .entry-header { padding-top: 16px; }
.se-design:not(.single) #primary .entry-content { padding-bottom: 20px; }
.se-design:not(.single) #primary .ast-blog-single-element.ast-taxonomy-container a { color: var(--se-navy); text-decoration: none; border: 1px solid var(--se-navy); border-radius: 999px; padding: 1px 10px; font-size: 13px; font-weight: 700; }
.se-design:not(.single) #primary .entry-title { font-size: 19px !important; line-height: 1.3 !important; font-weight: 800 !important; margin: 8px 0 !important; }
.se-design:not(.single) #primary .entry-title a { color: var(--se-navy) !important; text-decoration: none !important; }
.se-design:not(.single) #primary .entry-title a:hover { text-decoration: underline !important; text-decoration-color: var(--se-amber) !important; text-decoration-thickness: 3px !important; }
.se-design:not(.single) #primary .ast-excerpt-container p, .se-design:not(.single) #primary .entry-meta, .se-design:not(.single) #primary .entry-meta a { font-size: 14px; color: var(--se-muted) !important; }
.se-design .ast-pagination { padding: 32px 0 8px; }
@media (max-width: 1024px) { .se-design:not(.single) #primary .ast-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .se-design:not(.single) #primary .ast-row { grid-template-columns: minmax(0, 1fr); gap: 16px; } .se-design:not(.single) #primary { padding: 0 20px !important; } }

/* ---------- 0.2.2: kaartdetails en knop ---------- */
.se-design:not(.single) #primary .entry-title, .se-design:not(.single) #primary .entry-title a { font-weight: 800 !important; font-family: var(--se-font) !important; }
.se-design:not(.single) #primary .entry-meta, .se-design:not(.single) #primary .entry-meta *, .se-design:not(.single) #primary .posted-on a, .se-design:not(.single) #primary .ast-blog-meta-container * { color: var(--se-muted) !important; font-weight: 400 !important; }
.se-design .ast-header-button-1, .se-design .ast-header-button-1 .ast-builder-button-wrap, .se-design .ast-header-button-1 a.ast-custom-button-link { background: none !important; box-shadow: none !important; border: 0 !important; outline: 0 !important; }
.se-design .ast-header-button-1 .ast-custom-button { background: var(--se-amber) !important; color: var(--se-navy) !important; border: 0 !important; border-radius: var(--se-radius-s) !important; box-shadow: none !important; font-weight: 700; }
.se-design .ast-header-button-1 .ast-custom-button:hover { background: var(--se-amber-d) !important; }
.se-design .site-logo-img img, .se-design .custom-logo-link img { max-height: 40px; width: auto; }

/* ---------- 0.2.3: uitlijning kaarten, eBooks op mobiel ---------- */
.se-design:not(.single) #primary .entry-content .ast-excerpt-container, .se-design:not(.single) #primary .entry-content .entry-meta, .se-design:not(.single) #primary .entry-content > * { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 720px) {
  .se-ebooks-band .se-ebooks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .se-ebooks-band .se-ebooks > :nth-child(n+3) { display: none; }
}

/* 0.2.4 — Substack-link + cookiebanner */
.se-news__alt a { color: var(--se-navy); font-weight: 600; text-decoration: underline; text-decoration-color: var(--se-amber); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.se-news__alt a:hover { color: var(--se-amber-dark, #D97706); }
.cookieadmin_consent_inside { background: #fff !important; color: var(--se-navy) !important; border: 1px solid var(--se-line, #E2E8F0) !important; border-radius: 14px !important; box-shadow: 0 10px 30px rgba(15,23,42,.14) !important; font-family: 'Inter', system-ui, sans-serif !important; }
.cookieadmin_consent_inside #cookieadmin_notice_title, .cookieadmin_consent_inside p { color: var(--se-navy) !important; }
.cookieadmin_consent_inside a { color: var(--se-navy) !important; text-decoration-color: var(--se-amber); }
.cookieadmin_btn { border-radius: 10px !important; font-weight: 700 !important; border: 2px solid var(--se-navy) !important; background: #fff !important; color: var(--se-navy) !important; }
.cookieadmin_btn:hover { background: var(--se-navy) !important; color: #fff !important; }
.cookieadmin_btn.cookieadmin_accept_btn { background: var(--se-amber) !important; border-color: var(--se-amber) !important; color: var(--se-navy) !important; }
.cookieadmin_btn.cookieadmin_accept_btn:hover { background: var(--se-amber-dark, #D97706) !important; border-color: var(--se-amber-dark, #D97706) !important; }

/* 0.2.5 — kaartpadding: één linkerrand van 20px voor pill, titel, excerpt en datum */
.se-design:not(.single) #primary .post-content > .ast-taxonomy-container,
.se-design:not(.single) #primary .post-content > .entry-title,
.se-design:not(.single) #primary .post-content > .ast-excerpt-container,
.se-design:not(.single) #primary .post-content > .ast-blog-meta-container { padding-left: 20px !important; padding-right: 20px !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; }
.se-design:not(.single) #primary .post-content > .ast-taxonomy-container { display: block; margin-top: 12px !important; }
.se-design:not(.single) #primary .post-content > .ast-taxonomy-container a { padding-left: 10px; padding-right: 10px; }
.se-design:not(.single) #primary .post-content > .entry-title { margin-top: 8px !important; margin-bottom: 8px !important; }
.se-design:not(.single) #primary .post-content .ast-excerpt-container p,
.se-design:not(.single) #primary .post-content .ast-blog-meta-container .entry-meta { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; }
.se-design:not(.single) #primary .post-content > .ast-blog-meta-container { padding-bottom: 20px !important; }

/* 0.2.6 — blograster gelijk met bovenliggende secties (zelfde buitenrand) */
.se-home .site-content > .ast-container { padding-left: 0 !important; padding-right: 0 !important; }
@media (min-width: 1248px) {
  .se-design.se-home #primary { padding-left: 0 !important; padding-right: 0 !important; }
  .se-home .se-wrap:has(> .se-loop-title) { padding-left: 0 !important; padding-right: 0 !important; }
}

/* 0.2.7 — ruimte rond paginering */
.se-home .ast-pagination, .se-design .ast-pagination { margin-top: 40px !important; padding-bottom: 72px !important; }
.se-home #primary { padding-bottom: 0 !important; }
.se-home #content, .se-home .site-content { padding-bottom: 0; }
@media (max-width: 768px) { .se-home .ast-pagination, .se-design .ast-pagination { padding-bottom: 48px !important; } }

/* 0.2.9 — mobiele zijmarge kop = 20px; compactere cookiebanner op mobiel */
@media (max-width: 768px) {
  .se-home .se-wrap:has(> .se-loop-title) { padding-left: 20px !important; padding-right: 20px !important; }
  .cookieadmin_consent_inside { padding: 16px !important; }
  .cookieadmin_consent_inside #cookieadmin_notice_title { font-size: 16px !important; margin: 0 0 6px !important; }
  .cookieadmin_consent_inside #cookieadmin_notice, .cookieadmin_consent_inside .cookieadmin_notice_con p { font-size: 13px !important; line-height: 1.45 !important; }
  .cookieadmin_consent_btns { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
  .cookieadmin_consent_btns .cookieadmin_btn { flex: 1 1 calc(50% - 4px) !important; margin: 0 !important; padding: 10px 8px !important; font-size: 14px !important; }
  .cookieadmin_consent_btns .cookieadmin_accept_btn { flex-basis: 100% !important; order: -1; }
}

/* 0.3.0 — Gear-megamenu (menu-item class se-mega): drie kolommen, subitems altijd zichtbaar */
@media (min-width: 922px) {
  .ast-desktop .main-header-menu > li.se-mega { position: relative; }
  .ast-desktop .main-header-menu > li.se-mega > .sub-menu {
    display: grid !important; grid-template-columns: repeat(3, minmax(190px, 1fr)); gap: 8px 28px;
    width: 720px; max-width: 92vw; padding: 22px 26px; left: -40px !important; right: auto !important;
    background: #fff; border: 1px solid var(--se-line); border-radius: 14px; box-shadow: 0 18px 40px rgba(15,23,42,.14);
  }
  .ast-desktop .main-header-menu > li.se-mega:not(:hover):not(:focus-within) > .sub-menu { display: none !important; }
  .ast-desktop .main-header-menu > li.se-mega > .sub-menu > li { border: 0 !important; width: auto !important; }
  .ast-desktop .main-header-menu > li.se-mega > .sub-menu > li > a.menu-link {
    padding: 0 0 8px !important; margin-bottom: 8px; font-weight: 800; color: var(--se-navy); border-bottom: 2px solid var(--se-amber); line-height: 1.3; width: auto !important;
  }
  .ast-desktop .main-header-menu > li.se-mega > .sub-menu > li > .ast-menu-toggle, .ast-desktop .main-header-menu > li.se-mega > .sub-menu > li > a .dropdown-menu-toggle { display: none !important; }
  .ast-desktop .main-header-menu > li.se-mega .sub-menu .sub-menu {
    position: static !important; display: block !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
    width: auto !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; background: transparent !important;
  }
  .ast-desktop .main-header-menu > li.se-mega .sub-menu .sub-menu li { border: 0 !important; }
  .ast-desktop .main-header-menu > li.se-mega .sub-menu .sub-menu a { padding: 5px 0 !important; font-weight: 500; font-size: 14px; color: var(--se-muted); }
  .ast-desktop .main-header-menu > li.se-mega .sub-menu .sub-menu a:hover { color: var(--se-navy); text-decoration: underline; text-decoration-color: var(--se-amber); text-underline-offset: 3px; }
}

/* 0.3.1 — megamenu: binnen beeld houden + kolommen bovenaan uitlijnen */
@media (min-width: 922px) {
  .ast-desktop .main-header-menu > li.se-mega > .sub-menu { left: -154px !important; align-items: start; align-content: start; }
  .ast-desktop .main-header-menu > li.se-mega > .sub-menu > li { align-self: start !important; margin: 0 !important; padding: 0 !important; display: block !important; }
  .ast-desktop .main-header-menu > li.se-mega > .sub-menu > li > a.menu-link { display: block !important; margin-top: 0 !important; }
}

/* 0.4.0 — Spectra-vervangers */
.se-share { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:32px 0; padding:16px 20px; background:var(--se-cream); border:1px solid var(--se-line); border-radius:var(--se-radius-s); }
.se-share__label { font-weight:600; color:var(--se-navy); }
.se-share__list { display:flex; flex-wrap:wrap; gap:8px; margin:0!important; padding:0!important; list-style:none!important; }
.se-share__list li { margin:0!important; }
.se-share__link { display:inline-block; padding:6px 14px; border:1px solid var(--se-line); border-radius:999px; background:var(--se-white); color:var(--se-navy)!important; font-size:14px; text-decoration:none!important; }
.se-share__link:hover { border-color:var(--se-amber); background:var(--se-amber); }
.se-toc { margin:24px 0; background:var(--se-cream); border:1px solid var(--se-line); border-radius:var(--se-radius-s); padding:0; }
.se-toc__title { cursor:pointer; padding:14px 20px; font-weight:700; color:var(--se-navy); font-size:1.1em; }
.se-toc__list { margin:0!important; padding:0 20px 16px 40px!important; }
.se-toc__item { margin:6px 0!important; }
.se-toc__item--h3 { margin-left:18px!important; font-size:.95em; }
.se-form { display:flex; flex-direction:column; gap:16px; }
.se-form label { display:flex; flex-direction:column; gap:6px; font-weight:600; color:var(--se-navy); }
.se-form input[type=text], .se-form input[type=email], .se-form select, .se-form textarea { padding:12px 14px; border:1px solid #BDBDBD; border-radius:8px; font:inherit; font-weight:400; background:var(--se-white); }
.se-form input:focus, .se-form select:focus, .se-form textarea:focus { outline:2px solid var(--se-amber); outline-offset:1px; }
.se-form__row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:600px){ .se-form__row { grid-template-columns:1fr; } }
.se-form__check { flex-direction:row!important; align-items:flex-start; gap:10px!important; font-weight:400!important; }
.se-form__hp { position:absolute!important; left:-9999px!important; height:0; overflow:hidden; }
.se-form .se-btn { align-self:flex-start; border:0; cursor:pointer; }
.se-form__msg { padding:14px 18px; border-radius:var(--se-radius-s); margin-bottom:16px; }
.se-form__msg--ok { background:#ECFDF5; border:1px solid #6EE7B7; color:#065F46; }
.se-form__msg--err { background:#FEF2F2; border:1px solid #FCA5A5; color:#991B1B; }
.se-form select { line-height:1.4; min-height:46px; }
.se-form__check input { margin-top:5px; flex:none; }

/* 0.4.2 — eBook-overzicht op lichte pagina's leesbaar, met knop */
.se-design .entry-content a.se-ebook, .se-design a.se-ebook { text-decoration: none !important; }
.se-ebook .se-ebook__title { color: var(--se-navy) !important; text-decoration: none !important; }
.se-ebook .se-ebook__price { color: var(--se-muted) !important; text-decoration: none !important; font-weight: 600; }
.se-ebook:hover .se-ebook__title { text-decoration: underline !important; text-decoration-color: var(--se-amber) !important; text-underline-offset: 4px; }
.se-ebook .se-ebook__btn { margin-top: auto; align-self: flex-start; text-align: center; text-decoration: none !important; }
.se-ebook { height: 100%; }
.se-ebooks-band .se-ebook .se-ebook__title { color: var(--se-white) !important; }
.se-ebooks-band .se-ebook .se-ebook__price { color: var(--se-on-navy) !important; }
.se-ebooks-band .se-ebook__btn { display: none; }
@media (max-width: 921px) { .se-ebooks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .se-ebooks { gap: 16px; } .se-ebook__title { font-size: 14px; } }

/* 0.4.4 — creator-blok onder archieven op dezelfde breedte als het grid */
.se-design .astra-advanced-hook-201 { max-width: var(--se-wrap); margin: 48px auto 0; padding: 0 24px; box-sizing: border-box; }
.se-design .astra-advanced-hook-201 .wp-block-columns { margin-bottom: 0; }
@media (max-width: 720px) { .se-design .astra-advanced-hook-201 { padding: 0 20px; } }

/* 0.4.6 eBooks in zijbalk/smalle kolommen */
.se-ebook .se-ebook__btn { white-space: nowrap; width: auto; writing-mode: horizontal-tb; padding: 10px 16px; font-size: 14px; line-height: 1.2; }
.se-design #secondary .se-ebooks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.se-design #secondary .se-ebook__title { font-size: 14px; line-height: 1.35; margin: 0; overflow-wrap: break-word; word-break: normal; hyphens: auto; }
.se-design #secondary .se-ebook__price { margin: 0; }
.se-design #secondary .se-ebook__btn { align-self: stretch; }

/* 0.5.0: eigen nieuwsbriefformulier (nieuwsbrief-direct) */
.se-news__native { display: flex; gap: 10px; flex-wrap: wrap; align-items: stretch; }
.se-news__native input[type="email"] { flex: 1 1 220px; min-width: 0; }
.se-news__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }