:root {
  --theme-accent: #ba0707;
  --theme-accent-contrast: #fff;
  --theme-subscribe: #d4a84b;
  --theme-subscribe-text: #1a1a1a;
  --theme-login-bg: rgba(0, 0, 0, 0.28);
  --wa112-home-radius: 10px;
  --wa112-home-meta: #6b6b6b;
  --wa112-home-title: #1a1a1a;
  --wa112-home-surface: #fff;
  --wa112-home-border: #e8e6e3;
  --wa112-home-page-bg: #f5f5f5;
}

html {
  margin: 0;
  padding: 0;
  overflow-x: clip;
}
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  width: 100%;
  background-color: var(--wa112-home-page-bg);
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.clearfix {
  clear: left;
}
body.menu-open,
body:has(.sidenav-toggle-input:checked) {
  overflow: hidden;
}
.sidenav-toggle-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.site-main {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
.home-template .page-content {
  padding-top: 1px;
  position: relative;
}
.page-content {
  padding-top: 20px;
  padding-bottom: 30px;
}
.page-content .spotlight-news {
  margin-bottom: 30px;
}
.site-top .site-logo {
  margin-right: auto;
  padding: 8px 10px;
}
.site-top .site-logo .logo,
.site-top .site-logo .logo-sm {
  display: block;
  width: auto;
  height: 36px;
  max-width: 210px;
  object-fit: contain;
}
.site-top {
  padding-bottom: 8px;
  border-bottom: 1px solid #e1e0e0;
  background: #fff;
}
.site-utilbar {
  background: #fff;
  border-top: 2px solid #e7eef6;
}
.site-utilbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 26px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.site-utilbar__inner:before,
.site-utilbar__inner:after {
  display: none;
  content: none;
}
.site-utilbar__nav {
  min-width: 0;
}
.site-utilbar__list {
  display: flex;
  align-items: center;
  gap: 0.95rem;
  margin: 0;
  padding: 0 10px;
  list-style: none;
}
.site-utilbar__list--end {
  justify-content: flex-end;
}
.site-utilbar__list a {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: #6e6e6e;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
}
.site-utilbar__list a i {
  font-size: 10px;
  width: 1em;
  text-align: center;
}
.site-utilbar__list a:hover,
.site-utilbar__list a:focus,
.site-utilbar__list a[aria-current="page"] {
  color: var(--theme-accent);
  text-decoration: none;
}
.site-top .current-info {
  margin-top: -27px !important;
  order: 1;
  float: right;
  margin: 30px 10px 0 0;
  padding: 0;
  list-style: none;
  line-height: 1.7em;
}
.site-top .current-info .info-item {
  font-size: 1.2em;
  color: #ababab;
}
.site-top .current-info .info-item a {
  color: #6e6e6e;
}
.site-top .current-info .info-item a:focus,
.site-top .current-info .info-item a:hover {
  color: var(--theme-accent);
  text-decoration: none;
}
a.mainnav-search-toggle {
  color: #fff;
}
.site-top .current-info .info-item i {
  margin-right: 5px;
  font-size: 1.1em;
}

/* SSO account actions in header (plugin markup) */
.site-top .current-info .jmg-sso-info-item {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  color: inherit;
}
.site-top .current-info .jmg-sso-info-item a.jmg-sso-btn {
  color: inherit;
}
.site-top .current-info .jmg-sso-info-item a.jmg-sso-btn:hover,
.site-top .current-info .jmg-sso-info-item a.jmg-sso-btn:focus {
  text-decoration: none;
}
.site-top .current-info .jmg-sso-actions--header {
  margin-top: -4px;
}
/* Desktop: account actions sit right in the white logo row (not in the red province bar). */
@media (min-width: 992px) {
  .site-top__brand {
    display: flex;
    align-items: center;
    min-height: 74px; /* same logo-row height as the previous float layout */
  }
  .site-top .current-info {
    display: flex;
    align-items: center;
    float: none;
    margin: 0 0 0 auto !important;
  }
}
@media (min-width: 1200px) {
  .site-top__brand {
    min-height: 76px;
  }
}
@media (max-width: 991px) {
  .site-top .current-info {
    display: flex;
    align-items: center;
    gap: 4px;
    float: none;
    margin: 0 !important;
  }
  .site-top .current-info .jmg-sso-info-item {
    line-height: 1;
  }
}

.wrapper-mainnav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%;
  height: 54px;
  background-color: var(--theme-accent);
  border-bottom: solid #e1e0e0;
  border-width: 0;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
body.admin-bar .wrapper-mainnav {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar .wrapper-mainnav {
    top: 46px;
  }
}
/* Legacy Affix-classes: blijf sticky i.p.v. fixed (geen Affix-JS meer) */
.wrapper-mainnav.affix,
.wrapper-mainnav.affix-top,
.wrapper-mainnav.affix-bottom {
  position: -webkit-sticky;
  position: sticky;
}
.wrapper-mainnav.affix + * {
  margin-top: 0;
}
.site-mainnav {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
}
.mainnav-actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  margin-left: auto;
  padding-left: 8px;
}
.mainnav-search-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-size: 1.15em;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
}
.mainnav-search-toggle:hover,
.mainnav-search-toggle:focus,
.mainnav-search-toggle[aria-expanded="true"] {
  outline: none;
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
  text-decoration: none;
}
.jmg-sso-mainnav-wrap {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.mainnav-search-panel {
  display: none;
  width: 100%;
  background: rgba(0, 0, 0, 0.18);
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.wrapper-mainnav.is-search-open .mainnav-search-panel,
.mainnav-search-panel.is-open {
  display: block;
}
.mainnav-search-panel[hidden] {
  display: none !important;
}
.mainnav-search-panel__form {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mainnav-search-panel__input,
.mainnav-search-panel #search-criteria {
  flex: 1 1 auto;
  width: auto !important;
  max-width: none;
  height: 40px !important;
  margin: 0;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  background: #fff !important;
  color: #222 !important;
  padding: 0 14px !important;
}
.mainnav-search-panel__input::placeholder {
  color: #888;
  font-style: italic;
}
.mainnav-search-panel__submit {
  flex: 0 0 auto;
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  font-weight: 700;
}
.mainnav-search-panel__submit:hover,
.mainnav-search-panel__submit:focus {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 991px) {
  .jmg-sso-mainnav-wrap {
    display: none;
  }
}
.mainnav-scroll-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
.mainnav-scroll-wrap::before,
.mainnav-scroll-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.mainnav-scroll-wrap::before {
  left: 0;
  background: linear-gradient(to right, var(--theme-accent) 15%, transparent);
}
.mainnav-scroll-wrap::after {
  right: 0;
  background: linear-gradient(to left, var(--theme-accent) 15%, transparent);
}
.mainnav-scroll-wrap.has-scroll-left::before,
.mainnav-scroll-wrap.has-scroll-right::after {
  opacity: 1;
}
.mainnav-scroll-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.mainnav-scroll-btn:hover,
.mainnav-scroll-btn:focus {
  background: rgba(0, 0, 0, 0.45);
  outline: none;
}
.mainnav-scroll-btn--left {
  left: 6px;
}
.mainnav-scroll-btn--right {
  right: 6px;
}
.mainnav-scroll-btn[hidden] {
  display: none !important;
}
.mainnav {
  position: static;
  padding: 0;
  margin: 0;
  float: none;
  max-height: 54px;
  max-width: none;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: default;
}
.mainnav.is-scrollable {
  cursor: grab;
}
.mainnav::-webkit-scrollbar {
  display: none;
}
.mainnav.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.mainnav.is-dragging a {
  pointer-events: none;
}
.mainnav [placeholder],
.mainnav input[placeholder] {
  color: #fff !important;
}
.mainnav .mainnav-item {
  position: relative;
  display: inline-block;
  line-height: 53px;
  margin-right: -0.25em;
}
.mainnav .mainnav-item a {
  text-decoration: none;
  padding-left: 5px;
  padding-right: 15px;
  color: #fff;
  font-weight: 700;
  display: block;
  position: relative;
  overflow-x: hidden;
  transition: 0.25s ease all;
  padding: 0 10px;
}
.mainnav .mainnav-item a:focus,
.mainnav .mainnav-item a:hover {
  color: #fff;
  text-decoration: none;
}
.mainnav .mainnav-item a.active:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  background: #fff;
  height: 2px;
  width: 100%;
}
.mainnav .mainnav-item a:after {
  content: " ";
  position: absolute;
  display: block;
  bottom: 0;
  left: -100%;
  height: 5px;
  width: 100%;
  background: #fff;
  transition: 0.5s ease all;
}
.mainnav .mainnav-item a:hover:after {
  left: 0;
}
.mainnav .mainnav-item a:hover:after {
  opacity: 1;
}
.mainnav .mainnav-item:first-child a {
  margin-left: 0;
}
.search-wrapper .mainnav-search {
  float: none;
}
.search-wrapper {
  padding-right: 0;
  float: none;
  flex: 0 0 auto;
  align-self: center;
}
.search-wrapper .form-group {
  float: right;
  margin: 0;
}
.search-wrapper .input-group-btn {
  position: absolute;
  top: 4px;
  left: 1px;
  z-index: 10;
}
.search-wrapper .btn-search {
  color: #fff;
  background-color: transparent;
  padding: 11px 15px;
}

/* Legacy inline desktop search field (pre-panel) — hide if still present */
.site-mainnav > .search-wrapper {
  display: none !important;
}
.mainnav .mainnav-item a.active:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  background: #fff;
  height: 2px;
  width: 100%;
}
#mo-search-criteria,
#search-criteria {
  height: 55px;
  width: 200px;
  padding: 0 20px 0 40px;
  box-shadow: none;
  border-radius: 0;
  border: none;
  border-left: 1px solid #e1e0e0;
  border-right: 1px solid #e1e0e0;
  background-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
#mo-search-criteria,
#search-criteria::-webkit-input-placeholder {
  color: #fff;
  font-style: italic;
}
#mo-search-criteria,
#search-criteria::-moz-placeholder {
  color: #fff;
  font-style: italic;
}
#mo-search-criteria,
#search-criteria:-ms-input-placeholder {
  color: #fff;
  font-style: italic;
}
#search-criteria {
  width: 206px;
  background: rgba(255, 255, 255, 0.5);
  border: none;
}
.mo-search .input-group-btn {
  font-size: 1em;
}
.mo-search .btn-default {
  display: inline-block;
  padding: 12px 16px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9em;
  background: var(--theme-accent);
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
.spotlight img {
  border-radius: 4px;
}
.spotlight .spotlight-news {
  padding-top: 10px;
}
.spotlight-item {
  position: relative;
}
.spotlight-item.lg {
  padding: 0;
}
.spotlight-item.lg figure figcaption .item-title {
  font-size: 2em;
  font-weight: 600;
  margin: 0 0 20px 0;
  bottom: -10px;
  text-shadow: 2px 2px 8px #000;
}
.spotlight-item.lg figcaption .block-subtitle,
.spotlight-item.lg figcaption .block-title,
.spotlight-item.xlg figcaption .block-subtitle,
.spotlight-item.xlg figcaption .block-title {
  position: relative;
  bottom: -14px;
}
.spotlight-item.lg figcaption .block-title,
.spotlight-item.xlg figcaption .block-title {
  margin-bottom: 0;
}
.spotlight-item.xlg {
  float: none;
  margin: 0;
}
.spotlight-item.xlg figcaption {
  bottom: 0;
}
.spotlight-item.xlg figcaption .block-subtitle,
.spotlight-item.xlg figcaption .block-title {
  bottom: 0;
}
.spotlight-item.xlg figure {
  max-height: 500px;
  overflow: hidden;
}
.spotlight-item figure {
  position: relative;
  cursor: pointer;
}

/* Jetpack Shit */
h4.jp-relatedposts-post-title{
  background-color: transparent!important;
}

/* .spotlight-item figure:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 20%;
  -webkit-transition: height 0.2s ease-in;
  -moz-transition: height 0.2s ease-in;
  -o-transition: height 0.2s ease-in;
  -ms-transition: height 0.2s ease-in;
  transition: height 0.2s ease-in;

  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.5) 80%
  );
  background: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.5) 80%
  );
  background: -ms-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.5) 80%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.5) 80%
  );
  z-index: 2;
  border-radius: 10px;
} */
.spotlight-item figure a {
  display: block;
}
.spotlight-item figure figcaption {
  width: 100%;
  position: absolute;
  padding: 0 20px;
  bottom: 0;
}
.spotlight-item figure figcaption .item-title {
  color: #fff;
  text-shadow: 2px 2px 8px #000;
}
.spotlight-item figure figcaption .item-subtitle {
  text-transform: uppercase;
  font-size: 0.95em;
  color: #fff;
  padding-bottom: 0;
}
.spotlight-item figure figcaption a,
.spotlight-item figure figcaption p {
  color: #fff;
}
.spotlight-item figure figcaption a:hover {
  text-decoration: none;
}
.spotlight-item figcaption > * {
  z-index: 2;
  position: relative;
}
.spotlight-item .spotlight-image {
  width: 100%;
  height: 500px;
  border-radius: 4px;
  vertical-align: middle;
}

.spotlight-item .spotlight-image .spotlight-image-background {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .background-item{
 background-size: contain, cover!important; 
}

*/
.spotlight-item .spotlight-image-small {
  width: 100%;
  height: 17.1em;
  border-radius: 4px;
  vertical-align: middle;
}

.spotlight-item .spotlight-image-small .spotlight-image-small-background {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.image_figcaption {
  font-size: 1em;
  color: #666;
  width: 100%;
  margin: 0.5em auto 0;
}

.image_description {
  text-align: left;
  display: block;
  line-height: 1.43em;
}

.image_copyright {
  text-align: left;
  display: block;
  line-height: 1.43em;
  color: hsla(0, 0%, 40%, 0.5);
}

.item-type-lg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  font-size: 20px;
  padding: 18px 19px;
  line-height: 1em;
  color: #fff;
  background: var(--theme-accent);
}
.item-type-md {
  position: absolute;
  z-index: 4;
  font-size: 20px;
  padding: 12px 13px;
  line-height: 1em;
  color: #fff;
  background: var(--theme-accent);
}
.item-type-sm {
  position: absolute;
  z-index: 4;
  font-size: 15px;
  padding: 12px 13px;
  line-height: 1em;
  color: #fff;
  background: var(--theme-accent);
}
.blocks {
  margin-top: 10px;
}
.page-content {
  padding-top: 20px;
  padding-bottom: 30px;
}
.blocks {
  margin-right: auto;
}
.block img {
  border-radius: 3px;
}
.block a {
  display: block;
  margin: 6px 0;
}
.block a:hover {
  text-decoration: none;
}
.block a figure .image-box img {
  display: inline-block;
  overflow: hidden;
  width: 100%;
}
.block a:hover .block-title {
  color: var(--theme-accent) !important;
}
.block a figure {
  position: relative;
  display: flex;
  align-items: center;
}
.block a figure .image-box {
  position: relative;
}
@media (max-width: 767px) {
  .block a figure .image-box .item-type {
    font-size: 1em;
    padding: 5px;
    line-height: 1em;
    margin: 0;
  }
}
.block a figure figcaption {
  display: flex;
  flex-grow: 1;
  padding-left: 10px;
  color: #333;
  flex-flow: column;
}
.block a figure figcaption .block-meta {
  line-height: 1em;
}
.block a figure figcaption .block-meta .block-pubdate,
.block a figure figcaption .block-meta .news-pubdate {
  text-transform: uppercase;
  color: #595959;
  font-size: 0.7em;
  font-weight: 700;
}
.block a figure figcaption .block-meta .block-pubdate-datetime {
  display: none;
}
.block a figure figcaption .block-title {
  font-size: smaller;
  margin: 0;
  color: #333;
}
.block a figure figcaption .block-lead {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.block a figure figcaption .comment-count {
  display: none;
  float: right;
  font-size: 0.75em;
  color: #757575;
}
.block a figure figcaption .comment-count:before {
  font-size: 1.4em;
  color: #dddcdc;
  vertical-align: bottom;
  margin-right: 2px;
}
.block.block-highlight .block-title,
.block.block-highlight a:hover .block-title {
  color: #333;
}
.block.block-highlight a {
  background-color: transparent;
}
.block.block-highlight a figure figcaption {
  color: #333;
  padding: 0 0 !important;
}
.block.block-highlight a figure figcaption .block-pubdate {
  color: #b3b3b3;
}
.block a figure figcaption .block-meta-mobile {
  display: none !important;
}
.block-title-mobile {
  display: none;
}
.blocks-sidebar {
  margin: 12px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 0;
  list-style: none;
}

.blocks-sidebar .sidebar-block.sidebar-widget {
  overflow: hidden;
  margin-bottom: 0;
}

.blocks-sidebar
  .sidebar-block.sidebar-widget
  .vendor-placeholder
  div:first-child {
  text-align: left;
}

.blocks-sidebar .sidebar-block.sidebar-widget div:first-child {
  text-align: center;
  margin: 0 auto;
}

.blocks-sidebar p {
  font-size: 0.95rem;
  line-height: 1.45;
  color: #222;
}

/* Unified sidebar card */
.blocks-sidebar .news-block,
.site-sidebar .news-block {
  overflow: hidden;
  margin-bottom: 0;
  text-align: left;
  background: var(--wa112-home-surface);
  border: 1px solid var(--wa112-home-border);
  border-radius: var(--wa112-home-radius);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  padding: 0;
  box-sizing: border-box;
}

.blocks-sidebar .news-block .newsitem {
  overflow: hidden;
  padding: 8px 0;
  cursor: pointer;
  border-bottom: 1px solid #eceae7;
}

.blocks-sidebar .news-block .newsitem:hover {
  background: #f7f5f2;
}

.blocks-sidebar .news-block .newsitem .item-image {
  width: 25%;
  float: left;
  position: relative;
}

.blocks-sidebar .news-block .newsitem .item-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.blocks-sidebar .news-block .newsitem figcaption {
  width: 75%;
  float: left;
  padding-left: 10px;
}

.blocks-sidebar .news-block .newsitem figcaption a {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wa112-home-title);
  display: block;
  line-height: 1.35;
}

.blocks-sidebar .news-block .newsitem figcaption a:hover {
  color: var(--theme-accent);
  text-decoration: none;
}

.blocks-sidebar .news-block ul.newsitems li figure {
  position: relative;
}

.blocks-sidebar .news-block ul.newsitems li figure:after {
  content: "";
  display: block;
  clear: both;
}

.blocks-sidebar .news-block ul.newsitems li:hover {
  background: #f7f5f2;
}

.blocks-sidebar .news-block ul.newsitems li .item-image {
  width: 25%;
  float: left;
  position: relative;
}

.blocks-sidebar .news-block ul.newsitems li .item-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.blocks-sidebar .news-block ul.newsitems li .item-type {
  padding: 5px;
  font-size: 0.6em;
  top: 8px;
}

.blocks-sidebar .news-block ul.newsitems li figcaption {
  width: 75%;
  float: left;
  padding-left: 10px;
  font-size: 0.95rem;
  color: var(--wa112-home-title);
  margin-top: 0;
  line-height: 1.35;
  height: auto;
  min-height: 72px;
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 700;
}

/* Sidebar title — secondary to feed headings */
.sidebar-block h2.sidebar-block__title,
.sidebar-block h3.sidebar-block__title,
.sidebar-block h4,
.sidebar-block__title {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--wa112-home-title);
  text-transform: none;
  letter-spacing: 0.01em;
  background-color: transparent;
  height: auto;
  line-height: 1.25;
  margin: 0;
  padding: 1rem 1.05rem 0.7rem;
  text-align: left;
  border-bottom: 2px solid var(--theme-accent);
}

.site-sidebar {
  padding-top: 0.35rem;
}

.site-sidebar .site-sidebar__item {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Default text / list content */
.site-sidebar .news-block > p,
.site-sidebar .news-block > ul:not(.sidebar-list),
.site-sidebar .news-block > ol {
  margin: 0;
  padding: 0.85rem 1.05rem 1rem;
  font-size: 0.95rem;
  line-height: 1.45;
  color: #222;
  text-align: left;
  list-style: none;
}

.site-sidebar .news-block > ul:not(.sidebar-list) li,
.site-sidebar .news-block > ol li {
  margin: 0;
  padding: 0;
  font-size: 0.95rem;
  line-height: 1.35;
  border-bottom: 1px solid #eceae7;
}

.site-sidebar .news-block > ul:not(.sidebar-list) li:last-child,
.site-sidebar .news-block > ol li:last-child {
  border-bottom: 0;
}

/* Scoped list-link treatment (not every <a>) */
.site-sidebar .news-block > ul:not(.sidebar-list) > li > a,
.site-sidebar .news-block > ol > li > a {
  display: block;
  line-height: inherit;
  color: var(--wa112-home-title);
  font-size: inherit;
  font-weight: 600;
  text-decoration: none;
  padding: 0.7rem 0;
  border-radius: 6px;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.site-sidebar .news-block > ul:not(.sidebar-list) > li > a:hover,
.site-sidebar .news-block > ul:not(.sidebar-list) > li > a:focus,
.site-sidebar .news-block > ol > li > a:hover,
.site-sidebar .news-block > ol > li > a:focus {
  color: var(--theme-accent);
  background: #f7f5f2;
  text-decoration: none;
}

.site-sidebar .news-block > p a {
  color: var(--theme-accent);
  font-weight: 600;
  text-decoration: none;
}

.site-sidebar .news-block > p a:hover,
.site-sidebar .news-block > p a:focus {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Banner ads: edge-to-edge image links */
.site-sidebar .news-block > a:not(.sidebar-list__more),
.site-sidebar .news-block > a:has(> img):not(.sidebar-list__more),
.site-sidebar .news-block > p:has(> a > img),
.site-sidebar .news-block > div:has(> a > img):not(.rpwwt-widget):not([id^="rpwwt-"]):not(.sidebar-list) {
  display: block;
  line-height: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
}

.site-sidebar .news-block > a:not(.sidebar-list__more):hover,
.site-sidebar .news-block > a:not(.sidebar-list__more):focus,
.site-sidebar .news-block > a:has(> img):not(.sidebar-list__more):hover,
.site-sidebar .news-block > a:has(> img):not(.sidebar-list__more):focus {
  background: transparent;
}

/* Advertisement variant */
.site-sidebar .news-block.sidebar-block--ad .sidebar-block__title {
  display: none;
}

.site-sidebar .news-block.sidebar-block--ad::before {
  content: "Advertentie";
  display: block;
  width: 100%;
  padding: 0.55rem 0.75rem 0.35rem;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  color: #9a9a9a;
  box-sizing: border-box;
}

.site-sidebar .news-block.sidebar-block--ad {
  background: #f7f6f4;
  border-color: var(--wa112-home-border);
  box-shadow: none;
}

/* Shared sidebar article list */
.sidebar-list {
  margin: 0 !important;
  padding: 0.25rem 0.65rem 0.55rem !important;
  list-style: none !important;
}

.sidebar-list__item {
  margin: 0 !important;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #eceae7;
}

.sidebar-list__item:last-child {
  border-bottom: 0;
}

.sidebar-list__link {
  display: flex !important;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 0.85rem 0.4rem !important;
  margin: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  font-weight: inherit !important;
  border-radius: 6px;
  background: transparent !important;
  transition: background-color 0.15s ease;
}

.sidebar-list__link:hover,
.sidebar-list__link:focus {
  color: inherit !important;
  text-decoration: none !important;
  background: #f7f5f2 !important;
}

.sidebar-list__link:focus-visible {
  outline: 2px solid var(--theme-accent);
  outline-offset: 2px;
}

.sidebar-list__thumb {
  flex: 0 0 110px;
  width: 110px;
  height: 82px;
  border-radius: 8px;
  overflow: hidden;
  background: #e9e7e4;
}

.sidebar-list__img,
.sidebar-list__placeholder {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.sidebar-list__placeholder {
  background: linear-gradient(135deg, #e8e6e3, #d5d2cd);
}

.sidebar-list__text {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  min-width: 0;
  flex: 1 1 auto;
  padding-top: 0.05rem;
}

.sidebar-list__cat {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--theme-accent);
  line-height: 1.2;
}

.sidebar-list__title {
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.35;
  color: var(--wa112-home-title);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  transition: color 0.15s ease;
}

.sidebar-list__link:hover .sidebar-list__title,
.sidebar-list__link:focus .sidebar-list__title {
  color: var(--theme-accent);
}

.sidebar-list__time {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--wa112-home-meta);
}

/* Time-first text list (Laatste berichten) */
.sidebar-list--text {
  padding: 0.15rem 1.05rem 0.35rem !important;
}

.sidebar-list__link--text {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 0.75rem 0 !important;
}

.sidebar-list__link--text .sidebar-list__time {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--wa112-home-meta);
}

.sidebar-list__link--text .sidebar-list__title {
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
  -webkit-line-clamp: 3;
}

.sidebar-list__more {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0.55rem 1.05rem 0.95rem;
  border: 0;
  background: transparent;
  color: var(--wa112-home-meta);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  transition: color 0.15s ease;
}

.sidebar-list__more:hover,
.sidebar-list__more:focus {
  color: var(--theme-accent);
  background: transparent;
  text-decoration: none !important;
}

.sidebar-list__more:focus-visible {
  outline: 2px solid var(--theme-accent);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Open editorial / utility / promo modules — no default card chrome
 *
 * Container types:
 * A Flat editorial — --timeline, --media (+ future --ranked)
 * C Promo panel    — --promo
 * D Utility        — --utility
 * E Commercial     — --ad (keeps muted panel surface below)
 */
.sidebar-block.sidebar-block--timeline,
.sidebar-block.sidebar-block--utility,
.sidebar-block.sidebar-block--media,
.sidebar-block.sidebar-block--promo,
.site-sidebar .news-block.sidebar-block--timeline,
.site-sidebar .news-block.sidebar-block--utility,
.site-sidebar .news-block.sidebar-block--media,
.site-sidebar .news-block.sidebar-block--promo,
.wa112-latest-posts-widget,
.wa112-recommended-widget,
.wa112-newsletter-widget,
.sidebar-block.wa112-latest-posts-widget,
.sidebar-block.wa112-recommended-widget,
.sidebar-block.wa112-newsletter-widget,
.site-sidebar .news-block.wa112-latest-posts-widget,
.site-sidebar .news-block.wa112-recommended-widget,
.site-sidebar .news-block.wa112-newsletter-widget {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

/* Hide WP title for timeline (module head), search (utility), and promo (internal title) */
.sidebar-block--timeline > .sidebar-block__title,
.sidebar-block--utility > .sidebar-block__title,
.sidebar-block--promo > .sidebar-block__title,
.site-sidebar .news-block.sidebar-block--timeline > .sidebar-block__title,
.site-sidebar .news-block.sidebar-block--utility > .sidebar-block__title,
.site-sidebar .news-block.sidebar-block--promo > .sidebar-block__title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Soften recommended title — short accent, not full-bleed bar */
.sidebar-block--media > .sidebar-block__title,
.site-sidebar .news-block.sidebar-block--media > .sidebar-block__title {
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.25;
  padding: 0 0 0.6rem;
  margin: 0 0 0.25rem;
  border-bottom: 0;
  position: relative;
}

.sidebar-block--media > .sidebar-block__title::after,
.site-sidebar .news-block.sidebar-block--media > .sidebar-block__title::after {
  content: "";
  display: block;
  width: 2.75rem;
  height: 4px;
  margin-top: 0.5rem;
  background: var(--theme-accent);
  border-radius: 1px;
}

/* Module head (timeline / editorial) */
.sidebar-module__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 0 1.1rem;
  padding: 0;
}

.sidebar-module__title-wrap {
  display: block;
  min-width: 0;
}

.sidebar-module__title {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.01em;
  color: var(--wa112-home-title);
  position: relative;
  padding-bottom: 0.5rem;
}

.sidebar-module__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.75rem;
  height: 4px;
  background: var(--theme-accent);
  border-radius: 1px;
}

.sidebar-list__more--timeline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin-top: 1.35rem;
  padding: 0.95rem 1.15rem;
  background: var(--theme-accent);
  color: var(--theme-accent-contrast, #fff);
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
  border-radius: 4px;
}

.sidebar-list__more--timeline:hover,
.sidebar-list__more--timeline:focus {
  color: var(--theme-accent-contrast, #fff);
  background: color-mix(in srgb, var(--theme-accent) 82%, #000);
  text-decoration: none !important;
}

/* Editorial timeline */
.sidebar-list--timeline {
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
}

.sidebar-list__item--timeline {
  border-bottom: 0 !important;
  margin: 0 !important;
  padding: 0;
}

.sidebar-list__link--timeline {
  display: flex !important;
  align-items: stretch;
  gap: 1rem;
  padding: 0 0 1.35rem !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0;
}

.sidebar-list__item--timeline:last-child .sidebar-list__link--timeline {
  padding-bottom: 0 !important;
}

.sidebar-list__link--timeline:hover,
.sidebar-list__link--timeline:focus {
  background: transparent !important;
}

.sidebar-list__rail {
  position: relative;
  flex: 0 0 14px;
  width: 14px;
  display: flex;
  justify-content: center;
}

.sidebar-list__rail::before {
  content: "";
  position: absolute;
  top: 0.65rem;
  bottom: -1.35rem;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  background: #c8c4be;
}

.sidebar-list__item--timeline:last-child .sidebar-list__rail::before {
  display: none;
}

.sidebar-list__dot {
  position: relative;
  z-index: 1;
  display: block;
  width: 11px;
  height: 11px;
  margin-top: 0.45rem;
  border-radius: 50%;
  background: #1a1a1a;
  box-shadow: 0 0 0 4px var(--wa112-home-page-bg, #f5f5f5);
  flex-shrink: 0;
}

.sidebar-list__item--timeline.is-latest .sidebar-list__dot {
  background: var(--theme-accent);
  width: 13px;
  height: 13px;
}

.sidebar-list__body {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  flex: 1 1 auto;
  padding-top: 0.05rem;
}

.sidebar-list__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.25;
  color: var(--wa112-home-meta);
}

.sidebar-list__status {
  color: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

.sidebar-list__item--timeline.is-latest .sidebar-list__status {
  color: var(--theme-accent);
}

.sidebar-list__sep {
  color: #b0aaa3;
  font-weight: 500;
}

.sidebar-list__link--timeline .sidebar-list__cat {
  color: var(--wa112-home-meta);
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}

.sidebar-list__link--timeline .sidebar-list__title {
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.35;
  -webkit-line-clamp: 3;
}

.sidebar-list__item--timeline.is-latest .sidebar-list__title {
  color: var(--theme-accent);
}

.sidebar-list__link--timeline:hover .sidebar-list__title,
.sidebar-list__link--timeline:focus .sidebar-list__title {
  color: var(--theme-accent);
}

/* Media list on open chrome — light dividers only */
.sidebar-block--media .sidebar-list {
  padding: 0.15rem 0 0 !important;
}

.sidebar-block--media .sidebar-list__item {
  border-bottom-color: #e8e6e3;
}

.sidebar-block--media .sidebar-list__link {
  gap: 1rem;
  padding: 1rem 0 !important;
}

.sidebar-block--media .sidebar-list__link:hover,
.sidebar-block--media .sidebar-list__link:focus {
  background: transparent !important;
}

.sidebar-block--media .sidebar-list__title {
  font-size: 1.1rem;
  font-weight: 800;
}

/* Sidebar search form */
.site-sidebar .wa112-searchform,
.site-sidebar .searchform,
.blocks-sidebar .wa112-searchform,
.blocks-sidebar .searchform {
  margin: 0;
  padding: 0.85rem 1.05rem 1rem;
  text-align: left;
  box-sizing: border-box;
}

/* Compact utility search — no card padding */
.sidebar-block--utility .wa112-searchform,
.sidebar-block--utility .searchform,
.site-sidebar .sidebar-block--utility .wa112-searchform,
.site-sidebar .sidebar-block--utility .searchform {
  padding: 0;
}

.sidebar-block--utility .wa112-searchform__input,
.site-sidebar .sidebar-block--utility .searchform input[type="text"],
.site-sidebar .sidebar-block--utility .searchform input[type="search"] {
  padding: 0.55rem 0.75rem;
  font-size: 0.875rem;
  background: #fff;
  border-color: #ddd9d4;
}

.sidebar-block--utility .wa112-searchform__submit,
.site-sidebar .sidebar-block--utility .searchform input[type="submit"] {
  padding: 0.55rem 0.7rem;
}

.sidebar-block--utility .wa112-searchform__submit-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.wa112-searchform__row,
.site-sidebar .searchform > div {
  display: flex;
  align-items: stretch;
  gap: 0.45rem;
  width: 100%;
}

.wa112-searchform__input,
.site-sidebar .searchform input[type="text"],
.site-sidebar .searchform input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 0.65rem 0.85rem;
  border: 1px solid #ddd9d4;
  border-radius: 8px;
  background: #faf9f7;
  color: #1a1a1a;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
  height: auto;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.wa112-searchform__input::placeholder {
  color: #8a8580;
  font-weight: 500;
}

.wa112-searchform__input:hover,
.site-sidebar .searchform input[type="text"]:hover,
.site-sidebar .searchform input[type="search"]:hover {
  border-color: #cfc9c2;
  background: #fff;
}

.wa112-searchform__input:focus,
.site-sidebar .searchform input[type="text"]:focus,
.site-sidebar .searchform input[type="search"]:focus {
  outline: none;
  border-color: var(--theme-accent);
  background: #fff;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-accent) 18%, transparent);
}

.wa112-searchform__submit,
.site-sidebar .searchform input[type="submit"] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0.65rem 0.95rem;
  border: 0;
  border-radius: 8px;
  background: var(--theme-accent);
  color: var(--theme-accent-contrast, #fff);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  cursor: pointer;
  height: auto;
  box-sizing: border-box;
  transition: background-color 0.15s ease, transform 0.15s ease;
}

.wa112-searchform__submit:hover,
.wa112-searchform__submit:focus,
.site-sidebar .searchform input[type="submit"]:hover,
.site-sidebar .searchform input[type="submit"]:focus {
  background: color-mix(in srgb, var(--theme-accent) 88%, #000);
  color: #fff;
}

.wa112-searchform__submit:focus-visible {
  outline: 2px solid var(--theme-accent);
  outline-offset: 2px;
}

.wa112-searchform__icon {
  display: block;
  flex-shrink: 0;
}

@media only screen and (max-width: 1199px) {
  .wa112-searchform__submit-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .wa112-searchform__submit {
    padding: 0.65rem 0.8rem;
  }

  .sidebar-list__thumb {
    flex: 0 0 110px;
    width: 110px;
    height: 82px;
  }
}

.site-sidebar .news-block > p:has(> img),
.site-sidebar .news-block > div:has(> img):not(.rpwwt-widget):not([id^="rpwwt-"]):not(.sidebar-list) {
  padding: 0;
}

.site-sidebar .news-block > iframe,
.site-sidebar .news-block > a > img,
.site-sidebar .news-block > p > img,
.site-sidebar .news-block > p > a > img,
.site-sidebar .news-block > div > a > img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0;
  border: 0;
  border-radius: 0;
}

.site-sidebar .news-block > iframe,
.site-sidebar .news-block .fb-page,
.site-sidebar .news-block .fb_iframe_widget,
.site-sidebar .news-block .fb_iframe_widget span,
.site-sidebar .news-block .fb_iframe_widget iframe {
  max-width: 100% !important;
}

.site-sidebar .news-block .fb_iframe_widget,
.site-sidebar .news-block .fb-page {
  display: block;
  padding: 0 0.65rem 0.75rem;
  line-height: normal;
}

.site-sidebar .news-block > a > img {
  transition: opacity 0.2s ease;
}

.site-sidebar .news-block > a:hover > img {
  opacity: 0.96;
}

/* Recent posts with thumbnails — match sidebar-list metrics */
.site-sidebar .news-block .rpwwt-widget,
.site-sidebar .news-block [id^="rpwwt-"] {
  padding: 0.25rem 0.65rem 0.55rem;
  overflow: hidden;
  text-align: left;
}

.site-sidebar .news-block .rpwwt-widget ul,
.site-sidebar .news-block [id^="rpwwt-"] ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-sidebar .news-block .rpwwt-widget ul li,
.site-sidebar .news-block [id^="rpwwt-"] ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  margin: 0 !important;
  padding: 0.85rem 0.4rem;
  overflow: hidden;
  clear: both;
  border-bottom: 1px solid #eceae7;
}

.site-sidebar .news-block .rpwwt-widget ul li:last-child,
.site-sidebar .news-block [id^="rpwwt-"] ul li:last-child {
  border-bottom: 0;
}

.site-sidebar .news-block .rpwwt-widget ul li::after,
.site-sidebar .news-block [id^="rpwwt-"] ul li::after {
  content: none;
}

.site-sidebar .news-block .rpwwt-widget img,
.site-sidebar .news-block [id^="rpwwt-"] img,
#rpwwt-recent-posts-widget-with-thumbnails-2 img {
  float: none !important;
  display: block;
  flex: 0 0 96px;
  width: 96px !important;
  max-width: 96px !important;
  height: 72px !important;
  object-fit: cover;
  margin: 0 !important;
  border-radius: 8px;
}

.site-sidebar .news-block .rpwwt-widget .rpwwt-post-title,
.site-sidebar .news-block [id^="rpwwt-"] .rpwwt-post-title,
.site-sidebar .news-block span.rpwwt-post-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 !important;
  font-size: 0.95rem;
  line-height: 1.35;
  font-weight: 700;
  color: var(--wa112-home-title);
}

.site-sidebar .news-block .rpwwt-widget a,
.site-sidebar .news-block [id^="rpwwt-"] a {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  width: 100%;
  color: inherit;
  text-decoration: none;
  line-height: inherit;
  padding: 0;
  background: transparent;
}

.site-sidebar .news-block .rpwwt-widget a:hover .rpwwt-post-title,
.site-sidebar .news-block [id^="rpwwt-"] a:hover .rpwwt-post-title {
  color: var(--theme-accent);
}

@media (min-width: 992px) {
  .wa112-home-layout-2027 .site-sidebar--home,
  .wa112-home-layout-2027 .site-sidebar,
  .home-template--2027 .site-sidebar--home {
    position: sticky;
    top: 70px;
    align-self: flex-start;
  }

  body.admin-bar.wa112-home-layout-2027 .site-sidebar--home,
  body.admin-bar.wa112-home-layout-2027 .site-sidebar,
  body.admin-bar .home-template--2027 .site-sidebar--home {
    top: 102px;
  }
}

/* Below lg: hide ad widgets outside the homepage sidebar */
@media only screen and (max-width: 991px) {
  .site-sidebar:not(.site-sidebar--home) .sidebar-block--ad,
  .site-sidebar:not(.site-sidebar--home) .news-block.sidebar-block--ad {
    display: none !important;
  }
}
.newsitems .newitem {
  padding: 6px 10px 6px 10px;
}
.item-container-ad {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 35px;
}
.item-container-ad-top {
  margin-bottom: 1%;
  margin-top: 3%;
}
.load-items .btn-outline {
  border: 1px solid #dadada;
  background: 0 0;
  color: #666;
}
.load-items .btn {
  display: inline-block;
  padding: 11px 15px;
  font-weight: 700;
  font-size: 0.9em;
}
.load-items .prev a {
  color: #666 !important;
  text-decoration: none;
}
.load-items .next a {
  color: #666 !important;
  text-decoration: none;
}
.back-to-home button {
  padding: 10px;
}
.back-to-home a {
  color: #fff;
  text-decoration: none;
}
.post-navigation {
  clear: both;
  margin: -10px 0 20px;
  overflow: hidden;
}
.post-navigation div {
  display: block;
  width: 245px;
  position: relative;
  font-size: 14px;
  color: #444 !important;
}
.post-previous {
  float: left;
  padding-left: 40px;
}
.post-next {
  float: right;
  text-align: right;
  padding-right: 40px;
}
.post-navigation div span {
  display: block;
  font-size: 80%;
  color: #999;
}
.post-navigation div span:hover {
  text-decoration: none;
}
.post-navigation div a:after {
  position: absolute;
  color: #ccc;
  font-size: 56px;
  margin-top: -11px;
  height: 22px;
  line-height: 22px;
  top: 34%;
}
.post-previous a:after {
  content: "«";
  left: 0;
}
.post-next a:after {
  content: "»";
  right: 0;
}
footer,
.site-footer {
  padding: 0;
  background-color: #f7f7f7;
  color: #222;
}

.footer-partners {
  --wa112-partner-logo-size: 28px;
  background: #ececec;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.75rem 0;
}

.footer-partners__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.55rem 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-partners__item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-partners__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--wa112-partner-logo-size, 28px);
  height: var(--wa112-partner-logo-size, 28px);
  text-decoration: none;
  border-radius: 5px;
  overflow: hidden;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.footer-partners__link:hover,
.footer-partners__link:focus {
  transform: translateY(-1px);
  opacity: 0.92;
  text-decoration: none;
}

.footer-partners__link--static {
  cursor: default;
}

.footer-partners__link img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-footer ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.site-footer a {
  text-decoration: none;
}

/* Main columns */
.footer-main {
  background: #fff;
  padding: 2.75rem 0 1.75rem;
  border-bottom: 1px solid #e8e8e8;
}

.footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr));
  gap: 2rem 2.25rem;
  margin-bottom: 2rem;
}

.footer-col__title {
  margin: 0 0 0.9rem;
  color: #111;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.footer-links a {
  color: #333;
  font-size: 0.92rem;
  line-height: 1.35;
}

.footer-links a:hover,
.footer-links a:focus {
  color: var(--theme-accent);
}

.footer-brand {
  display: inline-block;
  margin-bottom: 0.85rem;
}

.footer-brand__logo {
  display: block;
  max-width: 180px;
  height: auto;
}

.footer-brand--text {
  color: #111;
  font-size: 1.35rem;
  font-weight: 800;
}

.footer-brand__tagline {
  margin: 0 0 1.1rem;
  color: #666;
  font-size: 0.92rem;
  line-height: 1.45;
  max-width: 16rem;
}

.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.footer-social > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  color: #333;
  font-size: 1rem;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.footer-social > a:hover,
.footer-social > a:focus {
  background: var(--theme-accent);
  border-color: var(--theme-accent);
  color: #fff;
}

.footer-copy {
  padding-top: 1.1rem;
  border-top: 0;
  text-align: center;
}

.footer-network {
  margin: 0 0 1.1rem;
  padding: 1.35rem 0 1.15rem;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

.footer-network__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-network__list a {
  color: #222;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.footer-network__list a:hover,
.footer-network__list a:focus {
  color: var(--theme-accent);
}

.footer-network__dash {
  color: #b0b0b0;
  font-weight: 400;
  padding: 0 0.1rem;
}

.footer-network--logos {
  --wa112-partner-logo-size: 28px;
  padding: 0.85rem 0 0.75rem;
}

.footer-network--logos .footer-network__list {
  gap: 0.45rem 0.65rem;
}

.footer-network__logo-item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-network__logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--wa112-partner-logo-size, 28px);
  height: var(--wa112-partner-logo-size, 28px);
  text-decoration: none;
  border-radius: 5px;
  overflow: hidden;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.footer-network__logo-link:hover,
.footer-network__logo-link:focus {
  transform: translateY(-1px);
  opacity: 0.92;
  text-decoration: none;
}

.footer-network__logo-link--static {
  cursor: default;
}

.footer-network__logo-link img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer-copy p {
  margin: 0;
  color: #707070;
  font-size: 0.82rem;
  line-height: 1.5;
}

.footer-copy__sep {
  margin: 0 0.35rem;
}

.footer-copy__mundaro {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25rem;
}

.footer-copy__mundaro img {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: auto;
  opacity: 0.75;
}

.footer-copy__mundaro:hover img {
  opacity: 1;
}

/* Dark bar: ads */
.footer-bar {
  background: #1a1a1a;
  padding: 1.15rem 0 1.25rem;
  color: #fff;
}

.footer-bar__ads {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.15rem 0.35rem;
  text-align: center;
  font-size: 0.88rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-bar a,
.footer-bar .list-inline-item {
  color: #fff !important;
  opacity: 0.85;
}

.footer-bar a:hover,
.footer-bar a:focus {
  opacity: 1;
  text-decoration: none !important;
}

.footer-bar__ads-label {
  font-weight: 700;
  opacity: 1;
  margin-right: 0.2rem;
}

/* Legacy bottom-footer hooks (if used elsewhere) */
.bottom-footer {
  background: #1a1a1a;
  padding: 1em;
  color: #fff;
}

.bottom-footer ul {
  padding: 0;
  list-style: none;
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 0;
}

.bottom-footer ul li a {
  color: #fff !important;
}

@media only screen and (max-width: 991px) {
  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.75rem 1.5rem;
  }

  .footer-col--brand {
    grid-column: 1 / -1;
  }
}

@media only screen and (max-width: 575px) {
  .footer-main {
    padding: 2rem 0 1.4rem;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .footer-col--brand {
    grid-column: auto;
  }

  .footer-bar {
    padding: 1rem 0 1.1rem;
  }

  .footer-bar__ads {
    font-size: 0.8rem;
  }
}

/*  ------  */

.notfound {
  max-width: 767px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
  padding: 15px;
}
.notfound .notfound-404 {
  position: relative;
  height: 220px;
}
.notfound .notfound-404 h1 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 186px;
  font-weight: 200;
  margin: 0;
  background: linear-gradient(130deg, #2987f0, var(--theme-accent));
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  text-transform: uppercase;
}
.notfound h2 {
  text-align: center;
  font-size: 33px;
  font-weight: 200;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 25px;
  letter-spacing: 3px;
}
.notfound p {
  font-size: 16px;
  font-weight: 200;
  margin-top: 0;
  margin-bottom: 25px;
}
.notfound .btn {
  background-color: var(--theme-accent);
  color: #fff;
  font-weight: 200;
  text-decoration: none;
}
.page-content .search-wrapper {
  line-height: 1.65em;
  color: #333;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 1.77778rem;
  padding: 0 1.11111rem;
}
.page-content .search-form {
  line-height: 1.65em;
  color: #333;
  box-sizing: border-box;
  position: relative;
  margin: 1em 0;
}
.page-content .search-form input {
  margin: 0;
  width: 100%;
  padding: 0.55556rem 2.66667rem 0.55556rem 1rem;
  border: 1px solid #e3e3e3;
  line-height: 1rem;
  height: 5rem;
  font-weight: 700;
  padding-right: 11.11111rem;
}
.page-content .search-form button {
  font-size: 100%;
  margin: 0;
  text-transform: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  border-radius: 0;
  background: var(--theme-accent);
  line-height: 1rem;
  color: #fff;
  text-align: center;
  transition: 0.3s;
  width: 11.11111rem;
  height: auto;
  padding: 1rem;
}
.page-content .search-form button span {
  text-transform: none;
  cursor: pointer;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  line-height: 1.25em;
  display: block;
}
.page-content .search-items {
  margin: 0 auto;
  padding-bottom: 2.77778rem;
  width: 100%;
}
.page-content .search-items .search-results {
  line-height: 1.65em;
  margin: 0;
  padding: 0;
}
.page-content .search-items .search-results .search-results-item {
  margin-bottom: 1.77778rem;
  padding: 0 1.11111rem;
  list-style: none;
  border: 0;
}
.page-content .search-items .search-results .search-results-item a {
  opacity: 1;
  color: #333;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  display: block;
}
.page-content .search-items .search-results .search-results-item a:hover {
  color: var(--theme-accent);
}
.page-content
  .search-items
  .search-results
  .search-results-item
  a
  .search-results-content {
  float: left;
  width: 70%;
  padding-right: 1.5rem;
  margin-bottom: 20px;
}
.page-content
  .search-items
  .search-results
  .search-results-item
  a
  .search-results-figure {
  display: block;
  margin: 0;
  position: relative;
  line-height: 0;
  float: left;
  width: 30%;
  margin-bottom: 2rem;
}
.page-content
  .search-items
  .search-results
  .search-results-item
  a
  .search-results-content
  .search-results-title {
  letter-spacing: 0;
  line-height: 1.4em;
  margin: 0;
  font-weight: 700;
}
.page-content .search-items a figure img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.page-content .item .item-title {
  font-weight: 700;
  font-size: 2.5rem;
}
.page-content .item .item-date {
  font-size: 1.1rem;
  color: #969696;
}
.page-content .item .item-content {
  font-size: 1.7rem;
}
.page-content .item .item-content img {
  height: auto;
  width: 100%;
  margin-top: 30px;
}

.item-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-card {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 235px;
  margin-right: 20px;
}

.home-cat-items-head {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}
.view-more-head {
  margin: 0;
  color: var(--theme-accent);
  font-weight: 500;
  line-height: 1.11;
}
.view-more {
  color: #666;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.05rem;
  font-weight: 700;
  line-height: 1.4;
  transition: color 0.3s ease-in-out 0s;
}
@media screen and (min-width: 280px) and (max-width: 319px) {
  .mobile-toggle-container {
    margin-left: -5% !important;
  }
  .site-top .site-logo .logo-sm {
    width: auto !important;
    max-width: 150px;
    padding: 0 !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 539px) {
  .site-top .site-logo .logo-sm {
    width: auto !important;
    max-width: 160px;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 420px) {
  .spotlight-news .spotlight-item.sm .item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    position: relative;
    height: 168px;
  }
  .notfound .notfound-404 h1 {
    font-size: 142px;
  }
  .notfound h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 540px) {
  .page-content
    .search-items
    .search-results
    .search-results-item
    a
    .search-results-content
    .search-results-title {
    font-size: 1.2rem;
  }

  .page-content
    .search-items
    .search-results
    .search-results-item
    a
    .search-results-content
    .search-results-description {
    font-size: 12px;
  }

  .spotlight-item .spotlight-image {
    min-height: 250px;
    max-height: 250px;
  }

  .spotlight-item-small .spotlight-image-small {
    min-height: 150px;
    max-height: 150px;
  }
}

@media screen and (min-width: 540px) and (max-width: 599px) {
  .site-top .site-logo .logo-sm {
    width: auto !important;
    max-width: 168px;
    padding: 0 !important;
  }
  .page-content
    .search-items
    .search-results
    .search-results-item
    a
    .search-results-content
    .search-results-title {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .site-top .site-logo .logo-sm {
    width: auto !important;
    max-width: 168px;
    padding: 0 !important;
  }
  .page-content
    .search-items
    .search-results
    .search-results-item
    a
    .search-results-content
    .search-results-title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .spotlight-news {
    padding: 0;
  }
  .spotlight-news .spotlight-item.lg .item-title {
    font-size: 1.1em;
    margin: 0;
    bottom: 0;
  }
  .spotlight-news .spotlight-item.sm .item-title {
    font-size: 0.9em;
    line-height: 1em;
  }
  .spotlight-item {
    padding: 0;
  }

  .spotlight-item-small .spotlight-image-small {
    height: calc(100% - 3em);
  }
  /* ----------- */

  /* Items in Container */

  .block a figure {
    position: relative;
    display: block;
    align-items: center;
  }
  .block a figure .image-box img {
    width: 100%;
    height: auto;
  }
  .block a figure .image-box {
    text-align: center;
    margin-top: 10px;
  }
  .blocks.blocks-large .block a figure figcaption .block-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .block a figure figcaption .block-lead {
    margin-top: 10px;
  }
  .block-title-mobile {
    display: block !important;
  }
  .block-title-mobile {
    font-size: 18px !important;
    color: var(--theme-accent);
    font-weight: 700;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  article {
    overflow: hidden;
    padding-bottom: 10px;
  }
  .column {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-top: none;
    margin-bottom: 15px;
    overflow: hidden;
  }
  .blocks-sidebar .news-block ul.newsitems li {
    margin: 8px 0;
  }
  .blocks-sidebar .news-block ul.newsitems li figcaption {
    margin: 0 0 0 20px;
    display: flex;
    font-weight: 700;
    position: relative;
    font-size: small;
    margin: 0;
  }
  .item-container-ad {
    margin-bottom: 20px !important;
  }
}
@media only screen and (min-width: 768px) {
  .hide-ads {
    display: none !important;
  }
  .spotlight-item.sm figure {
    min-height: 122px;
    padding-left: 0;
  }
  .spotlight-item {
    padding: 0;
  }
  .spotlight-item.sm h3,
  .spotlight-item.sm h2.item-title {
    font-size: 1.2em;
  }
  .blocks.blocks-large .block {
    margin-bottom: 30px;
  }
  .blocks.blocks-large .block a {
    padding: 0 0 10px 0;
  }
  .blocks.blocks-large .block a figure {
    display: block;
  }
  .blocks.blocks-large .block a figure img {
    width: 220px;
    height: 146.66px;
    object-fit: cover;
  }
  .blocks.blocks-large .block a figure .item-type {
    display: block;
  }
  .blocks.blocks-large .block a figure figcaption {
    display: flex;
    padding-left: 0;
    height: 185px;
  }
  .blocks.blocks-large .block a figure figcaption .block-title {
    font-size: 17px;
    margin: 10px 0 5px 0;
    font-weight: 700;
  }
  .blocks.blocks-large
    .block
    a
    figure
    figcaption
    .block-meta.block-meta-exchange {
    display: block;
  }
  .blocks.blocks-large
    .block
    a
    figure
    figcaption
    .block-meta
    + .comment-count
    + .block-title {
    margin-top: 0;
  }
  .blocks.blocks-large .block a figure figcaption .block-lead {
    display: inherit;
  }
  .blocks.blocks-large .block a figure figcaption .comment-count {
    display: inherit;
  }
  .blocks.blocks-compact a figure figcaption .block-meta,
  .blocks.blocks-large a figure figcaption .block-meta {
    line-height: inherit;
  }
}
@media only screen and (max-width: 991px) {
  .site-top {
    position: sticky;
    top: 0;
    z-index: 10050;
    background-color: #fff;
    border-top: 0;
    padding-bottom: 0;
  }
  .site-utilbar__inner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .site-utilbar__inner::-webkit-scrollbar {
    display: none;
  }
  .site-utilbar__list {
    gap: 0.9rem;
    padding-right: 4px;
    padding-left: 4px;
  }
  .site-utilbar__list a {
    font-size: 11px;
  }
  .site-top__brand {
    display: flex;
    align-items: center;
    min-height: 48px;
    position: relative;
  }
  .site-top .site-logo {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 8px 10px;
  }
  .site-top .site-logo .logo-sm {
    width: auto;
    max-width: 168px;
    max-height: 28px;
    height: 28px;
    object-fit: contain;
    padding: 0;
    display: block !important;
  }
  .mobile-toggle-container {
    display: block !important;
    float: none;
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    line-height: 1;
  }
  .mobile-toggle-container .menu-toggle .icon-bar {
    background: var(--theme-accent);
  }
  .mobile-toggle-container .menu-toggle .icon-bar:nth-child(3):after {
    color: #000;
  }
  .menu-toggle {
    margin-top: 0;
    background: 0 0;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-height: 44px;
    font-size: 28px;
    color: var(--theme-accent);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  #mo-search-criteria,
  #search-criteria {
    color: #666;
  }
  .mo-search .form-group {
    margin: 0;
  }
  .mo-search .input-group {
    width: 100%;
  }
  .mo-search #mo-search-criteria {
    width: 100%;
    float: none;
    background: 0 0;
    padding: 0 20px;
    height: 47px;
    border: none;
    border-top: 1px solid #e1e0e0;
  }
  .mo-search .input-group-btn {
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 10;
    width: initial;
  }
  .mo-search .btn-search {
    font-size: 1.1em;
    width: 50px;
  }
  .mo-search .btn-search:focus,
  .mo-search .btn-search:hover {
    background-color: var(--theme-accent);
  }
  .site-top .current-info {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    margin-bottom: 0;
    padding: 0;
  }
  .site-top .current-info .info-item:last-child {
    margin: 0 0 0 4px;
  }
  .wrapper-mainnav.affix {
    border-top: 2px solid var(--theme-accent);
  }
  .wrapper-mainnav.affix .mainnav-item {
    line-height: 51px;
  }
  .site-mainnav {
    padding: 0;
  }
  #search-criteria {
    color: #666;
  }
  .menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10100;
    margin: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
    transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
  }
  .menu-backdrop.open,
  .sidenav-toggle-input:checked ~ .menu-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .offscreen {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 300px;
    max-width: 85%;
    height: 100%;
    padding-top: 0;
    background-color: #fff;
    line-height: 1.3;
    z-index: 10110;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.14);
  }
  .offscreen.open,
  .sidenav-toggle-input:checked ~ .offscreen {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .sidenav-header {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 56px;
    padding: 8px 12px 8px 16px;
    background: #fff;
    border-top: 2px solid var(--theme-accent);
    border-bottom: 1px solid #e1e0e0;
  }
  .sidenav-logo {
    display: flex;
    align-items: center;
    min-width: 0;
    text-decoration: none;
  }
  .sidenav-logo img {
    display: block;
    max-height: 28px;
    width: auto;
    max-width: 160px;
  }
  .sidenav-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--theme-accent);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
  }
  .sidenav-close:hover,
  .sidenav-close:focus {
    background: #f5f5f5;
    color: var(--theme-accent);
    outline: none;
  }
  .sidenav-close i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .sidenav-account {
    flex: 0 0 auto;
    background: #f5f5f5;
    border-bottom: 1px solid #e1e0e0;
  }
  .sidenav-account-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .sidenav-account .jmg-sso-sidenav-item--actions {
    border-bottom: none !important;
    padding: 0 !important;
    background: transparent;
  }
  .sidenav-account .jmg-sso-actions--sidenav,
  .sidenav-account .jmg-sso-sidenav-item--actions .jmg-sso-actions {
    gap: 8px;
    padding: 14px 16px;
  }
  .sidenav-account .jmg-sso-actions--sidenav .jmg-sso-btn,
  .sidenav-account .jmg-sso-sidenav-item--actions .jmg-sso-btn {
    padding: 10px 14px;
    font-size: 0.85rem;
    border-radius: 2px;
  }
  .sidenav-account .jmg-sso-sidenav-item--actions a.jmg-sso-btn--subscribe {
    padding: 10px 14px !important;
  }
  .sidenav-account .jmg-sso-sidenav-item--email {
    border-bottom: none;
    padding: 12px 16px 4px !important;
    background: transparent;
  }
  .sidenav-account .jmg-sso-sidenav-email {
    font-size: 0.8rem;
    font-weight: 600;
    color: #777;
  }
  .sidenav-account .jmg-sso-sidenav-item:not(.jmg-sso-sidenav-item--actions):not(.jmg-sso-sidenav-item--email) {
    border-bottom: none;
  }
  .sidenav-account .jmg-sso-sidenav-item:not(.jmg-sso-sidenav-item--actions):not(.jmg-sso-sidenav-item--email) a {
    display: block;
    padding: 10px 16px;
    color: #222;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
  }
  .sidenav-account .jmg-sso-sidenav-item:not(.jmg-sso-sidenav-item--actions):not(.jmg-sso-sidenav-item--email) a:hover {
    background: rgba(0, 0, 0, 0.04);
    text-decoration: none;
  }
  .sidenav-account .jmg-sso-sidenav-item:last-child a {
    color: #888;
    font-weight: 600;
    padding-bottom: 14px;
  }
  .sidenav {
    flex: 1 1 auto;
    background: #fff;
    padding: 8px 0 24px;
  }
  .sidenav-label {
    margin: 0;
    padding: 12px 16px 6px;
    color: #999;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .sidenav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .sidenav > ul > li > ul i {
    display: none;
  }
  .sidenav > ul > li {
    border-bottom: none;
  }
  .sidenav > ul > li a {
    position: relative;
    display: block;
    padding: 12px 16px 12px 18px;
    color: #1a1a1a;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.35;
    transition: background-color 0.15s ease, color 0.15s ease;
  }
  .sidenav > ul > li a:hover,
  .sidenav > ul > li a:focus {
    background: #f5f5f5;
    color: #1a1a1a;
    text-decoration: none;
    outline: none;
  }
  .sidenav > ul > li a.active {
    color: var(--theme-accent);
    background: #fafafa;
  }
  .sidenav > ul > li a.active::before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    width: 3px;
    background: var(--theme-accent);
  }
  .sidenav > ul > li a i {
    float: right;
    font-size: 0.8em;
    color: #969696;
  }
  .hidden-sm {
    display: none !important;
  }
  .site-main {
    width: 100% !important;
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .mo-search,
  .mo-search.collapse.in {
    display: none;
  }
  .spotlight-item.sm {
    padding: 0 0 0 10px;
  }
  .spotlight-item-small figure {
    min-height: 240px;
    max-height: 240px;
  }

  .spotlight-item {
    padding: 0;
  }
  .spotlight-item.sm {
    padding-top: 4px;
  }
  .spotlight-item.sm {
    padding: 0 0 0 10px;
  }
  .spotlight-item:nth-child(2) {
    margin-bottom: 5px;
  }
  .spotlight-item:nth-child(3) {
    margin-top: 3px;
  }
}
@media (min-width: 992px) {
  .sidenav-toggle-input {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .spotlight-item {
    padding: 0;
  }
  .spotlight-item.sm {
    padding-top: 4px;
  }
  .spotlight-item.sm:nth-child(2) {
    padding-right: 2px;
  }
  .spotlight-item.sm:nth-child(3) {
    padding-left: 2px;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .site-top .site-logo .logo {
    width: auto;
    height: 34px;
    margin-top: 0;
    padding: 0 !important;
  }
  .site-mainnav.container {
    padding-right: 0;
  }
  .mainnav {
    max-width: none;
  }
  .mainnav .mainnav-item a {
    margin-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blocks {
    margin-right: 15px;
  }
  .hidden-md {
    display: none !important;
  }
  .site-top .current-info .info-item {
    margin: 0 0 0 22px;
  }
  .page-content {
    padding-top: 10px;
  }
  #search-criteria {
    width: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .spotlight .spotlight-news {
    padding-top: 0;
  }
  .page-content {
    padding-top: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  figure img {
    top: 50%;
    margin: auto;
  }
  .spotlight-item.sm figure {
    min-height: 150px;
  }
  .spotlight-item.sm {
    padding: 0 0 0 20px;
  }
  .spotlight-item:nth-child(2) {
    /* margin-bottom: 23px; */
  }
  .spotlight-item:nth-child(3) {
    margin-top: 2px;
  }
}

.jp-relatedposts-post-context {
  display: none;
}

/* Homepage: below feed+sidebar — match Bootstrap .row + .col content edges */
.home-below-posts {
  width: calc(100% + 30px);
  max-width: none;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  clear: both;
}
.home-below-posts .swiper {
  overflow: hidden;
}
/* Always stack widgets full-width (Bootstrap col-lg-8 floats left without width below 1200px) */
.home-below-posts .page-content.col-lg-8,
.home-below-posts .wa112-more-articles,
.home-below-posts .wa112-more-articles-widget,
.home-below-posts .wa112-videos-section,
.home-below-posts .wa112-latest-videos-widget,
.home-below-posts .wa112-external-news-widget,
.home-below-posts .wa112-home-puzzels {
  display: block;
  width: 100% !important;
  max-width: 100%;
  float: none !important;
  clear: both;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

.home-below-posts .wa112-home-puzzels {
  margin: 1.25rem 0 1.5rem;
}

.home-below-posts .wa112-home-puzzels__title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 0.75rem;
}

.home-below-posts .wa112-more-articles,
.home-below-posts .wa112-more-articles-widget {
  margin: 1.25rem 0 1.5rem;
}

/* Widgets with companion sidebar (Meer artikelen + Partner nieuws)
   Stay inside .home-below-posts padding so left edge matches Laatste video’s. */
.home-below-posts .home-companion-row,
.home-below-posts .home-meer-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  clear: both;
}

.home-below-posts .home-companion-row > .home-companion-row__main,
.home-below-posts .home-companion-row > .site-sidebar--meer-artikelen,
.home-below-posts .home-meer-row > .home-meer-row__main,
.home-below-posts .home-meer-row > .site-sidebar--meer-artikelen,
.home-below-posts .home-meer-row > .home-meer-row__spacer {
  float: none;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

.home-below-posts .home-companion-row .wa112-more-articles-widget,
.home-below-posts .home-companion-row .wa112-more-articles,
.home-below-posts .home-companion-row .wa112-external-news-widget,
.home-below-posts .home-meer-row .wa112-more-articles-widget,
.home-below-posts .home-meer-row .wa112-more-articles {
  width: 100% !important;
  max-width: 100%;
  margin-top: 0;
}

.home-below-posts .site-sidebar--meer-artikelen .blocks-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-below-posts .site-sidebar--meer-artikelen .site-sidebar__item {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  float: none;
}

.home-below-posts .site-sidebar--meer-artikelen .news-block {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: var(--wa112-home-surface, #fff);
  border-color: var(--wa112-home-border, #e8e6e3);
  border-radius: var(--wa112-home-radius, 10px);
}

@media only screen and (min-width: 992px) {
  .home-below-posts .home-companion-row > .home-companion-row__main.col-lg-8,
  .home-below-posts .home-meer-row > .home-meer-row__main.col-lg-8 {
    width: 66.66666667%;
    max-width: 66.66666667%;
  }

  .home-below-posts .home-companion-row > .site-sidebar--meer-artikelen.col-lg-4,
  .home-below-posts .home-meer-row > .site-sidebar--meer-artikelen.col-lg-4,
  .home-below-posts .home-meer-row > .home-meer-row__spacer.col-lg-4 {
    width: 33.33333333%;
    max-width: 33.33333333%;
  }
}

@media only screen and (max-width: 991px) {
  .home-below-posts .home-companion-row,
  .home-below-posts .home-meer-row {
    flex-direction: column;
  }

  .home-below-posts .home-companion-row > .home-companion-row__main,
  .home-below-posts .home-companion-row > .site-sidebar--meer-artikelen,
  .home-below-posts .home-meer-row > .home-meer-row__main,
  .home-below-posts .home-meer-row > .site-sidebar--meer-artikelen {
    width: 100%;
    max-width: 100%;
  }

  .home-below-posts .home-meer-row > .home-meer-row__spacer {
    display: none;
  }
}

.home-below-posts .wa112-more-articles__head,
.wa112-more-articles__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.home-below-posts .wa112-more-articles__more,
.wa112-more-articles__more {
  flex-shrink: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--theme-accent);
  text-decoration: none;
  white-space: nowrap;
}

.home-below-posts .wa112-more-articles__more:hover,
.home-below-posts .wa112-more-articles__more:focus,
.wa112-more-articles__more:hover,
.wa112-more-articles__more:focus {
  color: var(--theme-accent);
  text-decoration: underline;
}

/* Same 6-col overlay grid as “Laatste nieuws” */
.home-below-posts .wa112-more-articles__grid,
.wa112-more-articles__grid.wa112-home-feed {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1.35rem 1.1rem;
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .home-below-posts .wa112-more-articles__grid,
  .wa112-more-articles__grid.wa112-home-feed {
    gap: 1.15rem 0.85rem;
  }
}

@media only screen and (max-width: 575px) {
  .home-below-posts .wa112-more-articles__grid,
  .wa112-more-articles__grid.wa112-home-feed {
    grid-template-columns: 1fr;
  }
}

.home-below-posts .wa112-videos-section,
.home-below-posts .wa112-latest-videos-widget,
.home-below-posts .wa112-videos--widget,
.home-below-posts .wa112-external-news-widget {
  width: 100% !important;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 992px) {
  .home-below-posts {
    width: 100%;
    float: none;
    clear: both;
  }

  /* Flex + sticky only for admin 2027 preview — classic home keeps Bootstrap floats */
  .home-template--2027 .home-main-row,
  .wa112-home-layout-2027 .home-main-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  .home-template--2027 .home-main-row:before,
  .home-template--2027 .home-main-row:after,
  .wa112-home-layout-2027 .home-main-row:before,
  .wa112-home-layout-2027 .home-main-row:after {
    content: none !important;
    display: none !important;
  }

  .home-template--2027 .home-main-row > .page-content.col-lg-8,
  .wa112-home-layout-2027 .home-main-row > .page-content.col-lg-8 {
    float: none;
    width: 66.66666667%;
    max-width: 66.66666667%;
  }

  .home-template--2027 .home-main-row > .site-sidebar--home.col-lg-4,
  .wa112-home-layout-2027 .home-main-row > .site-sidebar--home.col-lg-4 {
    float: none;
    width: 33.33333333%;
    max-width: 33.33333333%;
  }

  /* Full-width below feed+sidebar (sibling, not inside sticky row) */
  .home-template--2027 > .home-below-posts,
  .wa112-home-layout-2027 .home-template > .home-below-posts,
  .home-template--2027 .home-below-posts {
    float: none;
    width: calc(100% + 30px);
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
    clear: both;
  }
}
@media only screen and (max-width: 991px) {
  .home-main-row {
    display: flex;
    flex-direction: column;
  }
  .home-main-row:before,
  .home-main-row:after {
    content: none !important;
    display: none !important;
  }

  /* Keep mobile order: feed → videos → sidebar */
  .home-template {
    display: flex;
    flex-direction: column;
  }
  .home-template > .home-main-row {
    display: contents;
  }
  .home-template > .wa112-home-lead,
  .home-template > .spotlight {
    order: 0;
  }
  .home-template .page-content {
    order: 1;
  }
  .home-template > .home-below-posts {
    order: 2;
    width: calc(100% + 30px);
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
    float: none;
  }
  .home-template .site-sidebar--home {
    order: 3;
  }
}

.video-play-button {
  position: absolute;
  right: 12px;
  bottom: 20px;
  z-index: 2;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background-color: var(--theme-accent, #be1511);
  color: white;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

/* In-place next-video overlay + read-more bar */
/* Poster vult de hele 16:9-speler (cover, midden bijgesneden), geen zwarte balken.
   Alleen de poster: de video zelf (.vjs-tech) blijft 'contain' tijdens afspelen.
   - Video.js 8: .vjs-poster (<picture><img>) + oude background-variant.
   - Vóór init (wachten op consent) is het een kale <video class="video-js"> met
     native poster; die volgt object-fit. Na init krijgt <video> .vjs-tech en
     verliest de .video-js-klasse, dus deze regel geldt dan niet meer. */
.video-js .vjs-poster {
  background-size: cover;
  background-position: center;
}
.video-js .vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
video.video-js:not(.vjs-tech) {
  object-fit: cover;
  object-position: center;
}

.wa112-player-shell {
  position: relative;
  width: 100%;
  background: #000;
}

.wa112-player-shell.is-upnext .vjs-control-bar {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Sticky shell on mobile: overlay must travel with the player */
.wa112-player-shell.wa112-shell-sticky {
  position: fixed !important;
  top: 58px;
  left: 50%;
  transform: translateX(-50%);
  width: 92%;
  max-width: 420px;
  z-index: 1000;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  border-radius: 8px;
  overflow: hidden;
  background: #000;
}

.wa112-player-shell.wa112-shell-sticky.is-upnext {
  z-index: 1001;
}

.wa112-player-shell.wa112-shell-sticky .video-js {
  border-radius: 8px;
}

.wa112-sticky-placeholder {
  width: 100%;
  background: transparent;
}

@media (min-width: 769px) {
  .wa112-player-shell.wa112-shell-sticky {
    position: relative !important;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    max-width: none;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
  }
}

.wa112-upnext {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  padding: 1.75rem 1.75rem 2rem;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.96) 0%,
    rgba(0, 0, 0, 0.78) 38%,
    rgba(0, 0, 0, 0.28) 72%,
    rgba(0, 0, 0, 0.05) 100%
  );
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  pointer-events: auto;
  touch-action: manipulation;
}

.wa112-upnext[hidden] {
  display: none !important;
}

.wa112-upnext__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: 2rem;
  row-gap: 1.25rem;
  width: 100%;
}

.wa112-upnext__meta {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  min-width: 0;
}

.wa112-upnext__thumb {
  flex: 0 0 auto;
  width: 10rem;
  height: 5.625rem;
  background-color: rgba(255, 255, 255, 0.08);
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.wa112-upnext__thumb[hidden] {
  display: none !important;
}

.wa112-upnext__text {
  min-width: 0;
  flex: 1 1 auto;
  color: #fff;
}

.wa112-upnext__label {
  display: block;
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--theme-accent, #be1511);
  line-height: 1.2;
}

.wa112-upnext__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 0.75rem;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.3;
  color: #fff;
}

/* Compact text link — never a full-width red bar */
a.wa112-upnext__read-more {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  line-height: 1.4 !important;
  min-height: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}

a.wa112-upnext__read-more:hover,
a.wa112-upnext__read-more:focus {
  color: #fff !important;
  background: transparent !important;
  text-decoration: underline !important;
}

.wa112-upnext__actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.85rem;
  flex: 0 0 auto;
}

.wa112-upnext__cancel,
.wa112-upnext__watch,
.wa112-readmore__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0 1.4rem;
  border: none;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.wa112-upnext__cancel {
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
}

.wa112-upnext__cancel:hover {
  border-color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.12);
}

.wa112-upnext__watch,
.wa112-readmore__link {
  background: var(--theme-accent, #be1511);
  color: #fff;
}

.wa112-upnext__watch:hover,
.wa112-readmore__link:hover {
  background: color-mix(in srgb, var(--theme-accent, #ba0707) 70%, #000);
  color: #fff;
  text-decoration: none;
}

.wa112-upnext__watch {
  min-width: 9.5rem;
}

.wa112-readmore {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 0.85rem;
  padding: 1rem 1.25rem;
  background: #151515;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  color: #fff;
}

.wa112-readmore[hidden] {
  display: none !important;
}

.wa112-readmore__text {
  min-width: 0;
  flex: 1 1 auto;
}

.wa112-readmore__label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}

.wa112-readmore__title {
  display: block;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wa112-readmore__link {
  flex: 0 0 auto;
  align-self: center;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto;
  height: 2.75rem;
  min-height: 2.75rem !important;
  max-height: 2.75rem;
  padding: 0 1.35rem !important;
  margin: 0;
  line-height: 1 !important;
  white-space: nowrap;
  vertical-align: middle;
}

@media (min-width: 900px) {
  .wa112-upnext {
    padding: 2rem 2.25rem 2.25rem;
  }

  .wa112-upnext__inner {
    column-gap: 2.5rem;
  }

  .wa112-upnext__meta {
    gap: 1.5rem;
  }

  .wa112-upnext__thumb {
    width: 12rem;
    height: 6.75rem;
  }

  .wa112-upnext__label {
    font-size: 0.88rem;
    margin-bottom: 0.6rem;
  }

  .wa112-upnext__title {
    font-size: 1.6rem;
    line-height: 1.28;
    margin-bottom: 0.9rem;
  }

  a.wa112-upnext__read-more {
    font-size: 1.05rem !important;
  }

  .wa112-upnext__cancel,
  .wa112-upnext__watch {
    min-height: 3.25rem;
    padding: 0 1.6rem;
    font-size: 0.85rem;
  }

  .wa112-readmore__title {
    font-size: 1.15rem;
  }
}

@media (max-width: 700px) {
  .wa112-upnext {
    padding: 1.15rem 1rem 1.35rem;
  }

  .wa112-upnext__inner {
    grid-template-columns: 1fr;
    row-gap: 1rem;
  }

  .wa112-upnext__meta {
    gap: 0.9rem;
  }

  .wa112-upnext__thumb {
    width: 6.25rem;
    height: 3.5rem;
  }

  .wa112-upnext__label {
    font-size: 0.7rem;
    margin-bottom: 0.35rem;
  }

  .wa112-upnext__title {
    font-size: 1.05rem;
    margin-bottom: 0.55rem;
    -webkit-line-clamp: 3;
  }

  a.wa112-upnext__read-more {
    font-size: 0.88rem !important;
  }

  .wa112-upnext__actions {
    width: 100%;
    gap: 0.65rem;
  }

  .wa112-upnext__cancel,
  .wa112-upnext__watch {
    flex: 1 1 0;
    min-width: 0;
    min-height: 3rem;
    padding: 0 0.9rem;
    font-size: 0.72rem;
  }

  /* Sticky overlay: keep actions usable on small screens */
  .wa112-player-shell.wa112-shell-sticky .wa112-upnext {
    padding: 0.85rem 0.75rem 1rem;
  }

  .wa112-player-shell.wa112-shell-sticky .wa112-upnext__thumb {
    width: 4.75rem;
    height: 2.7rem;
  }

  .wa112-player-shell.wa112-shell-sticky .wa112-upnext__title {
    font-size: 0.92rem;
    margin-bottom: 0.4rem;
  }

  .wa112-player-shell.wa112-shell-sticky .wa112-upnext__label {
    font-size: 0.65rem;
    margin-bottom: 0.25rem;
  }

  .wa112-readmore {
    flex-direction: column;
    align-items: stretch;
    gap: 0.9rem;
    padding: 0.9rem 1rem;
  }

  .wa112-readmore__link {
    width: 100%;
    max-height: none;
    height: 2.75rem;
  }
}

.video-play-button:hover {
  background-color: color-mix(in srgb, var(--theme-accent, #ba0707) 70%, #000);
  transform: scale(1.1);
}

.video-play-button svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.rpwwt-widget ul li {
  margin: 0 !important;
}

span.rpwwt-post-title {
  hyphens: auto;
  font-size: 1.1em;
  color: #030303;
  padding: 0 0.75em 0 0;
  line-height: 1.4em;
  font-weight: 700;
  justify-content: center;
}

img.attachment-thumbnail.size-thumbnail.wp-post-image {
  border-radius: 8px;
  border-radius: var(--border-radius, 8px);
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}

#rpwwt-recent-posts-widget-with-thumbnails-2 img {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  object-fit: cover;
}

.rpwwt-widget ul li {
  margin: 0 0 0 0 !important;
}

a.wpp-post-title {
  hyphens: auto;
  font-size: 1.1em;
  color: #030303;
  padding: 0 0.75em 0 0;
  line-height: 1.4em;
  font-weight: 700;
  justify-content: center;
}

.wpp-thumbnail {
  border-radius: 8px;
  border-radius: var(--border-radius, 8px);
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  margin: 0.3em 0.75em 0.75em 0;
}

@media only screen and (max-width: 640px) {
  div#jp-relatedposts
    div.jp-relatedposts-items
    .jp-relatedposts-post:nth-child(3n + 4),
  div#jp-relatedposts
    div.jp-relatedposts-items-visual
    .jp-relatedposts-post:nth-child(3n + 4) {
    clear: right;
  }
  div#jp-relatedposts
    div.jp-relatedposts-items
    .jp-relatedposts-post:nth-child(3n + 6) {
    clear: right;
  }
  div#jp-relatedposts
    div.jp-relatedposts-items
    .jp-relatedposts-post:nth-child(3) {
    clear: left;
  }
}

/* ===============================================
   Laatste video's widget + /videos archief
   Featured + rail layout
   =============================================== */
.wa112-videos {
  width: 100%;
}

.wa112-videos--widget {
  background: #141414;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 1rem 1.1rem 1.1rem;
  margin: 0.75rem 0 1.25rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  color: #fff;
  overflow: hidden;
}

.wa112-videos--widget .wa112-videos__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  margin: 0 0 0.85rem;
  padding: 0;
}

.wa112-videos--widget .wa112-videos__heading {
  margin: 0;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.2;
}

.wa112-videos--widget .wa112-videos__more {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.875rem;
  white-space: nowrap;
  opacity: 0.85;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.wa112-videos--widget .wa112-videos__more:hover,
.wa112-videos--widget .wa112-videos__more:focus {
  color: #fff;
  opacity: 1;
  text-decoration: none;
}

.wa112-videos--widget .wa112-videos__more:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
  border-radius: 2px;
}

/* Featured + playlist (studio) */
.wa112-videos--widget .wa112-videos__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  border-radius: 0;
  overflow: hidden;
  background: #0f0f0f;
  margin: 0;
}

.wa112-videos--widget .wa112-videos__layout > .wa112-videos__card--featured {
  min-width: 0;
  min-height: 0;
  height: auto;
  border-radius: 0;
}

.wa112-videos--widget .wa112-videos__layout > .wa112-videos__card--featured .wa112-videos__thumb {
  height: auto;
  min-height: 0;
  border-radius: 0;
  aspect-ratio: 16 / 9;
}

.wa112-videos--widget .wa112-videos__rail {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  /* Height follows featured column; list scrolls instead of stretching the block */
  height: 0;
  min-height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0.15rem 0;
  list-style: none;
  background: #1a1a1a;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}

.wa112-videos--widget .wa112-videos__rail::-webkit-scrollbar {
  width: 6px;
}

.wa112-videos--widget .wa112-videos__rail::-webkit-scrollbar-track {
  background: transparent;
}

.wa112-videos--widget .wa112-videos__rail::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.35);
  border-radius: 3px;
}

.wa112-videos--widget .wa112-videos__rail-item {
  flex: 0 0 auto;
  min-height: 0;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.wa112-videos--widget .wa112-videos__rail-item:last-child {
  border-bottom: 0;
}

.wa112-videos--widget .wa112-videos__rail-item .wa112-videos__card {
  flex: 1;
  width: 100%;
}

/* Playlist rows: thumb + white title */
.wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 0.85rem;
  border-radius: 0;
}

.wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below:hover,
.wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below:focus {
  background: rgba(255, 255, 255, 0.04);
}

.wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below .wa112-videos__thumb {
  flex: 0 0 38%;
  width: 38%;
  max-width: 140px;
  border-radius: 4px;
  aspect-ratio: 16 / 9;
}

.wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below .wa112-videos__play {
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background: var(--theme-accent);
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below .wa112-videos__play svg {
  width: 11px;
  height: 11px;
}

.wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below .wa112-videos__title {
  flex: 1;
  margin: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  -webkit-line-clamp: 3;
}

.wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below:hover .wa112-videos__title,
.wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below:focus-visible .wa112-videos__title {
  color: #fff;
}

.wa112-videos--widget .wa112-videos__card--featured .wa112-videos__play {
  width: 56px;
  height: 56px;
  margin: -28px 0 0 -28px;
  background: var(--theme-accent);
  color: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
}

.wa112-videos--widget .wa112-videos__card--featured .wa112-videos__play svg {
  width: 22px;
  height: 22px;
}

.wa112-videos--widget .wa112-videos__card--featured:hover .wa112-videos__play,
.wa112-videos--widget .wa112-videos__card--featured:focus-visible .wa112-videos__play {
  background: #fff;
  color: var(--theme-accent);
}

.wa112-videos--widget .wa112-videos__card--featured .wa112-videos__title {
  font-size: 22px;
  padding: 1rem 1.15rem;
}

/* --- Shared card --- */
.wa112-videos__card {
  display: block;
  text-decoration: none;
  color: inherit;
  min-width: 0;
  border-radius: 8px;
  transition: color 0.2s ease;
}

.wa112-videos__card:hover,
.wa112-videos__card:focus {
  text-decoration: none;
  color: inherit;
}

.wa112-videos__card:focus-visible {
  outline: 2px solid var(--theme-accent);
  outline-offset: 3px;
}

.wa112-videos__thumb {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 16 / 9;
  background: #1a1a1a;
}

.wa112-videos__thumb img,
.wa112-videos__thumb-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.wa112-videos__thumb-placeholder {
  background: linear-gradient(135deg, #333, #111);
}

.wa112-videos__card:hover .wa112-videos__thumb img {
  transform: scale(1.03);
}

.wa112-videos__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #1a1a1a;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
  pointer-events: none;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.wa112-videos__card:hover .wa112-videos__play,
.wa112-videos__card:focus-visible .wa112-videos__play {
  background: var(--theme-accent);
  color: #fff;
  transform: scale(1.06);
  box-shadow: 0 3px 12px color-mix(in srgb, var(--theme-accent) 35%, transparent);
}

.wa112-videos__play svg {
  display: block;
  margin-left: 2px;
}

/* Featured: overlay title + tighter gradient */
.wa112-videos__card--featured .wa112-videos__thumb::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.82) 0%,
    rgba(0, 0, 0, 0.35) 45%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 1;
}

.wa112-videos__card--featured .wa112-videos__title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: 0;
  padding: 0.85rem 1rem;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.wa112-videos__card--featured .wa112-videos__play {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
}

.wa112-videos__card--featured .wa112-videos__play svg {
  width: 20px;
  height: 20px;
}

/* Compact: title below thumb (archive + mobile rail) */
.wa112-videos__card--below .wa112-videos__title {
  display: -webkit-box;
  margin: 0.45rem 0 0;
  color: #1a1a1a;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: color 0.2s ease;
}

.wa112-videos__card--below:hover .wa112-videos__title,
.wa112-videos__card--below:focus-visible .wa112-videos__title {
  color: var(--theme-accent);
}

/* --- Archive --- */
.wa112-videos--archive {
  margin: 0.5rem 0 1.5rem;
}

.wa112-videos--archive > .wa112-videos__card--featured {
  display: block;
  margin-bottom: 1.1rem;
}

.wa112-videos--archive > .wa112-videos__card--featured .wa112-videos__title {
  font-size: 1.2rem;
  padding: 1rem 1.1rem;
}

.wa112-videos__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 0.85rem;
}

.wa112-videos--archive .wa112-videos__grid .wa112-videos__card--below .wa112-videos__play {
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
}

.wa112-videos--archive .wa112-videos__grid .wa112-videos__card--below .wa112-videos__play svg {
  width: 14px;
  height: 14px;
}

/* Match categorie-widget width */
.wa112-videos-section {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin: 0 0 1rem;
  box-sizing: border-box;
}

.wa112-latest-videos-widget,
.sidebar-block.wa112-latest-videos-widget {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  max-width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.wa112-latest-videos-widget > h4,
.sidebar-block.wa112-latest-videos-widget > h4 {
  display: none;
}

/* Aanbevolen keeps visible title; Laatste berichten uses module head */
.wa112-recommended-widget > .sidebar-block__title,
.sidebar-block.wa112-recommended-widget > .sidebar-block__title {
  display: block;
}

.home-below-posts .wa112-videos-section,
.home-below-posts .wa112-videos--widget,
.home-below-posts .wa112-latest-videos-widget,
.page-content .wa112-videos-section,
.page-content .wa112-videos--widget {
  width: 100%;
  max-width: 100%;
  float: none;
  clear: both;
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Inner padding for the dark videos studio block */
.home-below-posts .wa112-videos--widget,
.page-content .wa112-videos--widget,
.wa112-latest-videos-widget .wa112-videos--widget {
  padding: 1.15rem 1.25rem 1.25rem;
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  .wa112-videos__thumb img,
  .wa112-videos__play,
  .wa112-videos__more,
  .wa112-videos__card--below .wa112-videos__title {
    transition: none;
  }

  .wa112-videos__card:hover .wa112-videos__thumb img,
  .wa112-videos__card:hover .wa112-videos__play,
  .wa112-videos__card:focus-visible .wa112-videos__play {
    transform: none;
  }
}

/* Tablet / phone — widget: featured + vertical playlist */
@media only screen and (max-width: 767px) {
  .wa112-videos--widget,
  .home-below-posts .wa112-videos--widget,
  .page-content .wa112-videos--widget {
    padding: 0.9rem 1rem 1rem;
    margin: 0.5rem 0 1rem;
    border-radius: 0;
  }

  .wa112-videos--widget .wa112-videos__head {
    margin: 0 0 0.7rem;
    padding: 0;
    gap: 0.5rem;
  }

  .wa112-videos--widget .wa112-videos__heading {
    font-size: 1.05rem;
    letter-spacing: 0.03em;
  }

  .wa112-videos--widget .wa112-videos__more {
    font-size: 0.8rem;
  }

  .wa112-videos--widget .wa112-videos__layout {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
  }

  .wa112-videos--widget .wa112-videos__layout > .wa112-videos__card--featured .wa112-videos__thumb {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .wa112-videos--widget .wa112-videos__card--featured .wa112-videos__title {
    font-size: 20px;
    padding: 0.7rem 0.85rem;
    -webkit-line-clamp: 2;
  }

  .wa112-videos--widget .wa112-videos__card--featured .wa112-videos__play {
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
  }

  .wa112-videos--widget .wa112-videos__card--featured .wa112-videos__play svg {
    width: 18px;
    height: 18px;
  }

  .wa112-videos--widget .wa112-videos__rail {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: min(50vh, 360px);
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
  }

  .wa112-videos--widget .wa112-videos__rail-item {
    flex: 0 0 auto;
    max-width: none;
  }

  .wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below {
    flex-direction: row;
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem 0.75rem;
  }

  .wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below .wa112-videos__thumb {
    flex: 0 0 34%;
    width: 34%;
    max-width: 120px;
    border-radius: 4px;
  }

  .wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below .wa112-videos__play {
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    background: var(--theme-accent);
    color: #fff;
  }

  .wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below .wa112-videos__play svg {
    width: 10px;
    height: 10px;
  }

  .wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below .wa112-videos__title {
    margin: 0;
    font-size: 17px;
    color: #fff;
    -webkit-line-clamp: 3;
  }

  /* Archive: 2 cols on tablet/phone */
  .wa112-videos--archive > .wa112-videos__card--featured {
    margin-bottom: 0.9rem;
  }

  .wa112-videos--archive > .wa112-videos__card--featured .wa112-videos__title {
    font-size: 1rem;
    padding: 0.75rem 0.85rem;
    -webkit-line-clamp: 2;
  }

  .wa112-videos--archive .wa112-videos__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.85rem 0.55rem;
  }

  .wa112-videos--archive .wa112-videos__grid .wa112-videos__card--below .wa112-videos__title {
    font-size: 0.8rem;
    margin-top: 0.35rem;
  }
}

@media only screen and (max-width: 479px) {
  .wa112-videos--widget,
  .home-below-posts .wa112-videos--widget,
  .page-content .wa112-videos--widget {
    padding: 0.8rem 0.85rem 0.9rem;
    border-radius: 0;
  }

  .wa112-videos--widget .wa112-videos__head {
    margin: 0 0 0.6rem;
    padding: 0;
  }

  .wa112-videos--widget .wa112-videos__heading {
    font-size: 1rem;
  }

  .wa112-videos--widget .wa112-videos__more {
    font-size: 0.75rem;
  }

  .wa112-videos--widget .wa112-videos__rail .wa112-videos__card--below .wa112-videos__thumb {
    flex: 0 0 32%;
    width: 32%;
    max-width: 110px;
  }

  .wa112-videos__card--featured .wa112-videos__title {
    font-size: 0.875rem;
    padding: 0.6rem 0.7rem;
  }

  .wa112-videos--archive .wa112-videos__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.7rem 0.45rem;
  }
}

/* ==========================================================================
   Homepage layout 2027 (admin preview: .home-template--2027)
   ========================================================================== */

.home-top-widget {
  text-align: center;
}

.home-top-widget__inner {
  display: inline-block;
  max-width: 100%;
}

.wa112-home-preview {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem 1rem;
  margin: 0.75rem 0 1rem;
  padding: 0.65rem 0.85rem;
  border: 1px dashed rgba(0, 0, 0, 0.22);
  border-radius: 8px;
  background: #fff8e8;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

.wa112-home-preview__label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b5a2a;
}

.wa112-home-preview__toggle {
  display: inline-flex;
  gap: 0.35rem;
  padding: 0.2rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.06);
}

.wa112-home-preview__btn {
  display: inline-block;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  color: #444;
  text-decoration: none;
}

.wa112-home-preview__btn:hover,
.wa112-home-preview__btn:focus {
  color: #111;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.7);
}

.wa112-home-preview__btn.is-active {
  background: var(--theme-accent);
  color: var(--theme-accent-contrast, #fff);
}

.wa112-home-preview__btn.is-active:hover,
.wa112-home-preview__btn.is-active:focus {
  color: var(--theme-accent-contrast, #fff);
  background: var(--theme-accent);
}

.home-template--2027 {
  padding-bottom: 1.5rem;
}

body.wa112-home-layout-2027 {
  --wa112-home-page-bg: #f3f1ee;
  background-color: var(--wa112-home-page-bg);
}

.home-template--2027 .page-content {
  padding-top: 0.5rem;
}

/* Lead: 1 groot links + 2 gestapeld rechts */
.wa112-home-lead {
  margin: 0.5rem 0 1.25rem;
}

.wa112-home-lead__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 0.65rem;
  height: 460px;
  max-height: 460px;
}

.wa112-home-lead__item--primary {
  grid-column: 1;
  grid-row: 1 / span 2;
  min-height: 0;
  height: 100%;
}

.wa112-home-lead__item--secondary {
  grid-column: 2;
  min-height: 0;
  height: 100%;
}

.wa112-home-lead__link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
  border-radius: var(--wa112-home-radius);
  overflow: hidden;
  background: #111;
}

.wa112-home-lead__link:hover,
.wa112-home-lead__link:focus {
  color: inherit;
  text-decoration: none;
}

.wa112-home-lead__link:focus-visible {
  outline: 2px solid var(--theme-accent);
  outline-offset: 2px;
}

.wa112-home-lead__figure {
  position: relative;
  margin: 0;
  height: 100%;
}

.wa112-home-lead__media {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #1c1c1c;
}

.wa112-home-lead__item--primary .wa112-home-lead__media {
  aspect-ratio: auto;
  min-height: 0;
  height: 100%;
}

.wa112-home-lead__item--secondary .wa112-home-lead__media {
  aspect-ratio: auto;
  height: 100%;
  min-height: 0;
}

.wa112-home-lead__img,
.wa112-home-lead__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.wa112-home-lead__placeholder {
  background: linear-gradient(135deg, #2a2a2a, #111);
  min-height: 140px;
}

.wa112-home-lead__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.78) 0%,
    rgba(0, 0, 0, 0.28) 42%,
    rgba(0, 0, 0, 0.08) 100%
  );
  pointer-events: none;
}

.wa112-home-lead__caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 1.1rem 1.15rem 1.2rem;
  color: #fff;
}

.wa112-home-lead__meta {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.45rem;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55);
}

.wa112-home-lead__cat {
  color: #fff;
}

.wa112-home-lead__title {
  margin: 0;
  color: #fff;
  font-weight: 800;
  line-height: 1.18;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
}

.wa112-home-lead__item--primary .wa112-home-lead__title {
  font-size: clamp(18px, 2.4vw, 28px);
}

.wa112-home-lead__item--secondary .wa112-home-lead__title {
  font-size: clamp(14px, 1.45vw, 17px);
}

.wa112-home-lead__play,
.wa112-home-row__play {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  pointer-events: none;
}

.wa112-home-lead__video-tag {
  position: absolute;
  z-index: 3;
  top: 0.85rem;
  left: 0.85rem;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.48rem 0.8rem 0.48rem 0.6rem;
  border-radius: 4px;
  background: var(--theme-accent);
  color: #fff;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.wa112-home-lead__video-tag svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  margin-left: 1px;
}

.wa112-home-lead__item--primary .wa112-home-lead__video-tag {
  top: 1rem;
  left: 1rem;
  gap: 0.5rem;
  padding: 0.55rem 0.9rem 0.55rem 0.65rem;
  font-size: 0.88rem;
}

.wa112-home-lead__item--primary .wa112-home-lead__video-tag svg {
  width: 15px;
  height: 15px;
}

.wa112-home-lead__item--secondary .wa112-home-lead__video-tag {
  top: 0.55rem;
  left: 0.55rem;
  gap: 0.35rem;
  padding: 0.38rem 0.65rem 0.38rem 0.5rem;
  font-size: 0.72rem;
}

.wa112-home-lead__item--secondary .wa112-home-lead__video-tag svg {
  width: 12px;
  height: 12px;
}

.wa112-home-lead__play {
  top: 50%;
  left: 50%;
  width: 3rem;
  height: 3rem;
  transform: translate(-50%, -50%);
}

.wa112-home-lead__badge,
.wa112-home-row__badge {
  position: absolute;
  z-index: 2;
  top: 0.75rem;
  left: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 10px;
  background: var(--theme-accent);
  color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  pointer-events: none;
}

.wa112-home-lead__badge svg,
.wa112-home-row__badge svg {
  display: block;
  width: 20px;
  height: 20px;
}

.wa112-home-lead__item--secondary .wa112-home-lead__badge {
  width: 2.35rem;
  height: 2.35rem;
  top: 0.55rem;
  left: 0.55rem;
}

.wa112-home-lead__item--secondary .wa112-home-lead__badge svg {
  width: 16px;
  height: 16px;
}

.wa112-home-row__badge {
  width: 2.25rem;
  height: 2.25rem;
  top: 0.5rem;
  left: 0.5rem;
}

.wa112-home-row__badge svg {
  width: 15px;
  height: 15px;
}

.wa112-home-lead__link:hover .wa112-home-lead__img {
  transform: scale(1.03);
}

.wa112-home-lead__img {
  transition: transform 0.35s ease;
}

/* News feed blocks (grid) */
.wa112-home-feed__head {
  margin: 0 0 1.15rem;
  padding-bottom: 0.75rem;
  border-bottom: 3px solid var(--theme-accent);
}

.wa112-home-feed__heading {
  margin: 0;
  font-size: clamp(1.55rem, 2.6vw, 1.9rem);
  font-weight: 800;
  letter-spacing: 0.01em;
  color: var(--wa112-home-title);
}

.wa112-home-feed {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1.35rem 1.1rem;
}

.wa112-home-row.is-deferred,
.wa112-home-feed__ad.is-deferred,
.wa112-home-row[data-wa112-optional][hidden],
.wa112-home-feed__ad[data-wa112-optional][hidden] {
  display: none !important;
}

.wa112-home-feed__ad:not([hidden]) {
  display: block;
  grid-column: 1 / -1;
}

/* Mobile copy of the first sidebar, under that chunk’s ad. Desktop uses the column. */
.wa112-home-widgets-inline {
  display: none;
}

.wa112-home-section__ad--mobile {
  display: none;
}

@media only screen and (max-width: 991px) {
  .wa112-home-feed > .wa112-home-widgets-inline {
    display: block;
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    margin: 0.35rem 0 0.5rem;
    position: static;
    float: none;
  }

  .home-template--2027 .home-main-row > .site-sidebar--home,
  .wa112-home-layout-2027 .home-main-row > .site-sidebar--home {
    display: none !important;
  }

  .home-template--2027 .wa112-home-section__ad--mobile,
  .wa112-home-layout-2027 .wa112-home-section__ad--mobile {
    display: block;
    width: 100%;
    margin: 1.25rem 0 0.35rem;
  }

  .home-template--2027 .wa112-home-section__ad--mobile .item-container-ad,
  .home-template--2027 .wa112-home-section__ad--mobile .col,
  .wa112-home-layout-2027 .wa112-home-section__ad--mobile .item-container-ad,
  .wa112-home-layout-2027 .wa112-home-section__ad--mobile .col {
    width: 100%;
    max-width: 100%;
    flex: none;
    padding-left: 0;
    padding-right: 0;
  }
}

.wa112-home-feed__ad .item-container-ad,
.wa112-home-feed__ad .col {
  width: 100%;
  max-width: 100%;
  flex: none;
  padding-left: 0;
  padding-right: 0;
}

.wa112-home-row {
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  min-width: 0;
}

.wa112-home-row--wide {
  grid-column: span 6;
}

.wa112-home-row--medium {
  grid-column: span 3;
}

.wa112-home-row--small {
  grid-column: span 2;
}

.wa112-home-row__link {
  display: block;
  padding: 0;
  color: inherit;
  text-decoration: none;
  height: 100%;
}

.wa112-home-row__link:hover,
.wa112-home-row__link:focus {
  color: inherit;
  text-decoration: none;
}

.wa112-home-row__link:focus-visible {
  outline: 2px solid var(--theme-accent);
  outline-offset: 3px;
}

.wa112-home-row__media {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  border-radius: 0;
  overflow: hidden;
  background: #e9e7e4;
}

.wa112-home-row--wide .wa112-home-row__media {
  aspect-ratio: 2.35 / 1;
}

.wa112-home-row--small .wa112-home-row__media {
  aspect-ratio: 4 / 3;
}

.wa112-home-row__img,
.wa112-home-row__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.wa112-home-row__placeholder {
  min-height: 100%;
  background: linear-gradient(135deg, #eceae7, #d8d5d0);
}

.wa112-home-row__media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.78) 0%,
    rgba(0, 0, 0, 0.35) 42%,
    rgba(0, 0, 0, 0.08) 70%,
    transparent 100%
  );
  pointer-events: none;
}

.wa112-home-row__caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.15rem 0.95rem 0.95rem;
  box-sizing: border-box;
}

.wa112-home-row--wide .wa112-home-row__caption {
  padding: 1.35rem 1.2rem 1.15rem;
  max-width: 40rem;
}

.wa112-home-row--small .wa112-home-row__caption {
  padding: 0.85rem 0.7rem 0.75rem;
  gap: 0.25rem;
}

.wa112-home-row__video-tag {
  position: absolute;
  z-index: 3;
  top: 0.7rem;
  left: 0.7rem;
  bottom: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.42rem 0.7rem 0.42rem 0.55rem;
  border-radius: 4px;
  background: var(--theme-accent);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

.wa112-home-row__video-tag svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  margin-left: 1px;
}

.wa112-home-row__foto-tag {
  position: absolute;
  z-index: 3;
  top: 0.7rem;
  left: 0.7rem;
  bottom: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.42rem 0.7rem 0.42rem 0.55rem;
  border-radius: 4px;
  background: var(--theme-accent);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

.wa112-home-row__foto-tag svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.wa112-home-row--small .wa112-home-row__video-tag,
.wa112-home-row--small .wa112-home-row__foto-tag {
  top: 0.5rem;
  left: 0.5rem;
  gap: 0.3rem;
  padding: 0.35rem 0.55rem 0.35rem 0.45rem;
  font-size: 0.7rem;
}

.wa112-home-row--small .wa112-home-row__video-tag svg {
  width: 11px;
  height: 11px;
}

.wa112-home-row--small .wa112-home-row__foto-tag svg {
  width: 12px;
  height: 12px;
}

.wa112-home-row__play {
  top: 50%;
  left: 50%;
  width: 2.6rem;
  height: 2.6rem;
  transform: translate(-50%, -50%);
}

.wa112-home-row__title {
  margin: 0;
  font-size: clamp(16px, 1.55vw, 19px);
  font-weight: 800;
  line-height: 1.28;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.wa112-home-row--wide .wa112-home-row__title {
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  -webkit-line-clamp: 2;
}

.wa112-home-row--small .wa112-home-row__title {
  font-size: clamp(14px, 1.2vw, 16px);
  -webkit-line-clamp: 3;
}

.wa112-home-row--small .wa112-home-row__place {
  font-size: 0.62rem;
}

.wa112-home-row__link:hover .wa112-home-row__title,
.wa112-home-row__link:focus .wa112-home-row__title {
  color: #fff;
  text-decoration: none;
}

.wa112-home-row__place {
  margin: 0;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.2;
}

.wa112-home-row__body {
  display: none;
}

.wa112-home-row__meta,
.wa112-home-row__lead,
.wa112-home-row__cat,
.wa112-home-row__sep,
.wa112-home-row__time {
  display: none;
}

/* Homepage pagination 2027 */
.wa112-home-pager,
.load-items--2027 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.25rem;
  float: none;
  clear: both;
}

.load-items--bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 1.5rem 0 2rem;
  padding: 0;
  float: none;
  clear: both;
}

.load-items--bottom .btn-outline {
  float: none;
}

.load-items--bottom .wa112-home-pager {
  width: 100%;
  margin-top: 0;
}

/* Pager as widget in home-below-posts */
.home-below-posts .wa112-pager-widget,
.wa112-pager-widget {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 1.25rem 0 1.5rem;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.wa112-pager-widget .wa112-home-pager,
.wa112-pager-widget .load-items,
.home-below-posts .wa112-pager-widget .wa112-home-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  float: none;
}

.wa112-pager-widget .btn-outline {
  float: none;
}

.wa112-home-pager__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.6rem;
  padding: 0.55rem 1rem;
  border: 1px solid #dadada;
  border-radius: 8px;
  background: #fff;
  color: #444;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
}

.wa112-home-pager__link:hover,
.wa112-home-pager__link:focus {
  color: var(--theme-accent);
  border-color: var(--theme-accent);
  text-decoration: none;
}

.wa112-home-pager__link.is-disabled {
  visibility: hidden;
  pointer-events: none;
}

.load-items--2027 .btn,
.load-items--2027 .prev,
.load-items--2027 .next {
  float: none;
}

/* Ad slots: viewability / CLS / editorial separation (2027 home) */
.wa112-home-layout-2027 .item-container-ad-top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 0; /* reservering: .item-container-ad-top > [id] (perf.php, instelling) */
  margin-top: 0.75rem;
  margin-bottom: 0.85rem;
  padding: 0.5rem 0;
  overflow: visible;
}

.home-template--2027 .item-container-ad {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100% !important;
  max-width: 100%;
  clear: both;
  float: none !important;
  margin: 1.1rem 0 1.25rem;
  padding: 1rem 0.75rem;
  min-height: 0; /* reservering: .item-container-ad > [id] (perf.php, instelling) */
  border-top: 1px solid var(--wa112-home-border);
  border-bottom: 1px solid var(--wa112-home-border);
  background: #f7f6f4;
  overflow: visible;
}

.home-template--2027 .item-container-ad::before {
  content: "Advertentie";
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  color: #9a9a9a;
}

.home-template--2027 .site-sidebar--home {
  overflow: visible;
  min-width: 0;
}

.home-template--2027 .site-sidebar--home .blocks-sidebar,
.home-below-posts .site-sidebar--meer-artikelen .blocks-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-template--2027 .site-sidebar--home .site-sidebar__item {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  position: relative;
  float: none;
}

.home-template--2027 .site-sidebar--home .news-block {
  overflow: hidden;
  min-height: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: var(--wa112-home-surface, #fff);
  border-color: var(--wa112-home-border, #e8e6e3);
  border-radius: var(--wa112-home-radius, 10px);
}

.home-template--2027 .site-sidebar--home .news-block.sidebar-block--timeline,
.home-template--2027 .site-sidebar--home .news-block.sidebar-block--utility,
.home-template--2027 .site-sidebar--home .news-block.sidebar-block--media,
.home-template--2027 .site-sidebar--home .news-block.sidebar-block--promo {
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.home-template--2027 .site-sidebar--home .news-block > div {
  max-width: 100%;
  box-sizing: border-box;
}

.home-template--2027 .site-sidebar--home .sidebar-block__title {
  font-size: 1.05rem;
  color: var(--wa112-home-title);
}

.home-template--2027 .home-below-posts {
  width: calc(100% + 30px);
  max-width: none;
  clear: both;
  margin-top: 1rem;
  margin-left: -15px;
  margin-right: -15px;
  overflow: visible;
}

@media only screen and (max-width: 991px) {
  .wa112-home-lead__grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: auto;
    max-height: none;
    gap: 0.55rem;
  }

  .wa112-home-lead__item--primary,
  .wa112-home-lead__item--secondary {
    grid-column: 1;
    grid-row: auto;
    height: auto;
  }

  .wa112-home-lead__item--primary .wa112-home-lead__media {
    aspect-ratio: 16 / 9;
    height: auto;
    max-height: none;
  }

  .wa112-home-lead__item--secondary .wa112-home-lead__media {
    aspect-ratio: 16 / 9;
    height: auto;
    max-height: none;
  }

  .wa112-home-feed {
    gap: 1.15rem 0.85rem;
  }

  .wa112-home-row__title {
    font-size: clamp(15px, 3vw, 18px);
  }

  .wa112-home-row--wide .wa112-home-row__media {
    aspect-ratio: 16 / 9;
  }

  .wa112-home-row--small .wa112-home-row__media {
    aspect-ratio: 4 / 3;
  }

  .wa112-home-layout-2027 .item-container-ad-top,
  .home-template--2027 .item-container-ad {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Mobiel: lead = 1 overlay + 2 kaarten naast elkaar met tekst eronder */
@media only screen and (max-width: 767px) {
  .wa112-home-lead__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 0.7rem;
  }

  .wa112-home-lead__item--primary {
    grid-column: 1 / -1;
  }

  .wa112-home-lead__item--secondary {
    grid-column: auto;
    min-width: 0;
  }

  .wa112-home-lead__item--primary .wa112-home-lead__link {
    border-radius: 10px;
  }

  .wa112-home-lead__item--primary .wa112-home-lead__media {
    aspect-ratio: 16 / 10;
  }

  .wa112-home-lead__item--secondary .wa112-home-lead__link {
    background: transparent;
    border-radius: 0;
    overflow: visible;
  }

  .wa112-home-lead__item--secondary .wa112-home-lead__figure {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    height: auto;
  }

  .wa112-home-lead__item--secondary .wa112-home-lead__media {
    aspect-ratio: 16 / 10;
    border-radius: 10px;
    overflow: hidden;
  }

  .wa112-home-lead__item--secondary .wa112-home-lead__media::after {
    display: none;
  }

  .wa112-home-lead__item--secondary .wa112-home-lead__caption {
    position: static;
    padding: 0;
    color: var(--wa112-home-title, #1a1a1a);
  }

  .wa112-home-lead__item--secondary .wa112-home-lead__meta {
    display: none;
  }

  .wa112-home-lead__item--secondary .wa112-home-lead__title {
    color: var(--wa112-home-title, #1a1a1a);
    text-shadow: none;
    font-size: clamp(13px, 3.6vw, 15px);
    line-height: 1.25;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }

  .wa112-home-lead__item--secondary .wa112-home-lead__link:hover .wa112-home-lead__title,
  .wa112-home-lead__item--secondary .wa112-home-lead__link:focus .wa112-home-lead__title {
    color: var(--theme-accent);
    text-decoration: none;
  }

  .wa112-home-lead__item--secondary .wa112-home-lead__link:hover .wa112-home-lead__img {
    transform: none;
  }
}

@media only screen and (max-width: 575px) {
  .wa112-home-feed {
    grid-template-columns: 1fr;
  }

  .wa112-home-row--wide,
  .wa112-home-row--medium,
  .wa112-home-row--small {
    grid-column: 1 / -1;
  }

  .wa112-home-preview {
    flex-direction: column;
    align-items: stretch;
  }

  .wa112-home-preview__toggle {
    width: 100%;
  }

  .wa112-home-preview__btn {
    flex: 1;
    text-align: center;
  }

  .wa112-home-row__title {
    font-size: clamp(15px, 3.8vw, 18px);
  }

  .wa112-home-lead__caption {
    padding: 0.95rem 1rem 1.05rem;
  }

  .wa112-home-lead__meta {
    font-size: clamp(12px, 2.2vw, 15px);
  }

  .wa112-home-lead__item--primary .wa112-home-lead__title {
    font-size: clamp(18px, 4.2vw, 24px);
  }
}

/* Partner nieuws — thema-stijl + partnerkleur */
.wa112-external-news-widget,
.sidebar-block.wa112-external-news-widget,
.home-below-posts .wa112-external-news-widget {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 1.25rem 0 1.5rem;
  padding: 0;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  overflow: visible;
  box-sizing: border-box;
}

.wa112-external-news-widget > h4,
.sidebar-block.wa112-external-news-widget > h4 {
  display: none;
}

.wa112-ext-news {
  --wa112-ext-accent: var(--theme-accent, #ba0707);
  --wa112-ext-ink: var(--wa112-home-title, #1a1a1a);
  --wa112-ext-muted: #6b6b6b;
  --wa112-ext-line: var(--wa112-home-border, #e8e6e3);
  width: 100%;
  color: var(--wa112-ext-ink);
  background: var(--wa112-home-surface, #fff);
  border: 1px solid var(--wa112-home-border, #e8e6e3);
  border-radius: var(--wa112-home-radius, 10px);
  padding: 1.05rem 1.15rem 1.1rem;
  box-sizing: border-box;
  overflow: hidden;
}

.wa112-ext-news__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem 1.25rem;
  margin: 0 0 1.1rem;
  padding: 0 0 0.7rem;
  border-bottom: 3px solid var(--wa112-ext-accent, var(--theme-accent, #ba0707));
}

.wa112-ext-news__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}

.wa112-ext-news__accent {
  display: block;
  width: 0.32rem;
  height: 1.35rem;
  flex: 0 0 auto;
  background: var(--wa112-ext-accent, var(--theme-accent, #ba0707));
  border-radius: 1px;
}

.wa112-ext-news__heading {
  margin: 0;
  font-size: clamp(1.35rem, 2vw, 1.55rem);
  font-weight: 800;
  letter-spacing: 0.01em;
  color: var(--wa112-ext-ink);
  line-height: 1.15;
}

.wa112-ext-news__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
}

.wa112-ext-news__tab {
  appearance: none;
  margin: 0;
  padding: 0.4rem 0.75rem;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--wa112-ext-muted);
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.wa112-ext-news__tab:hover,
.wa112-ext-news__tab:focus {
  color: var(--wa112-ext-ink);
  background: rgba(0, 0, 0, 0.04);
  outline: none;
}

.wa112-ext-news__tab.is-active {
  color: #fff;
  background: var(--wa112-ext-tab-accent, var(--wa112-ext-accent, var(--theme-accent, #ba0707)));
}

.wa112-ext-news__tab:focus-visible {
  outline: 2px solid var(--wa112-ext-accent, var(--theme-accent, #ba0707));
  outline-offset: 2px;
}

.wa112-ext-news__panel {
  display: none;
}

.wa112-ext-news__panel.is-active {
  display: block;
}

.wa112-ext-news__layout {
  /* Match “Meer artikelen” 8/4 column: featured ends where the cards end */
  display: grid;
  grid-template-columns: minmax(0, 66.66666667%) minmax(0, 33.33333333%);
  gap: 1.15rem 0;
  align-items: stretch;
  min-height: 0;
  background: transparent;
}

.wa112-ext-news__layout--solo {
  grid-template-columns: 1fr;
}

.wa112-ext-news__featured {
  margin: 0;
  min-width: 0;
  grid-row: 1;
  grid-column: 1;
  align-self: start;
  transition: opacity 0.35s ease, transform 0.45s ease;
  will-change: opacity, transform;
}

.wa112-ext-news__featured.is-fading {
  opacity: 0;
  transform: scale(1.02);
}

.wa112-ext-news__featured.is-fading-in {
  animation: wa112-ext-fade-in 0.4s ease forwards;
}

@keyframes wa112-ext-fade-in {
  from {
    opacity: 0;
    transform: scale(1.015);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes wa112-ext-select-pulse {
  from {
    background: color-mix(in srgb, var(--wa112-ext-accent, #ba0707) 22%, transparent);
  }
  to {
    background: color-mix(in srgb, var(--wa112-ext-accent, #ba0707) 12%, transparent);
  }
}

.wa112-ext-news__featured-link {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none !important;
  overflow: hidden;
  background: #1a1a1a;
  border-radius: var(--wa112-home-radius, 0);
}

.wa112-ext-news__featured-link:hover,
.wa112-ext-news__featured-link:focus {
  color: #fff;
  text-decoration: none !important;
}

.wa112-ext-news__featured-link:focus-visible {
  outline: 2px solid var(--wa112-ext-accent, var(--theme-accent, #ba0707));
  outline-offset: 3px;
}

.wa112-ext-news__featured-media {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #1a1a1a;
}

.wa112-ext-news__featured-media img,
.wa112-ext-news__featured-media .wa112-ext-news__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.45s ease, opacity 0.35s ease;
}

.wa112-ext-news__featured-link:hover .wa112-ext-news__featured-media img {
  transform: scale(1.03);
}

.wa112-ext-news__placeholder {
  background: linear-gradient(135deg, #eceae7, #d2cfc9);
}

.wa112-ext-news__featured-caption {
  position: absolute;
  z-index: 2;
  left: 0.85rem;
  right: auto;
  bottom: 0.85rem;
  display: flex;
  align-items: stretch;
  gap: 0.7rem;
  max-width: min(92%, 34rem);
  padding: 0.8rem 0.95rem 0.85rem 0.8rem;
  background: rgba(18, 18, 18, 0.78);
  box-sizing: border-box;
  transition: opacity 0.35s ease;
}

.wa112-ext-news__featured-accent {
  flex: 0 0 auto;
  width: 0.28rem;
  align-self: stretch;
  min-height: 2.4rem;
  background: var(--wa112-ext-accent, var(--theme-accent, #ba0707));
  border-radius: 1px;
}

.wa112-ext-news__featured-title {
  display: block;
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  font-weight: 700;
  line-height: 1.28;
  color: #fff;
}

.wa112-ext-news__rail {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  margin: 0;
  padding: 0 0 0 1.1rem;
  border: 0;
  background: transparent;
  box-sizing: border-box;
}

/* Same row as featured: don’t grow the row; fill photo height and scroll. */
.wa112-ext-news__rail--scroll {
  grid-row: 1;
  grid-column: 2;
  align-self: stretch;
  box-sizing: border-box;
  min-width: 0;
  max-height: 0;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--wa112-ext-accent, #ba0707) transparent;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 991px) {
  .wa112-ext-news__rail--scroll {
    grid-row: auto;
    grid-column: auto;
    max-height: min(22rem, 55vh);
    min-height: 0;
    height: auto;
  }
}

.wa112-ext-news__row {
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  border-bottom: 1px solid var(--wa112-ext-line);
  transition: background 0.2s ease;
}

.wa112-ext-news__row:last-child {
  border-bottom: 0;
}

.wa112-ext-news__row.is-selected {
  background: color-mix(in srgb, var(--theme-accent, #ba0707) 8%, transparent);
  background: color-mix(in srgb, var(--wa112-ext-accent, #ba0707) 12%, transparent);
  box-shadow: inset 3px 0 0 var(--wa112-ext-accent, var(--theme-accent, #ba0707));
  animation: wa112-ext-select-pulse 0.45s ease;
}

.wa112-ext-news__row.is-selected .wa112-ext-news__row-title {
  color: var(--wa112-ext-accent, var(--theme-accent, #ba0707));
  color: color-mix(in srgb, var(--wa112-ext-accent, var(--theme-accent, #ba0707)) 80%, #000);
}

.wa112-ext-news__row-link {
  display: grid;
  grid-template-columns: minmax(5.5rem, 7.5rem) minmax(0, 1fr);
  gap: 0.75rem 0.85rem;
  align-items: start;
  padding: 0.85rem 0.5rem 0.85rem 0.65rem;
  color: inherit;
  text-decoration: none !important;
}

.wa112-ext-news__row:first-child .wa112-ext-news__row-link {
  padding-top: 0.65rem;
}

.wa112-ext-news__row-link:hover,
.wa112-ext-news__row-link:focus {
  color: inherit;
  text-decoration: none !important;
}

.wa112-ext-news__row-link:focus-visible {
  outline: 2px solid var(--wa112-ext-accent, var(--theme-accent, #ba0707));
  outline-offset: 2px;
}

.wa112-ext-news__thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #eceae7;
}

.wa112-ext-news__thumb img,
.wa112-ext-news__thumb .wa112-ext-news__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wa112-ext-news__thumb-play {
  position: absolute;
  left: 0.35rem;
  bottom: 0.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #111;
  pointer-events: none;
}

.wa112-ext-news__row-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: clamp(0.92rem, 1.05vw, 1.05rem);
  font-weight: 700;
  line-height: 1.32;
  color: var(--wa112-ext-ink);
  padding-top: 0.05rem;
}

.wa112-ext-news__row-link:hover .wa112-ext-news__row-title,
.wa112-ext-news__row-link:focus .wa112-ext-news__row-title {
  color: var(--wa112-ext-accent, var(--theme-accent, #ba0707));
}

@media (prefers-reduced-motion: reduce) {
  .wa112-ext-news__featured,
  .wa112-ext-news__featured-media img,
  .wa112-ext-news__featured-caption,
  .wa112-ext-news__featured.is-fading,
  .wa112-ext-news__featured.is-fading-in,
  .wa112-ext-news__row.is-selected {
    transition: none;
    animation: none;
    transform: none;
    opacity: 1;
  }
}


.wa112-ext-news__more {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--wa112-ext-muted, #6b6b6b);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none !important;
  transition: color 0.15s ease;
}

.wa112-ext-news__more:hover,
.wa112-ext-news__more:focus {
  color: var(--wa112-ext-accent, var(--theme-accent, #ba0707));
  background: transparent;
  text-decoration: none !important;
}

.wa112-ext-news__more:focus-visible {
  outline: 2px solid var(--wa112-ext-accent, var(--theme-accent, #ba0707));
  outline-offset: 2px;
  border-radius: 2px;
}

@media only screen and (max-width: 991px) {
  .wa112-ext-news__layout {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .wa112-ext-news__rail {
    padding-left: 0;
  }

  .wa112-ext-news__featured-caption {
    left: 0.65rem;
    bottom: 0.65rem;
    max-width: min(94%, 28rem);
  }
}

@media only screen and (max-width: 575px) {
  .wa112-ext-news__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .wa112-ext-news__row-link {
    grid-template-columns: 7rem minmax(0, 1fr);
    gap: 0.8rem;
    padding: 0.85rem 0;
  }

  .wa112-ext-news__featured-title {
    font-size: clamp(1rem, 4.2vw, 1.18rem);
  }

  .wa112-ext-news__row-title {
    font-size: 1.02rem;
  }
}

/* Nieuwsbrief — volle sitebreedte zoals navbar/footer */
.wa112-newsletter-band {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  clear: both;
  background: transparent;
}

.wa112-newsletter-band .wa112-newsletter-widget,
.wa112-newsletter-band .widget_wa112_newsletter,
.wa112-newsletter-widget,
.widget_wa112_newsletter {
  position: static;
  left: auto;
  right: auto;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both;
  list-style: none;
  transform: none;
  box-sizing: border-box;
}

.wa112-newsletter-band .wa112-newsletter-widget,
.wa112-newsletter-band .widget_wa112_newsletter {
  margin: 0 !important;
}

.wa112-newsletter-widget > .wa112-newsletter,
.widget_wa112_newsletter > .wa112-newsletter {
  margin: 0;
  width: 100%;
}

.wa112-newsletter {
  --wa112-nl-bg: var(--theme-accent, #ba0707);
  --wa112-nl-ink: #fff;
  --wa112-nl-muted: rgba(255, 255, 255, 0.88);
  --wa112-nl-deep: color-mix(in srgb, var(--theme-accent, #ba0707) 55%, #120303);
  position: relative;
  width: 100%;
  margin: 0;
  color: var(--wa112-nl-ink);
  background:
    linear-gradient(105deg, rgba(0, 0, 0, 0.18) 0%, transparent 42%),
    var(--wa112-nl-bg);
  overflow: hidden;
}

.wa112-newsletter__shell {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.5rem 2rem;
  width: 100%;
  max-width: 1170px;
  min-height: 8.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.35rem 15px;
  box-sizing: border-box;
}

.wa112-newsletter--no-logo .wa112-newsletter__shell {
  grid-template-columns: minmax(0, 1fr) auto;
}

.wa112-newsletter__brand {
  align-self: stretch;
  display: flex;
  align-items: center;
}

.wa112-newsletter__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.25rem;
  height: 5.25rem;
  padding: 0.55rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.22);
  border: 2px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

.wa112-newsletter__logo-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.wa112-newsletter__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  width: 100%;
}

.wa112-newsletter__copy {
  max-width: 42rem;
}

.wa112-newsletter__title {
  margin: 0 0 0.3rem;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0.01em;
  color: #fff;
}

.wa112-newsletter__text {
  margin: 0;
  font-size: clamp(0.92rem, 1.35vw, 1.05rem);
  font-style: italic;
  font-weight: 500;
  line-height: 1.4;
  color: var(--wa112-nl-muted);
}

.wa112-newsletter__form {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.wa112-newsletter__fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  gap: 0;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.wa112-newsletter__input {
  width: 100%;
  min-width: 0;
  height: 3.05rem;
  margin: 0;
  padding: 0 1rem;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #1a1a1a;
  font-size: 1rem;
  line-height: 1.2;
  box-sizing: border-box;
}

.wa112-newsletter__input::placeholder {
  color: #8b8b8b;
}

.wa112-newsletter__input:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.18);
}

.wa112-newsletter__submit {
  height: 3.05rem;
  margin: 0;
  padding: 0 1.45rem;
  border: 0;
  border-radius: 0;
  background: var(--wa112-nl-deep);
  color: #fff;
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  transition: filter 0.18s ease, background 0.18s ease;
}

.wa112-newsletter__submit:hover,
.wa112-newsletter__submit:focus {
  filter: brightness(1.1);
  color: #fff;
}

.wa112-newsletter__submit:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.wa112-newsletter__admin-hint {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.72);
}

.wa112-newsletter__aside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0.85rem;
  min-width: 7.5rem;
}

.wa112-newsletter__social {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wa112-newsletter__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  color: #fff;
  text-decoration: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.28);
  transition: background 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.wa112-newsletter__social-link:hover,
.wa112-newsletter__social-link:focus {
  color: #fff;
  background: rgba(255, 255, 255, 0.26);
  border-color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transform: translateY(-1px);
}

.wa112-newsletter__social-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.wa112-newsletter__art {
  width: 7.25rem;
  opacity: 0.95;
  pointer-events: none;
}

.wa112-newsletter__paper {
  display: block;
  width: 100%;
  height: auto;
}

.home-below-posts .wa112-newsletter-widget,
.page-content .wa112-newsletter-widget,
.site-sidebar .wa112-newsletter-widget {
  width: 100% !important;
  max-width: none !important;
  position: static;
  left: auto;
  transform: none;
}

@media (max-width: 767px) {
  .wa112-newsletter__shell {
    max-width: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .wa112-newsletter__shell {
    max-width: 750px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .wa112-newsletter__shell {
    max-width: 970px;
  }
}

@media (min-width: 1200px) {
  .wa112-newsletter__shell {
    max-width: 1170px;
  }
}

@media only screen and (max-width: 991px) {
  .wa112-newsletter__shell {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.15rem 1.25rem;
    padding: 1.2rem 1.25rem;
    min-height: 0;
  }

  .wa112-newsletter__aside {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
  }

  .wa112-newsletter__social {
    justify-content: flex-start;
  }

  .wa112-newsletter__art {
    width: 5.5rem;
  }

  .wa112-newsletter__form {
    max-width: none;
  }
}

@media only screen and (max-width: 575px) {
  .wa112-newsletter__shell {
    grid-template-columns: 1fr;
    padding: 1.15rem 1rem 1.25rem;
  }

  .wa112-newsletter__brand {
    display: none;
  }

  .wa112-newsletter__title {
    font-size: 1.28rem;
  }

  .wa112-newsletter__fields {
    grid-template-columns: 1fr;
  }

  .wa112-newsletter__input,
  .wa112-newsletter__submit {
    width: 100%;
    height: 2.9rem;
  }

  .wa112-newsletter__aside {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .wa112-newsletter__art {
    display: none;
  }
}

/* Compact newsletter when placed inside the right sidebar (Type C promo) */
.site-sidebar .wa112-newsletter-widget,
.site-sidebar .widget_wa112_newsletter,
.sidebar-block--promo .wa112-newsletter-widget,
.sidebar-block--promo.wa112-newsletter-widget {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.site-sidebar .wa112-newsletter,
.site-sidebar .wa112-newsletter--compact,
.sidebar-block--promo .wa112-newsletter {
  border-radius: var(--wa112-home-radius);
  overflow: hidden;
}

.site-sidebar .wa112-newsletter__shell,
.site-sidebar .wa112-newsletter--compact .wa112-newsletter__shell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.85rem;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 1rem 1.05rem 1.1rem;
}

.site-sidebar .wa112-newsletter__brand,
.site-sidebar .wa112-newsletter__aside,
.site-sidebar .wa112-newsletter__art,
.site-sidebar .wa112-newsletter__social,
.wa112-newsletter--compact .wa112-newsletter__brand,
.wa112-newsletter--compact .wa112-newsletter__aside,
.wa112-newsletter--compact .wa112-newsletter__art,
.wa112-newsletter--compact .wa112-newsletter__social {
  display: none !important;
}

.site-sidebar .wa112-newsletter__main,
.wa112-newsletter--compact .wa112-newsletter__main {
  gap: 0.65rem;
}

.site-sidebar .wa112-newsletter__title,
.wa112-newsletter--compact .wa112-newsletter__title {
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.25;
}

.site-sidebar .wa112-newsletter__text,
.wa112-newsletter--compact .wa112-newsletter__text {
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.4;
}

.site-sidebar .wa112-newsletter__fields,
.wa112-newsletter--compact .wa112-newsletter__fields {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

.site-sidebar .wa112-newsletter__input,
.wa112-newsletter--compact .wa112-newsletter__input {
  height: 2.6rem;
  border-radius: 8px;
  padding: 0 0.85rem;
}

.site-sidebar .wa112-newsletter__submit,
.wa112-newsletter--compact .wa112-newsletter__submit {
  height: 2.6rem;
  width: 100%;
  border-radius: 8px;
}


/* ==========================================================================
   SEO / a11y pass (Oct 2026)
   ========================================================================== */

/* Spotlight photos are real <img> now; same look as the old cover backgrounds. */
.spotlight-item .spotlight-image,
.spotlight-item .spotlight-image-small {
  position: relative;
}
.spotlight-item .spotlight-image-background,
.spotlight-item .spotlight-image-small-background {
  position: relative;
  overflow: hidden;
}
.spotlight-item img.spotlight-image-media {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

/* Skip link: hidden until keyboard focus, brand red. */
.skip-link.screen-reader-text:focus {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 100000;
  width: auto;
  height: auto;
  margin: 0;
  padding: 10px 16px;
  clip: auto;
  overflow: visible;
  white-space: nowrap;
  background: var(--theme-accent, #ba0707);
  color: #fff;
  font-weight: 700;
  border-radius: 4px;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
main#main:focus {
  outline: none;
}

/* Mobile header: hamburger left, logo truly centred, search + account right. */
@media (max-width: 991px) {
  .site-top__brand {
    justify-content: space-between;
  }
  .site-top .site-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    flex: none;
    max-width: calc(100% - 192px); /* reserve ~96px each side for menu / icons */
    margin: 0;
    padding: 8px 0;
    transform: translate(-50%, -50%);
  }
  .site-top .site-logo .logo-sm {
    max-width: 100% !important;
    height: auto;
    max-height: 28px;
    object-fit: contain;
  }
  .site-top .current-info {
    margin-left: auto !important;
  }
}

/* ==========================================================================
   Mobile/tablet: util links live in the sidenav; sidenav makeover (Oct 2026)
   ========================================================================== */
@media (max-width: 991px) {
  .site-utilbar {
    display: none;
  }

  /* Panel + light slide/fade */
  .offscreen {
    width: min(340px, 88vw);
    max-width: none;
    background: #fff;
    -webkit-transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.28s ease;
    transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.28s ease;
    box-shadow: none;
    overscroll-behavior: contain;
  }
  .offscreen.open,
  .sidenav-toggle-input:checked ~ .offscreen {
    box-shadow: 8px 0 32px rgba(0, 0, 0, 0.22);
  }
  .menu-backdrop {
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.28s ease, visibility 0.28s ease;
    transition: opacity 0.28s ease, visibility 0.28s ease;
  }

  /* Header: logo + close */
  .sidenav-header {
    min-height: 60px;
    padding: 8px 8px 8px 18px;
    border-top: 3px solid var(--theme-accent, #ba0707);
  }
  .sidenav-logo {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .sidenav-logo img {
    max-height: 26px;
  }
  .sidenav-close {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #1a1a1a;
    font-size: 20px;
  }
  .sidenav-close:hover,
  .sidenav-close:focus {
    background: #f2f2f2;
    color: var(--theme-accent, #ba0707);
  }
  .sidenav-close:focus-visible {
    outline: 2px solid var(--theme-accent, #ba0707);
    outline-offset: 2px;
  }

  /* Account: CTA block */
  .sidenav-account {
    background: #fff;
    border-bottom: 0;
  }
  .sidenav-account .jmg-sso-actions--sidenav,
  .sidenav-account .jmg-sso-sidenav-item--actions .jmg-sso-actions {
    gap: 10px;
    padding: 16px 18px 4px;
  }
  #sidenav .sidenav-account .jmg-sso-btn {
    min-height: 46px;
    padding: 12px 16px !important;
    font-size: 15px;
    border-radius: 6px;
  }

  /* Search */
  .sidenav-search {
    padding: 14px 18px 6px;
  }
  .sidenav-search .wa112-searchform__row {
    position: relative;
    gap: 0;
  }
  .sidenav-search .wa112-searchform__input {
    height: 46px;
    padding: 0 48px 0 14px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #f6f6f6;
    color: #1a1a1a;
    font-size: 16px; /* prevents iOS zoom-on-focus */
    box-shadow: none;
  }
  .sidenav-search .wa112-searchform__input:focus {
    border-color: var(--theme-accent, #ba0707);
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-accent, #ba0707) 15%, transparent);
  }
  .sidenav-search .wa112-searchform__submit {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0 5px 5px 0;
    background: transparent;
    color: #1a1a1a;
  }
  .sidenav-search .wa112-searchform__submit:hover,
  .sidenav-search .wa112-searchform__submit:focus {
    color: var(--theme-accent, #ba0707);
  }
  .sidenav-search .wa112-searchform__submit-label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
  .sidenav-search .wa112-searchform__icon {
    display: block;
    margin: 0 auto;
  }

  /* Section labels */
  .sidenav {
    flex: 0 0 auto;
    padding: 0;
  }
  .sidenav-label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 18px 18px 8px;
    color: #1a1a1a;
    font-size: 11.5px;
    letter-spacing: 0.1em;
  }
  .sidenav-label::before {
    content: "";
    width: 14px;
    height: 3px;
    border-radius: 2px;
    background: var(--theme-accent, #ba0707);
  }

  /* Provinces: 2-column tiles, 44px+ targets */
  .sidenav > ul.sidenav-regions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 0 18px;
  }
  .sidenav > ul.sidenav-regions > li a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 6px;
    background: #f5f5f5;
    color: #1a1a1a;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.2;
  }
  .sidenav > ul.sidenav-regions > li a:hover,
  .sidenav > ul.sidenav-regions > li a:focus {
    background: #ececec;
    color: var(--theme-accent, #ba0707);
  }
  .sidenav > ul.sidenav-regions > li a.active {
    background: var(--theme-accent, #ba0707);
    color: #fff;
  }
  .sidenav > ul.sidenav-regions > li a.active::before {
    display: none;
  }

  /* Secondary links: list rows */
  .sidenav > ul.sidenav-links {
    margin: 0 18px;
    border-top: 1px solid #ececec;
  }
  .sidenav > ul.sidenav-links > li {
    border-bottom: 1px solid #ececec;
  }
  .sidenav > ul.sidenav-links > li a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 10px 2px;
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 600;
  }
  .sidenav > ul.sidenav-links > li a:hover,
  .sidenav > ul.sidenav-links > li a:focus {
    background: transparent;
    color: var(--theme-accent, #ba0707);
  }
  .sidenav > ul.sidenav-links > li a[aria-current="page"] {
    color: var(--theme-accent, #ba0707);
  }
  .sidenav > ul > li a i.sidenav-links__icon {
    float: none;
    width: 18px;
    color: var(--theme-accent, #ba0707);
    font-size: 15px;
    text-align: center;
  }
  .sidenav > ul > li a i.sidenav-links__chevron {
    float: none;
    margin-left: auto;
    color: #8a8a8a;
    font-size: 12px;
  }
  .sidenav--more {
    padding-bottom: 28px;
  }

  /* Visible keyboard focus everywhere in the panel */
  #sidenav a:focus-visible,
  #sidenav button:focus-visible {
    outline: 2px solid var(--theme-accent, #ba0707);
    outline-offset: 2px;
  }
}

@media (max-width: 991px) and (prefers-reduced-motion: reduce) {
  .offscreen,
  .menu-backdrop {
    -webkit-transition: none;
    transition: none;
  }
}

/* ==========================================================================
   Newsroom features (Oct 2026): LIVE, Meest gelezen, tijdlijn, tip, stories
   ========================================================================== */

/* --- 112 LIVE pill + ticker --- */
.wa112-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  padding: 3px 9px 3px 8px;
  border-radius: 999px;
  background: var(--theme-accent, #ba0707);
  color: #fff;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}
.wa112-live-pill__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  animation: wa112-live-pulse 1.6s ease-in-out infinite;
}
.wa112-live-pill--sm {
  padding: 2px 7px 2px 6px;
  font-size: 10.5px;
}
@keyframes wa112-live-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.25; }
}
.wa112-live-ticker {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.wa112-live-ticker__inner {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 40px;
}
.wa112-live-ticker__list {
  display: flex;
  gap: 24px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}
.wa112-live-ticker__list::-webkit-scrollbar {
  display: none;
}
.wa112-live-ticker__item {
  flex: none;
  max-width: 520px;
}
.wa112-live-ticker__item a {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  color: #1a1a1a;
  font-size: 14.5px;
  font-weight: 700;
  text-decoration: none;
}
.wa112-live-ticker__item a > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wa112-live-ticker__item time {
  flex: none;
  color: var(--theme-accent, #ba0707);
  font-weight: 800;
}
.wa112-live-ticker__item a:hover span,
.wa112-live-ticker__item a:focus span {
  text-decoration: underline;
}
@media (max-width: 991px) {
  .wa112-live-ticker__inner {
    gap: 10px;
  }
  .wa112-live-ticker__item {
    max-width: 78vw;
  }
  .wa112-live-ticker__item a {
    font-size: 13.5px;
    min-height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wa112-live-pill__dot {
    animation: none;
  }
}

/* --- Tijdlijn: video badge --- */
.sidebar-list__meta .wa112-live-pill {
  align-self: center;
  letter-spacing: 0.08em;
}
.sidebar-list__item--timeline.is-live .sidebar-list__dot {
  background: var(--theme-accent, #ba0707);
}
.sidebar-list__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.wa112-has-video {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #e0ddd8;
  color: #1a1a1a;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}
.wa112-has-video i {
  color: var(--theme-accent, #ba0707);
  font-size: 9.5px;
}

/* --- Meest gelezen (ranked) --- */
.sidebar-list--ranked {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-list__item--ranked {
  border-bottom: 1px solid #ebe8e3;
}
.sidebar-list__item--ranked:last-child {
  border-bottom: 0;
}
.sidebar-list__link--ranked {
  display: flex !important;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 0 !important;
  color: #1a1a1a;
  text-decoration: none;
}
.sidebar-list__rank {
  flex: 0 0 34px;
  color: var(--theme-accent, #ba0707);
  font-size: 41.5px;
  font-weight: 900;
  line-height: 0.9;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.sidebar-list__link--ranked .sidebar-list__text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.sidebar-list__link--ranked .sidebar-list__cat {
  color: #6e6e6e;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.sidebar-list__link--ranked .sidebar-list__title {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}
.sidebar-list__link--ranked:hover .sidebar-list__title,
.sidebar-list__link--ranked:focus .sidebar-list__title {
  color: var(--theme-accent, #ba0707);
}

/* --- Tip de redactie --- */
.site-utilbar__tip a {
  color: var(--theme-accent, #ba0707) !important;
  font-weight: 700;
}
.site-utilbar__tip i {
  margin-right: 4px;
}
.sidenav-tip {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 10px 18px 2px;
  padding: 12px 14px;
  min-height: 56px;
  border-radius: 8px;
  background: #1a1a1a;
  color: #fff;
  text-decoration: none;
}
.sidenav-tip:hover,
.sidenav-tip:focus {
  background: #000;
  color: #fff;
}
.sidenav-tip__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--theme-accent, #ba0707);
}
.sidenav-tip__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  font-size: 13px;
  line-height: 1.3;
}
.sidenav-tip__text strong {
  font-size: 15.5px;
}
.sidenav-tip__chevron {
  margin-left: auto;
  font-size: 12px;
  opacity: 0.8;
}

/* --- Videostrip: stories --- */
.wa112-stories {
  display: flex;
  gap: 12px;
  margin: 0;
  padding: 2px 2px 10px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 2px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}
.wa112-stories__item {
  flex: 0 0 172px;
  scroll-snap-align: start;
}
.wa112-story {
  position: relative;
  display: block;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: 12px;
  background: #222;
  color: #fff;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.wa112-story::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  box-shadow: inset 0 3px 0 var(--theme-accent, #ba0707);
  pointer-events: none;
}
.wa112-story__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}
.wa112-story:hover .wa112-story__img,
.wa112-story:focus .wa112-story__img {
  transform: scale(1.04);
}
.wa112-story::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.88) 100%);
}
.wa112-story__play {
  position: absolute;
  top: 12px;
  left: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--theme-accent, #ba0707);
  color: #fff;
}
.wa112-story__duration {
  position: absolute;
  top: 14px;
  right: 10px;
  z-index: 3;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.72);
  font-size: 11.5px;
  font-weight: 700;
}
.wa112-story__body {
  position: absolute;
  right: 10px;
  bottom: 12px;
  left: 10px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wa112-story__cat {
  align-self: flex-start;
  padding: 1px 6px;
  border-radius: 3px;
  background: var(--theme-accent, #ba0707);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.wa112-story__title {
  display: -webkit-box;
  overflow: hidden;
  font-size: 14.5px;
  font-weight: 800;
  line-height: 1.25;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.wa112-story:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}
@media (max-width: 767px) {
  .wa112-stories__item {
    flex-basis: 40vw;
    max-width: 170px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wa112-story__img {
    transition: none;
  }
}

/* ==========================================================================
   Templates 2026: article, archives, author, page
   ========================================================================== */
.wa112-tpl {
  background: var(--wa112-home-page-bg, #f5f5f5);
  padding-bottom: 40px;
}
.wa112-tpl .container {
  white-space: normal;
}
.wa112-widget-row {
  margin: 12px 0;
  text-align: center;
}

/* Breadcrumbs */
.wa112-crumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.wa112-crumbs li {
  display: inline-flex;
  align-items: center;
  color: #6b6b6b;
}
.wa112-crumbs li + li::before {
  content: "›";
  margin: 0 8px;
  color: #a8a29b;
  font-weight: 400;
}
.wa112-crumbs a {
  color: var(--theme-accent, #ba0707);
  text-decoration: none;
}
.wa112-crumbs a:hover,
.wa112-crumbs a:focus {
  text-decoration: underline;
}

/* Layout rows */
.wa112-article-row,
.wa112-archive-row {
  margin-top: 20px;
}
.wa112-sidebar__sticky {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1200px) {
  .wa112-sidebar__sticky {
    position: sticky;
    top: 70px;
  }
}
.wa112-side-module {
  padding: 20px;
  border: 1px solid var(--wa112-home-border, #e8e6e3);
  border-radius: var(--wa112-home-radius, 10px);
  background: #fff;
}
.wa112-side-module__title,
.wa112-section-head__title {
  position: relative;
  margin: 0 0 14px;
  padding-bottom: 10px;
  color: #1a1a1a;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}
.wa112-side-module__title::after,
.wa112-section-head__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: var(--theme-accent, #ba0707);
}
.wa112-side-module .sidebar-list__dot {
  box-shadow: 0 0 0 4px #fff;
}

/* --- Article --- */
.wa112-article {
  min-width: 0;
}
.wa112-article__header {
  margin-bottom: 16px;
}
.wa112-article__live {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  color: var(--theme-accent, #ba0707);
  font-size: 13.5px;
  font-weight: 700;
}
.wa112-article__title {
  margin: 0;
  color: #1a1a1a;
  font-size: clamp(27px, 19px + 2.2vw, 41.5px);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}
.wa112-hero {
  margin: 0 0 16px;
}
.wa112-hero__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--wa112-home-radius, 10px);
  background: #1a1a1a;
  max-height: none;
}
.wa112-hero__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.wa112-hero__caption {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin-top: 8px;
  color: #555;
  font-size: 13px;
  line-height: 1.4;
}
.wa112-hero__credit {
  color: #6b6b6b;
}

.wa112-byline {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid var(--wa112-home-border, #e8e6e3);
}
.wa112-avatar__mono,
.wa112-avatar__img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: 50%;
  object-fit: cover;
}
.wa112-avatar__mono {
  background: var(--theme-accent, #ba0707);
  color: #fff;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.wa112-byline__text {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  min-width: 0;
  line-height: 1.35;
}
.wa112-byline__name {
  color: #1a1a1a;
  font-weight: 800;
  text-decoration: none;
}
.wa112-byline__name:hover,
.wa112-byline__name:focus {
  color: var(--theme-accent, #ba0707);
  text-decoration: underline;
}
.wa112-byline__role {
  color: #6b6b6b;
  font-size: 13.5px;
}
.wa112-byline__dates {
  flex-basis: 100%;
  color: #555;
  font-size: 13.5px;
}

.wa112-article__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--wa112-home-border, #e8e6e3);
}
.wa112-gsource {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #dadce0;
  border-radius: 999px;
  background: #fff;
  color: #1a1a1a;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}
.wa112-gsource:hover,
.wa112-gsource:focus {
  border-color: #1a1a1a;
  color: #1a1a1a;
}

.wa112-share {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wa112-share__label {
  color: #6b6b6b;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wa112-share__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 44px;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--wa112-home-border, #e8e6e3);
  border-radius: 999px;
  background: #fff;
  color: #1a1a1a;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.wa112-share__btn--whatsapp,
.wa112-share__btn--facebook,
.wa112-share__btn--x {
  width: 44px;
  padding: 0;
}
.wa112-share__btn:hover,
.wa112-share__btn:focus {
  border-color: var(--theme-accent, #ba0707);
  color: var(--theme-accent, #ba0707);
}
.wa112-share__btn.is-copied {
  border-color: #1a7f37;
  color: #1a7f37;
}
.wa112-article__share-end {
  margin: 22px 0 8px;
}

/* Body typography */
.wa112-article__body {
  padding-top: 20px;
  color: #1f1f1f;
  font-size: 18px;
  line-height: 1.7;
  overflow-wrap: break-word;
}
.wa112-article__body > p {
  margin: 0 0 1.1em;
}
.wa112-article__body > p:first-of-type {
  font-size: 19px;
  font-weight: 600;
  line-height: 1.6;
}
.wa112-article__body h2,
.wa112-article__body h3 {
  margin: 1.6em 0 0.5em;
  color: #1a1a1a;
  font-weight: 800;
  line-height: 1.25;
}
.wa112-article__body h2 { font-size: 23px; }
.wa112-article__body h3 { font-size: 19px; }
.wa112-article__body a {
  color: var(--theme-accent, #ba0707);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.wa112-article__body img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.wa112-article__body blockquote {
  margin: 1.4em 0;
  padding: 4px 0 4px 18px;
  border-left: 4px solid var(--theme-accent, #ba0707);
  font-size: 19px;
  font-weight: 700;
}
.wa112-article__body ul,
.wa112-article__body ol {
  margin: 0 0 1.1em;
  padding-left: 1.3em;
}
.wa112-article__source {
  color: #6b6b6b;
  font-size: 14.5px;
}

/* Lees ook */
.wa112-leesook {
  margin: 1.4em 0 1.6em;
  padding: 14px 16px;
  border-left: 4px solid var(--theme-accent, #ba0707);
  border-radius: 0 8px 8px 0;
  background: #fff;
}
.wa112-leesook__label {
  display: block;
  margin-bottom: 6px;
  color: var(--theme-accent, #ba0707);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wa112-leesook ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wa112-leesook li + li {
  border-top: 1px solid var(--wa112-home-border, #e8e6e3);
}
.wa112-article__body .wa112-leesook a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 0;
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none;
}
.wa112-article__body .wa112-leesook a:hover span,
.wa112-article__body .wa112-leesook a:focus span {
  color: var(--theme-accent, #ba0707);
  text-decoration: underline;
}
.wa112-article__body .wa112-leesook__img {
  flex: none;
  width: 72px;
  height: 48px;
  border-radius: 6px;
  object-fit: cover;
}

/* Ad slots: placeholder box + label (fix10: terug op verzoek, CLS). Gereserveerde hoogte per slot via
   --wa112-ad-h (Website → Advertenties → "…: gereserveerde hoogte (px)"); 0 = geen reservering. */
.wa112-ad {
  margin: 1.6em 0;
  padding: 8px 0 12px;
  border-top: 1px solid var(--wa112-home-border, #e8e6e3);
  border-bottom: 1px solid var(--wa112-home-border, #e8e6e3);
  text-align: center;
}
.wa112-ad__label {
  display: block;
  margin-bottom: 6px;
  color: #6b6b6b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.wa112-ad__slot {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--wa112-ad-h, 0px);
  overflow: hidden;
}

/* Tags */
.wa112-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}
.wa112-tags a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--wa112-home-border, #e8e6e3);
  color: #1a1a1a;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
}
.wa112-tags a:hover,
.wa112-tags a:focus {
  border-color: var(--theme-accent, #ba0707);
  color: var(--theme-accent, #ba0707);
}

/* Recirculation */
.wa112-recirc {
  margin-top: 36px;
}
.wa112-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.wa112-section-head__more {
  margin-bottom: 14px;
  color: var(--theme-accent, #ba0707);
  font-size: 14.5px;
  font-weight: 700;
  text-decoration: none;
}
.wa112-tpl .wa112-newsletter {
  margin-top: 36px;
}

/* --- Cards & grids --- */
.wa112-grid {
  display: grid;
  gap: 18px;
}
.wa112-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wa112-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wa112-grid__full { grid-column: 1 / -1; }
.wa112-card {
  min-width: 0;
}
.wa112-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--wa112-home-border, #e8e6e3);
  border-radius: var(--wa112-home-radius, 10px);
  background: #fff;
  color: #1a1a1a;
  text-decoration: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.wa112-card__link:hover,
.wa112-card__link:focus {
  color: #1a1a1a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.wa112-card__link:hover .wa112-card__title,
.wa112-card__link:focus .wa112-card__title {
  color: var(--theme-accent, #ba0707);
}
.wa112-card__media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  background: #e9e6e2;
}
.wa112-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wa112-card__play {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--theme-accent, #ba0707);
  color: #fff;
  font-size: 12px;
}
.wa112-card__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px 16px;
}
.wa112-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  color: #6b6b6b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.wa112-card__cat {
  color: var(--theme-accent, #ba0707);
}
.wa112-card__title {
  margin: 0;
  color: inherit;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
}
.wa112-card--lead {
  margin-bottom: 18px;
}
.wa112-card--lead .wa112-card__title {
  font-size: clamp(22.5px, 17.5px + 1.2vw, 32px);
  font-weight: 900;
  line-height: 1.15;
}
.wa112-card--lead .wa112-card__body {
  padding: 16px 20px 20px;
}
.wa112-card__lead {
  color: #444;
  font-size: 16px;
  line-height: 1.5;
}

/* Pagination */
.wa112-pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}
.wa112-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--wa112-home-border, #e8e6e3);
  border-radius: 8px;
  background: #fff;
  color: #1a1a1a;
  font-weight: 800;
  text-decoration: none;
}
.wa112-pagination a.page-numbers:hover,
.wa112-pagination a.page-numbers:focus {
  border-color: var(--theme-accent, #ba0707);
  color: var(--theme-accent, #ba0707);
}
.wa112-pagination .page-numbers.current {
  border-color: var(--theme-accent, #ba0707);
  background: var(--theme-accent, #ba0707);
  color: #fff;
}
.wa112-pagination .page-numbers.dots {
  border: 0;
  background: none;
}

/* --- Archive header --- */
.wa112-archive-head {
  margin-top: 20px;
  padding: 22px 24px;
  border-radius: var(--wa112-home-radius, 10px);
  border-top: 4px solid var(--theme-accent, #ba0707);
  background: #fff;
}
.wa112-archive-head__kicker {
  margin: 0 0 4px;
  color: var(--theme-accent, #ba0707);
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wa112-archive-head__title {
  margin: 0;
  color: #1a1a1a;
  font-size: clamp(29px, 21px + 2vw, 41.5px);
  font-weight: 900;
  line-height: 1.1;
}
.wa112-archive-head__desc {
  max-width: 720px;
  margin: 8px 0 0;
  color: #444;
  font-size: 16px;
  line-height: 1.55;
}
.wa112-empty {
  padding: 24px;
  border-radius: 10px;
  background: #fff;
}

/* Author */
.wa112-author-head__row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.wa112-author-head__avatar .wa112-avatar__mono,
.wa112-author-head__avatar .wa112-avatar__img {
  width: 96px;
  height: 96px;
}
.wa112-author-head__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  color: #6b6b6b;
  font-size: 14.5px;
  font-weight: 700;
}
.wa112-author-head__facts a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: var(--theme-accent, #ba0707);
}
.wa112-author-list-title {
  margin-top: 28px;
}

/* --- Page --- */
.wa112-page {
  max-width: 780px;
  margin: 24px auto 0;
  padding: 28px 32px 32px;
  border-radius: var(--wa112-home-radius, 10px);
  border-top: 4px solid var(--theme-accent, #ba0707);
  background: #fff;
}
.wa112-page__title {
  margin: 0;
  color: #1a1a1a;
  font-size: clamp(29px, 21px + 2vw, 40px);
  font-weight: 900;
  line-height: 1.12;
}
.wa112-page__intro {
  margin: 10px 0 0;
  color: #333;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.55;
}
.wa112-page__media {
  margin: 20px 0 0;
}
.wa112-page__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.wa112-page__body {
  margin-top: 20px;
  color: #1f1f1f;
  font-size: 17px;
  line-height: 1.7;
}
.wa112-page__body h2 {
  margin: 1.6em 0 0.5em;
  font-size: 22.5px;
  font-weight: 800;
}
.wa112-page__body h3 {
  margin: 1.3em 0 0.4em;
  font-size: 18.5px;
  font-weight: 800;
}
.wa112-page__body a {
  color: var(--theme-accent, #ba0707);
  text-decoration: underline;
}
.wa112-page__body ul,
.wa112-page__body ol {
  padding-left: 1.3em;
}
.wa112-page__updated {
  margin: 28px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--wa112-home-border, #e8e6e3);
  color: #6b6b6b;
  font-size: 13.5px;
}

/* --- Responsive --- */
@media (max-width: 1199px) {
  .wa112-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .wa112-sidebar {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .wa112-tpl .container {
    padding-right: 16px;
    padding-left: 16px;
  }
  .wa112-article-row,
  .wa112-archive-row {
    margin-top: 12px;
  }
  .wa112-hero {
    margin-right: -16px;
    margin-left: -16px;
  }
  .wa112-hero__media {
    border-radius: 0;
  }
  .wa112-hero__caption {
    padding: 0 16px;
  }
  .wa112-article__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .wa112-gsource {
    justify-content: center;
  }
  .wa112-share {
    justify-content: space-between;
  }
  .wa112-article__body {
    font-size: 17px;
  }
  .wa112-article__body > p:first-of-type {
    font-size: 18px;
  }
  .wa112-grid--2,
  .wa112-grid--3 {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .wa112-grid .wa112-card__link {
    flex-direction: row;
    align-items: stretch;
  }
  .wa112-grid .wa112-card__media {
    flex: 0 0 38%;
    aspect-ratio: 4 / 3;
  }
  .wa112-grid .wa112-card__body {
    padding: 10px 12px;
  }
  .wa112-grid .wa112-card__title {
    font-size: 15.5px;
  }
  .wa112-card--lead .wa112-card__lead {
    display: none;
  }
  .wa112-archive-head,
  .wa112-page {
    padding: 18px;
  }
  .wa112-page {
    margin-top: 12px;
  }
  .wa112-author-head__row {
    gap: 14px;
  }
  .wa112-author-head__avatar .wa112-avatar__mono,
  .wa112-author-head__avatar .wa112-avatar__img {
    width: 72px;
    height: 72px;
  }
  .wa112-side-module {
    padding: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wa112-card__link { transition: none; }
}
.wa112-side-module .sidebar-list__link--timeline .sidebar-list__title {
  font-size: 16px;
  line-height: 1.35;
}
.wa112-side-module .sidebar-list__meta {
  font-size: 12px;
}
.wa112-side-module .sidebar-module__title {
  font-size: 20px;
  font-weight: 800;
}

/* Subtle breadcrumb: small grey, only the province in brand red */
.wa112-crumbs ol {
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: 0;
}
.wa112-crumbs li,
.wa112-crumbs a {
  color: #6e6e6e;
}
.wa112-crumbs li + li::before {
  margin: 0 6px;
  color: #9a9a9a;
}
.wa112-crumbs .wa112-crumbs__region a,
.wa112-crumbs .wa112-crumbs__region span {
  color: var(--theme-accent, #ba0707);
  font-weight: 600;
}
.wa112-crumbs a:hover,
.wa112-crumbs a:focus {
  color: #1a1a1a;
}
.wa112-crumbs .wa112-crumbs__region a:hover,
.wa112-crumbs .wa112-crumbs__region a:focus {
  color: var(--theme-accent, #ba0707);
}

/* ==========================================================================
   Liveblog, liveblogs overview, search (px units: html font-size is 10px)
   ========================================================================== */
.wa112-live-ticker__all {
  flex: none;
  margin-left: auto;
  padding-left: 12px;
  color: var(--theme-accent, #ba0707);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
}
.wa112-live-ticker__all:hover,
.wa112-live-ticker__all:focus { text-decoration: underline; }
@media (max-width: 767px) {
  .wa112-live-ticker__all { display: none; }
}

.wa112-liveblog {
  position: relative;
  margin-top: 28px;
}
.wa112-liveblog__bar {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 2px solid #1a1a1a;
  background: var(--wa112-home-page-bg, #f5f5f5);
}
@media (min-width: 992px) {
  .wa112-liveblog__bar { top: 54px; }
}
.wa112-liveblog__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #1a1a1a;
  font-size: 20px;
  font-weight: 900;
}
.wa112-liveblog.is-ended .wa112-liveblog__heading { color: #444; }
.wa112-liveblog__count {
  color: #6e6e6e;
  font-size: 14px;
  font-weight: 700;
}
.wa112-liveblog__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 6px 14px 6px 8px;
  border: 1px solid var(--wa112-home-border, #e8e6e3);
  border-radius: 999px;
  background: #fff;
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.wa112-liveblog__toggle-track {
  position: relative;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background: #c9c4bd;
  transition: background 0.2s ease;
}
.wa112-liveblog__toggle-track::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.2s ease;
}
.wa112-liveblog__toggle[aria-pressed="true"] .wa112-liveblog__toggle-track { background: var(--theme-accent, #ba0707); }
.wa112-liveblog__toggle[aria-pressed="true"] .wa112-liveblog__toggle-track::after { transform: translateX(16px); }
.wa112-liveblog.is-highlights .wa112-update:not(.is-key) { display: none; }
.wa112-liveblog__new {
  position: sticky;
  top: 80px;
  z-index: 6;
  display: block;
  margin: 12px auto 0;
  padding: 10px 18px;
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  background: var(--theme-accent, #ba0707);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--theme-accent, #ba0707) 35%, transparent);
  cursor: pointer;
}
.wa112-liveblog__new[hidden] { display: none; }

.wa112-updates {
  margin: 0;
  padding: 8px 0 0;
  list-style: none;
}
.wa112-update {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 14px;
  padding: 14px 0 0;
}
.wa112-update::before {
  content: "";
  position: absolute;
  top: 26px;
  bottom: -14px;
  left: 70px;
  width: 2px;
  background: #d8d3cc;
}
.wa112-update:last-child::before { display: none; }
.wa112-update__time {
  padding-top: 14px;
  text-align: right;
}
.wa112-update__time time {
  display: block;
  color: var(--theme-accent, #ba0707);
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
.wa112-update__date {
  display: block;
  color: #6e6e6e;
  font-size: 12px;
  font-weight: 700;
}
.wa112-update__card {
  position: relative;
  padding: 14px 18px 12px;
  border: 1px solid var(--wa112-home-border, #e8e6e3);
  border-radius: var(--wa112-home-radius, 10px);
  background: #fff;
}
.wa112-update__card::before {
  content: "";
  position: absolute;
  top: 18px;
  left: -21px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #1a1a1a;
  box-shadow: 0 0 0 4px var(--wa112-home-page-bg, #f5f5f5);
}
.wa112-update:first-child .wa112-update__card::before,
.wa112-update.is-key .wa112-update__card::before { background: var(--theme-accent, #ba0707); }
.wa112-update.is-key .wa112-update__card { border-left: 4px solid var(--theme-accent, #ba0707); }
.wa112-update__badge {
  display: inline-block;
  margin-bottom: 6px;
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--theme-accent, #ba0707);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wa112-update__title {
  margin: 0 0 6px;
  color: #1a1a1a;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.3;
}
.wa112-update__body {
  color: #1f1f1f;
  font-size: 17px;
  line-height: 1.65;
}
.wa112-update__body p { margin: 0 0 0.8em; }
.wa112-update__body img { max-width: 100%; height: auto; border-radius: 8px; }
.wa112-update__demo {
  margin: 0 0 6px;
  color: #6e6e6e;
  font-size: 12px;
  font-style: italic;
}
.wa112-update__link {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: #6e6e6e;
  font-size: 13px;
  text-decoration: none;
}
.wa112-update__link:hover,
.wa112-update__link:focus { color: var(--theme-accent, #ba0707); text-decoration: underline; }
.wa112-update--ad {
  display: block;
}
.wa112-update--ad::before { display: none; }
@media (max-width: 767px) {
  .wa112-update { grid-template-columns: 48px minmax(0, 1fr); gap: 12px; }
  .wa112-update::before { left: 54px; }
  .wa112-update__card { padding: 12px 14px 10px; }
  .wa112-update__card::before { left: -19px; }
  .wa112-update__time time { font-size: 15px; }
  .wa112-update__title { font-size: 17px; }
  .wa112-update__body { font-size: 16px; }
  .wa112-liveblog__heading { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .wa112-liveblog__toggle-track,
  .wa112-liveblog__toggle-track::after { transition: none; }
}

.wa112-liveblogs__ended { margin-top: 36px; }

/* Search */
.wa112-search-form {
  display: flex;
  gap: 8px;
  max-width: 640px;
  margin-top: 16px;
}
.wa112-search-form input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  height: 50px;
  padding: 0 16px;
  border: 1px solid #cfcac3;
  border-radius: 8px;
  background: #fff;
  color: #1a1a1a;
  font-size: 16px;
}
.wa112-search-form input[type="search"]:focus {
  border-color: var(--theme-accent, #ba0707);
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-accent, #ba0707) 15%, transparent);
}
.wa112-search-form button {
  flex: none;
  height: 50px;
  padding: 0 22px;
  border: 0;
  border-radius: 8px;
  background: var(--theme-accent, #ba0707);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}
.wa112-search-form button:hover,
.wa112-search-form button:focus { background: color-mix(in srgb, var(--theme-accent, #ba0707) 80%, #000); }
.wa112-search-head__count {
  margin: 12px 0 0;
  color: #6e6e6e;
  font-size: 14px;
  font-weight: 700;
}
.wa112-results {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wa112-result__link {
  display: flex;
  gap: 16px;
  padding: 12px;
  border: 1px solid var(--wa112-home-border, #e8e6e3);
  border-radius: var(--wa112-home-radius, 10px);
  background: #fff;
  color: #1a1a1a;
  text-decoration: none;
}
.wa112-result__link:hover,
.wa112-result__link:focus { color: #1a1a1a; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); }
.wa112-result__link:hover .wa112-result__title,
.wa112-result__link:focus .wa112-result__title { color: var(--theme-accent, #ba0707); }
.wa112-result__media {
  position: relative;
  flex: 0 0 200px;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 8px;
  background: #e9e6e2;
}
.wa112-result__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wa112-result__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.wa112-result__title {
  margin: 0;
  color: inherit;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
}
.wa112-result__excerpt {
  color: #444;
  font-size: 15px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .wa112-result__link { gap: 12px; padding: 10px; }
  .wa112-result__media { flex-basis: 112px; aspect-ratio: 1 / 1; }
  .wa112-result__title { font-size: 16px; }
  .wa112-result__excerpt { display: none; }
  .wa112-search-form button { padding: 0 16px; }
}
/* Liveblog timeline geometry: keep the dot clear of the timestamp */
.wa112-update { grid-template-columns: 70px minmax(0, 1fr); gap: 22px; }
.wa112-update::before { left: 80px; }
.wa112-update__time { padding-right: 14px; }
.wa112-update__card::before { left: -17px; }
@media (max-width: 767px) {
  .wa112-update { grid-template-columns: 56px minmax(0, 1fr); gap: 20px; }
  .wa112-update::before { left: 65px; }
  .wa112-update__time { padding-right: 10px; }
  .wa112-update__time time { font-size: 14px; }
  .wa112-update__card::before { left: -16px; }
}

/* Puzzle promo (end of article) */
.wa112-puzzle-promo {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 28px 0;
  padding: 18px 20px;
  border-radius: var(--wa112-home-radius, 10px);
  background: #1a1a1a;
  color: #fff;
}
.wa112-puzzle-promo__art {
  flex: none;
  display: grid;
  grid-template-columns: repeat(3, 30px);
  grid-auto-rows: 30px;
  gap: 3px;
  padding: 6px;
  border-radius: 8px;
  background: var(--theme-accent, #ba0707);
  transform: rotate(-4deg);
}
.wa112-puzzle-promo__art span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: #fff;
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 900;
}
.wa112-puzzle-promo__body { min-width: 0; }
.wa112-puzzle-promo__kicker {
  margin: 0 0 2px;
  color: #ff8a8a;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wa112-puzzle-promo__title { margin: 0 0 4px; font-size: 22px; font-weight: 900; line-height: 1.2; }
.wa112-puzzle-promo__title a { color: #fff; text-decoration: none; }
.wa112-puzzle-promo__title a:hover,
.wa112-puzzle-promo__title a:focus { text-decoration: underline; }
.wa112-puzzle-promo__text { margin: 0 0 12px; color: #d6d6d6; font-size: 15px; line-height: 1.45; }
.wa112-puzzle-promo__ctas { display: flex; flex-wrap: wrap; gap: 8px; }
.wa112-puzzle-promo__cta {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  background: #fff;
  color: #1a1a1a;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}
.wa112-puzzle-promo__cta:first-child { background: var(--theme-accent, #ba0707); color: #fff; }
.wa112-puzzle-promo__cta:hover,
.wa112-puzzle-promo__cta:focus { filter: brightness(0.92); text-decoration: none; color: inherit; }
.wa112-puzzle-promo__cta:first-child:hover,
.wa112-puzzle-promo__cta:first-child:focus { color: #fff; }
@media (max-width: 767px) {
  .wa112-puzzle-promo { align-items: flex-start; gap: 14px; padding: 16px; }
  .wa112-puzzle-promo__art { grid-template-columns: repeat(3, 20px); grid-auto-rows: 20px; gap: 2px; padding: 4px; }
  .wa112-puzzle-promo__art span { font-size: 11px; }
  .wa112-puzzle-promo__title { font-size: 19px; }
}

/* 2027 homepage/categorie-feed, telefoons (≤575px): kaarten even breed als de blokken erboven
   (hoofdkaart + 'Met video'-grid, 15px marge), afgeronde hoeken; niet meer edge-to-edge.
   (Aangepast 2026-10-20 op verzoek van Simon.) */
@media only screen and (max-width: 575px) {
  .wa112-home-layout-2027 .site-main {
    overflow-x: clip;
  }
  /* Hoofdfeed staat in een kolom met 15px padding: terug naar de rand van de blokken erboven. */
  .home-template--2027 .wa112-home-feed:not(.wa112-more-articles__grid) {
    margin-left: -15px;
    margin-right: -15px;
  }
  /* 'Meer uit …'-grids staan al op die rand. */
  .home-template--2027 .wa112-more-articles__grid.wa112-home-feed {
    margin-left: 0;
    margin-right: 0;
  }
  .home-template--2027 .wa112-home-feed {
    gap: 12px;
  }
  .home-template--2027 .wa112-home-row__link {
    border-radius: 10px;
    overflow: hidden;
  }
  .home-template--2027 .wa112-home-row__media,
  .home-template--2027 .wa112-home-row--wide .wa112-home-row__media,
  .home-template--2027 .wa112-home-row--small .wa112-home-row__media {
    aspect-ratio: 4 / 3;
    border-radius: 10px;
  }
  .home-template--2027 .wa112-home-row__title {
    font-size: clamp(18px, 5vw, 21px);
  }
}

/* ==========================================================================
   Partner block 2026 restyle (Gelre/Noorder/Brabant): theme header, subtle partner
   accent (dot only), gradient lead, calm 5-row list, clear "Meer van …" button.
   ========================================================================== */
.wa112-ext-news {
  padding: 18px 20px 20px;
}
.wa112-ext-news__head {
  align-items: flex-end;
  margin: 0 0 16px;
  padding: 0 0 10px;
  border-bottom: 3px solid var(--wa112-ext-accent, #ba0707);
}
.wa112-ext-news__brand { gap: 12px; flex-wrap: wrap; align-items: baseline; }
.wa112-ext-news__accent,
.wa112-ext-news__featured-accent { display: none; }
.wa112-ext-news__heading {
  font-size: clamp(19px, 2.4vw, 24px);
  font-weight: 800;
  letter-spacing: 0.01em;
  color: var(--wa112-home-title, #1a1a1a);
}
.wa112-ext-news__partner,
.wa112-ext-news__featured-source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.wa112-ext-news__partner { color: var(--wa112-ext-accent, #6e6e6e); }
.wa112-ext-news__dot {
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: 50%;
  background: var(--wa112-ext-accent, #6e6e6e);
}
.wa112-ext-news__tab.is-active { color: var(--wa112-ext-accent, #ba0707); border-color: var(--wa112-ext-accent, #ba0707); }

/* Lead: same look as the feed cards (gradient + white headline) */
.wa112-ext-news__featured-media { border-radius: 8px; }
.wa112-ext-news__featured-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.82) 100%);
  pointer-events: none;
}
.wa112-ext-news__featured-caption {
  left: 0;
  right: 0;
  bottom: 0;
  max-width: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 18px 20px 18px;
  background: none;
}
.wa112-ext-news__featured-source { color: #fff; }
.wa112-ext-news__featured-title {
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 800;
  line-height: 1.25;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* List */
.wa112-ext-news__rail { padding-left: 20px; scrollbar-color: #c9c4bd transparent; }
.wa112-ext-news__row { border: 0; border-bottom: 1px solid var(--wa112-home-border, #e8e6e3); background: none; }
.wa112-ext-news__row:last-child { border-bottom: 0; }
.wa112-ext-news__row-link {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 10px 8px 10px 0;
  border-left: 3px solid transparent;
  background: none;
  transition: background 0.15s ease;
}
.wa112-ext-news__row:first-child .wa112-ext-news__row-link { padding-top: 0; }
.wa112-ext-news__thumb {
  width: 96px;
  height: auto;
  aspect-ratio: 3 / 2;
  border-radius: 6px;
  overflow: hidden;
}
.wa112-ext-news__thumb img { width: 100%; height: 100%; object-fit: cover; }
.wa112-ext-news__row-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.wa112-ext-news__time {
  color: var(--wa112-ext-accent, #ba0707);
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.wa112-ext-news__row-title {
  display: -webkit-box;
  overflow: hidden;
  color: #1a1a1a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.wa112-ext-news__row.is-selected { background: none; }
.wa112-ext-news__row.is-selected .wa112-ext-news__row-link {
  border-left-color: var(--wa112-ext-accent, #ba0707);
  padding-left: 8px;
  background: #f7f7f7;
  background: color-mix(in srgb, var(--wa112-ext-accent, #ba0707) 7%, #fff);
}
.wa112-ext-news__row.is-selected .wa112-ext-news__row-title,
.wa112-ext-news__row-link:hover .wa112-ext-news__row-title,
.wa112-ext-news__row-link:focus .wa112-ext-news__row-title { color: var(--wa112-ext-accent, #ba0707); }

/* Foot: clear outline button in the theme palette */
.wa112-ext-news__foot { display: flex; justify-content: flex-end; margin-top: 16px; }
.wa112-ext-news__foot:empty { display: none; }
.wa112-ext-news__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  border: 2px solid var(--wa112-ext-accent, #ba0707);
  border-radius: 999px;
  background: #fff;
  color: var(--wa112-ext-accent, #ba0707);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
}
.wa112-ext-news__more:hover,
.wa112-ext-news__more:focus {
  background: var(--wa112-ext-accent, #ba0707);
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width: 991px) {
  .wa112-ext-news__rail { padding-left: 0; }
  .wa112-ext-news__rail--scroll { max-height: none; overflow: visible; }
  .wa112-ext-news__featured-caption { left: 0; bottom: 0; max-width: none; padding: 14px 16px; }
}
@media only screen and (max-width: 575px) {
  .wa112-ext-news { padding: 14px 14px 16px; }
  .wa112-ext-news__head { flex-direction: row; align-items: flex-end; }
  .wa112-ext-news__row-link { grid-template-columns: 88px minmax(0, 1fr); gap: 12px; padding: 10px 8px 10px 0; }
  .wa112-ext-news__thumb { width: 88px; }
  .wa112-ext-news__row-title { font-size: 15px; }
  .wa112-ext-news__foot { justify-content: stretch; }
  .wa112-ext-news__more { width: 100%; justify-content: center; }
}
/* partner block: neutralise the global footer style, keep row geometry stable when selected */
.wa112-ext-news .wa112-ext-news__foot { padding: 0; border: 0; background: none; color: inherit; }
.wa112-ext-news__row-link,
.wa112-ext-news__row:first-child .wa112-ext-news__row-link { padding-left: 8px; }
.wa112-ext-news__row:first-child .wa112-ext-news__row-link { padding-top: 10px; }

/* Part 17: partner block fixes ------------------------------------------------ */
/* 1. Equal 24px rhythm above/below (was 45px above, 5px below). */
.home-companion-row:has(+ .wa112-ext-news) .home-companion-row__main { padding-bottom: 9px; }
.wa112-ext-news { margin-top: 0; margin-bottom: 19px; }
/* 2. The placeholder carried [hidden] but a display:block rule overrode it, laying
      a grey layer over the loaded photo. Respect hidden again. */
.wa112-ext-news__placeholder[hidden],
.wa112-ext-news [hidden] { display: none !important; }
/* 3. Desktop: no inner scroll box (it clipped row 5); the block grows to fit all 5. */
@media only screen and (min-width: 992px) {
  .wa112-ext-news__rail--scroll {
    max-height: none;
    min-height: 0;
    overflow: visible;
    align-self: start;
  }
}

/* ==========================================================================
   Part 18 polish
   ========================================================================== */
/* Homepage pagination uses the archive style (.wa112-pagination); centre it in the feed. */
.home-template .wa112-pagination,
.wa112-pager-widget .wa112-pagination { margin: 24px 0 8px; }

/* Footer menu on phones: two columns, readable text, 44px targets. */
@media only screen and (max-width: 767px) {
  .footer-main .footer-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    margin: 0;
    padding: 0;
  }
  .footer-main .footer-links li { margin: 0; padding: 0; border: 0; }
  .footer-main .footer-links a {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-size: 15px;
    line-height: 1.25;
  }
  .footer-main .footer-col__title { margin: 8px 0 4px; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; }
  .footer-main .footer-col { padding-top: 0; padding-bottom: 0; }
}

/* Articles: Meest gelezen only in the desktop sidebar (on phones it repeated below the newsletter). */
@media only screen and (max-width: 991px) {
  .wa112-sidebar__mostread { display: block; }
}
.wa112-recirc--related .wa112-grid--2 { gap: 16px; }

/* Sidenav: clear dark backdrop with a smooth fade; tap it to close (it is the toggle label). */
@media only screen and (max-width: 991px) {
  .menu-backdrop {
    background: rgba(0, 0, 0, 0.55);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 0.25s ease, visibility 0.25s ease;
  }
  #sidenav.offscreen { height: 100vh; height: 100dvh; max-height: none; bottom: 0; }
}
@media (prefers-reduced-motion: reduce) { .menu-backdrop { transition: none; } }

/* Liveblogs overview: friendly empty state */
.wa112-lb-empty {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin: 0 0 24px;
  padding: 18px 20px;
  border-left: 4px solid var(--theme-accent, #ba0707);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.wa112-lb-empty__icon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f6e6e6;
}
.wa112-lb-empty__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--theme-accent, #ba0707); }
.wa112-lb-empty__title { margin: 0 0 4px; font-size: 17px; font-weight: 800; color: #1a1a1a; }
.wa112-lb-empty__desc { margin: 0; font-size: 15px; line-height: 1.45; color: #555; }
@media only screen and (max-width: 767px) {
  .footer-main { padding-top: 20px; padding-bottom: 12px; }
  .footer-main .footer-grid { gap: 8px; row-gap: 8px; }
  .footer-main .footer-col + .footer-col { margin-top: 0; }
  .footer-main .footer-links a { min-height: 44px; padding: 0; }
}

/* --- Categorie-header (Dave, okt 2026): plat op de pagina, alleen onderrand --- */
.wa112-archive-head.cat-head {
  margin: 24px 0 22px;
  padding: 0 0 16px;
  border: 0;
  border-bottom: 1px solid #DADDE1;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.cat-head .wa112-crumbs { margin: 0 0 8px; font-size: 13px; color: #6B7280; }
.cat-head .wa112-crumbs a { color: #6B7280; }
.cat-head .wa112-crumbs [aria-current="page"] { color: #4B5563; }
.cat-head__title.wa112-archive-head__title {
  position: relative;
  margin: 0;
  padding-left: 14px;
  color: #111;
  font-size: clamp(28px, 22px + 1.6vw, 40px);
  font-weight: 800;
  line-height: 1.15;
}
.cat-head__title::before {
  content: '';
  position: absolute;
  left: 0;
  top: .12em;
  bottom: .12em;
  width: 4px;
  background: var(--theme-accent, #ba0707);
}
.cat-head__desc.wa112-archive-head__desc {
  max-width: 640px;
  margin: 8px 0 0;
  color: #4B5563;
  font-size: 15px;
  line-height: 1.55;
}
@media (max-width: 767px) {
  .wa112-archive-head.cat-head { margin: 16px 0 20px; padding: 0 0 14px; }
}


/* Breadcrumb: alleen het laatste item in themarood, tussenliggende items grijs (overal) */
.wa112-crumbs li.wa112-crumbs__region:not(:last-child) a,
.wa112-crumbs li.wa112-crumbs__region:not(:last-child) span,
.cat-head .wa112-crumbs li:not(:last-child) a { color: #6e6e6e; font-weight: 400; }
.wa112-crumbs li.wa112-crumbs__region:not(:last-child) a:hover,
.wa112-crumbs li.wa112-crumbs__region:not(:last-child) a:focus { color: #1a1a1a; }
.wa112-crumbs li:last-child a,
.wa112-crumbs li:last-child span,
.cat-head .wa112-crumbs li:last-child a,
.cat-head .wa112-crumbs li:last-child [aria-current="page"] { color: var(--theme-accent, #ba0707); font-weight: 600; }
/* Net binnen in de artikel-sidebar: alleen desktop, net als Meest gelezen */
.wa112-sidebar__netbinnen { margin-top: 24px; }
/* Mobiel/tablet: sidebar staat via JS onder het artikel (vóór de reacties); lege aside verbergen */
.wa112-sidebar-mobile-slot:empty { display: none; }
.wa112-sidebar-mobile-slot { margin: 32px 0; }
@media only screen and (max-width: 991px) {
  .wa112-sidebar:not(:has(.wa112-sidebar__sticky)) { display: none; }
  .wa112-sidebar-mobile-slot .wa112-sidebar__sticky { position: static; }
}

/* Gelijke thumbnails in alle wa112-gridkaarten (desktop 16:9, mobiel vaste 120x80) + nette titel-clamp */
.wa112-card__media {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.wa112-card__media .wa112-card__img,
.wa112-card__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.wa112-grid .wa112-card__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
  max-height: none;
  height: auto;
}
@media (max-width: 767px) {
  .wa112-grid .wa112-card__link { flex-direction: row; align-items: flex-start; }
  .wa112-grid .wa112-card__media {
    flex: 0 0 120px;
    flex-shrink: 0;
    width: 120px;
    height: 80px;
    aspect-ratio: auto;
    margin: 10px 0 10px 10px;
    border-radius: 6px;
  }
  .wa112-grid .wa112-card__body { flex: 1 1 auto; min-width: 0; padding: 10px 12px; }
  .wa112-grid .wa112-card__title { font-size: 15.5px; line-height: 1.3; }
  .wa112-grid .wa112-card__play { width: 24px; height: 24px; left: 6px; bottom: 6px; font-size: 9px; }
}

/* Mobiel: kaartrijen in .wa112-grid sluiten aan tot één doorlopende lijst (gedeelde afgeronde container, 1px scheidingslijnen) */
@media (max-width: 767px) {
  .wa112-grid--2,
  .wa112-grid--3 {
    gap: 0;
    border: 1px solid var(--wa112-home-border, #e8e6e3);
    border-radius: var(--wa112-home-radius, 10px);
    overflow: hidden;
    background: #fff;
  }
  .wa112-grid .wa112-card { margin: 0; }
  .wa112-grid .wa112-card__link {
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .wa112-grid .wa112-card + .wa112-card .wa112-card__link { border-top: 1px solid var(--wa112-home-border, #e8e6e3); }
  .wa112-grid .wa112-card__link:hover,
  .wa112-grid .wa112-card__link:focus { box-shadow: none; }
}

/* ---- Video: poster altijd vullend (cover), ook tijdens wisselen naar de volgende video ---- */
/* Vóór Video.js-init (wachten op consent): kale <video> vult de 16:9-shell. */
.wa112-player-shell:has(> video.video-js:not(.vjs-tech)) { aspect-ratio: 16 / 9; }
/* video-js.css geeft .video-js.vjs-fluid height:0 + padding-top:56.25% (border-box). Op de kale <video>
   (vóór init / zonder consent) houdt dat 0px inhoud over: de poster wordt niet getekend = zwart vlak. */
.wa112-player-shell > video.video-js:not(.vjs-tech) {
  display: block;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover;
  object-position: center;
}
/* fix18: LCP-poster als gewone <img> onder de (transparante) <video> tot Video.js start (functions/hero-poster.php).
   Absoluut in de 16:9-shell → geen layoutverschuiving. Na init (.wa112-vjs-ready) dekt de speler hem af en verdwijnt hij. */
.wa112-player-shell > .wa112-player-poster {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.wa112-player-shell.has-poster-img > video.video-js:not(.vjs-tech) {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
}
.wa112-player-shell.has-poster-img > .video-js { z-index: 1; }
.wa112-player-shell.wa112-vjs-ready > .wa112-player-poster { visibility: hidden; }
/* Tijdens het laden van de volgende video / wachten op de preroll: Video.js-poster (cover) tonen,
   en de native poster van de tech-<video> (die anders 'contain' = zwarte balken geeft) bijsnijden. */
.wa112-player-shell.wa112-loading-next .video-js:not(.vjs-ad-playing) .vjs-poster {
  display: block !important;
}
.wa112-player-shell.wa112-loading-next video.vjs-tech { object-fit: cover; }
.wa112-player-shell.wa112-loading-next .vjs-big-play-button { display: none !important; }
/* "Volgende video"-overlay: poster van de volgende video vult de hele speler achter het verloop. */
.wa112-upnext.has-bg {
  background:
    linear-gradient(to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.7) 38%, rgba(0, 0, 0, 0.25) 72%, rgba(0, 0, 0, 0.05) 100%),
    var(--wa112-upnext-bg) center / cover no-repeat,
    #000;
}
.wa112-upnext.has-bg .wa112-upnext__thumb { display: none !important; }
/* Wachten op de preroll (contrib-ads: vjs-ad-loading): Video.js verbergt .vjs-poster al (vjs-has-started)
   en de native poster van de tech-<video> staat op 'contain' = zwarte balken. Poster vullend tonen. */
.wa112-player-shell .video-js.vjs-ad-loading.vjs-paused .vjs-poster { display: block !important; }
.wa112-player-shell .video-js.vjs-ad-loading.vjs-paused video.vjs-tech { object-fit: cover; }