/* MvM Theme 1.0 — lichte inhoudslaag. Header en footer bewust buiten scope. */

body:not(.dark):not([data-mvm-theme="dark"]) main#content{
  --mvm-light-blue:#1966AE;
  --mvm-light-blue-dark:#114F8B;
  --mvm-light-ink:#17212B;
  --mvm-light-muted:#3F5060;
  --mvm-light-line:#C9D7E3;
  --mvm-light-soft:#F8FBFE;
  background:#fff;
  color:var(--mvm-light-ink);
}

/* Lichte secties en kaarten */
body:not(.dark):not([data-mvm-theme="dark"]) main#content :is(
  .mvm-theme1-lab,.mvm-theme1-together,.mvm-theme1-agenda,.mvm-theme1-discover,
  .mvm-theme1-community,.mvm-theme1-more-news,.mvm-theme1-latest,
  .mvm-page-card,.mvm-single-article,.mvm-event-article,.mvm-pagebuilder-document,
  .mvm-elementor-section__inner,#mvm-today
){background:#fff!important;}

body:not(.dark):not([data-mvm-theme="dark"]) main#content :is(
  .mvm-theme1-together,.mvm-theme1-agenda,.mvm-theme1-discover,
  .mvm-theme1-community,.mvm-theme1-more-news,#mvm-today
){border-top:1px solid var(--mvm-light-line)!important;border-bottom:1px solid var(--mvm-light-line)!important;}

body:not(.dark):not([data-mvm-theme="dark"]) main#content :is(
  .mvm-theme1-card,.mvm-theme1-together-card,.mvm-theme1-event,
  .mvm-theme1-discover-photo,.mvm-theme1-discover-story,.mvm-theme1-action-card,
  .mvm-more-news-card,.mvm-listing-card,.mvm-builder-card,#mvm-today .mvm-today-card,
  .mvm-event-page .wpem-single-event-wrapper,.mvm-event-page .wpem-single-event-body-sidebar
){background:#fff!important;border-color:var(--mvm-light-line)!important;box-shadow:0 4px 16px rgba(23,33,43,.045)!important;}

/* Blauw vooral voor titels, labels, links en lijnen */
body:not(.dark):not([data-mvm-theme="dark"]) main#content :is(
  .mvm-theme1-section-head h2,.mvm-elementor-section__head h2,.mvm-listing-head h1,
  .mvm-page-head h1,.mvm-theme1-eyebrow,.mvm-elementor-eyebrow,.mvm-listing-kicker,
  .mvm-theme1-event-kicker,.mvm-today-eyebrow,.mvm-today-kicker,
  .mvm-event-page .wpem-event-title .wpem-heading-text,
  .mvm-event-page .wpem-single-event-sidebar-info>.wpem-heading-text,
  .mvm-event-page .wpem-listing-accordion>.wpem-heading-text
){color:var(--mvm-light-blue)!important;}

body:not(.dark):not([data-mvm-theme="dark"]) main#content :is(
  .mvm-theme1-link,.mvm-theme1-card-cta,.mvm-today-cta
){color:var(--mvm-light-blue)!important;}

/* Citaten: licht met blauwe lijn, niet als zwaar gekleurd vlak */
body:not(.dark):not([data-mvm-theme="dark"]) main#content blockquote{
  margin-inline:0;padding:20px 22px;border:0;border-left:4px solid var(--mvm-light-blue);
  border-radius:0 14px 14px 0;background:var(--mvm-light-soft)!important;
  color:var(--mvm-light-ink)!important;box-shadow:none;
}
body:not(.dark):not([data-mvm-theme="dark"]) main#content blockquote cite{color:var(--mvm-light-blue)!important;}

/* Elementor accent: wit vlak met blauwe rand in plaats van groot blauw oppervlak */
body:not(.dark):not([data-mvm-theme="dark"]) main#content .mvm-elementor-section--accent .mvm-elementor-section__inner{
  background:#fff!important;border:2px solid var(--mvm-light-blue)!important;color:var(--mvm-light-ink)!important;
}
body:not(.dark):not([data-mvm-theme="dark"]) main#content .mvm-elementor-section--accent :is(.mvm-elementor-eyebrow,.mvm-elementor-section__head h2,.mvm-elementor-section__head p){color:var(--mvm-light-blue)!important;opacity:1!important;}

/* Secundaire acties: wit met blauwe rand */
body:not(.dark):not([data-mvm-theme="dark"]) main#content :is(.mvm-today-all,.mvm-404-secondary,.mvm-builder-button .wp-element-button){
  background:#fff!important;border:1px solid var(--mvm-light-blue)!important;color:var(--mvm-light-blue)!important;box-shadow:none!important;
}
body:not(.dark):not([data-mvm-theme="dark"]) main#content :is(.mvm-today-all,.mvm-404-secondary,.mvm-builder-button .wp-element-button):is(:hover,:focus-visible){
  background:var(--mvm-light-soft)!important;color:var(--mvm-light-blue-dark)!important;
}

/* Knoppen in de content: tekst exact gecentreerd */
main#content :is(
  a.mvm-theme1-button,.mvm-today-all,.mvm-builder-button .wp-element-button,
  .mvm-404-actions a,.mvm-event-page .wpem-theme-button,.mvm-event-page .registration_button,
  .elementor-button,.wp-element-button,.ultp-button,.ultp-loadmore,button,input[type="submit"]
){display:inline-flex;align-items:center;justify-content:center;text-align:center;}

/* Duidelijk gekleurde MvM-vlakken: witte tekst en iconen. Categoriechips uitgezonderd. */
main#content :is(
  .mvm-theme1-button,.mvm-theme1-action-card--primary,.mvm-404-actions>a:first-child,
  .mvm-event-page .wpem-theme-button,.mvm-event-page .registration_button,
  .mvm-blue-surface,.has-mvm-blue-background-color,.mvm-elementor-cta--blue,.mvm-elementor-hero--blue,
  .mvm-postx-block .ultp-loadmore,.mvm-postx-block [class*="pagination"] .active,
  .mvm-postx-block [class*="pagination"] .current
){color:#fff!important;}
main#content :is(
  .mvm-theme1-button,.mvm-theme1-action-card--primary,.mvm-404-actions>a:first-child,
  .mvm-event-page .wpem-theme-button,.mvm-event-page .registration_button,
  .mvm-blue-surface,.has-mvm-blue-background-color,.mvm-elementor-cta--blue,.mvm-elementor-hero--blue,
  .mvm-postx-block .ultp-loadmore,.mvm-postx-block [class*="pagination"] .active,
  .mvm-postx-block [class*="pagination"] .current
) :is(a,span,strong,em,small,h1,h2,h3,h4,h5,h6,p,i,svg){color:#fff!important;fill:currentColor;}

/* Homepage family — rustige grids rond Goedemiddag Mierlo */
body.home main#content .mvm-theme1-together-card,
body.home main#content .mvm-theme1-event,
body.home main#content .mvm-theme1-action-card,
body.home main#content .mvm-theme1-forum-live{
  box-shadow:none!important;
  border-radius:17px!important;
  border-color:var(--mvm-light-line)!important;
}

body.home main#content .mvm-theme1-together-card:hover,
body.home main#content .mvm-theme1-event:hover,
body.home main#content .mvm-theme1-action-card:hover{
  transform:none!important;
  box-shadow:none!important;
  border-color:#B9D0E2!important;
}

/* Samen in Mierlo: drie rustige beeldkaarten. */
body.home main#content .mvm-theme1-together-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
body.home main#content .mvm-theme1-together-media{
  aspect-ratio:16/9!important;
}
body.home main#content .mvm-theme1-together-label{
  margin-top:0!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  color:var(--mvm-light-blue)!important;
}
body.home main#content .mvm-theme1-together-card h3{
  color:var(--mvm-light-blue)!important;
}

/* Vandaag & binnenkort: symmetrische 3-koloms agenda. */
body.home main#content .mvm-theme1-agenda{
  background:#fff!important;
}
body.home main#content .mvm-theme1-agenda-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
body.home main#content .mvm-theme1-event{
  grid-template-columns:74px minmax(0,1fr)!important;
  background:#fff!important;
  min-height:132px;
}
body.home main#content .mvm-theme1-event-date{
  background:var(--mvm-light-blue)!important;
  color:#fff!important;
}
body.home main#content .mvm-theme1-event-date :is(strong,span){
  color:#fff!important;
}
body.home main#content .mvm-theme1-event h3,
body.home main#content .mvm-theme1-event h3 a{
  color:var(--mvm-light-blue)!important;
}
body.home main#content .mvm-theme1-agenda-cta{
  border-radius:17px!important;
  box-shadow:none!important;
  background:var(--mvm-light-blue)!important;
  color:#fff!important;
}
body.home main#content .mvm-theme1-agenda-cta :is(strong,span){color:#fff!important;}
body.home main#content .mvm-theme1-agenda-cta .mvm-theme1-button{
  background:#fff!important;
  color:#1966AE!important;
  -webkit-text-fill-color:#1966AE!important;
  border:1px solid #fff!important;
}
body.home main#content .mvm-theme1-agenda-cta .mvm-theme1-button:is(:hover,:focus-visible){
  background:#fff!important;
  color:#1966AE!important;
  -webkit-text-fill-color:#1966AE!important;
  border-color:#fff!important;
}
body.home main#content .mvm-theme1-discover-photo-copy > span{
  background:#fff!important;
  color:#1966AE!important;
  -webkit-text-fill-color:#1966AE!important;
  border-color:#fff!important;
}

/* Dorpsplein: vaste 2×2 compositie. */
body.home main#content .mvm-theme1-community-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
body.home main#content .mvm-theme1-action-card{
  grid-column:auto!important;
  background:#fff!important;
  padding:22px!important;
}
body.home main#content .mvm-theme1-action-card--primary{
  background:linear-gradient(145deg,#1966AE 0%,#114F8B 100%)!important;
  border-color:#1966AE!important;
  color:#fff!important;
}
body.home main#content .mvm-theme1-action-card:not(.mvm-theme1-action-card--primary) h3,
body.home main#content .mvm-theme1-action-card:not(.mvm-theme1-action-card--primary) a{
  color:var(--mvm-light-blue)!important;
}
body.home main#content .mvm-theme1-action-card--primary :is(small,h3,p,a){
  color:#fff!important;
}
body.home main#content .mvm-theme1-action-icon{
  border-radius:12px!important;
  box-shadow:none!important;
}
body.home main#content .mvm-theme1-forum-live{
  background:#fff!important;
  overflow:hidden;
}
body.home main#content .mvm-theme1-forum-live-head{
  border-color:var(--mvm-light-line)!important;
}
body.home main#content .mvm-theme1-forum-topic{
  border-color:var(--mvm-light-line)!important;
}
body.home main#content .mvm-theme1-forum-topic strong{
  color:var(--mvm-light-blue)!important;
}

@media(max-width:900px){
  body.home main#content .mvm-theme1-together-grid,
  body.home main#content .mvm-theme1-agenda-grid,
  body.home main#content .mvm-theme1-community-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.home main#content .mvm-theme1-together-card:last-child,
  body.home main#content .mvm-theme1-event:last-child{
    grid-column:1/-1;
  }
}

@media(max-width:640px){
  body.home main#content .mvm-theme1-together-grid,
  body.home main#content .mvm-theme1-agenda-grid,
  body.home main#content .mvm-theme1-community-grid{
    grid-template-columns:1fr;
  }
  body.home main#content .mvm-theme1-together-card:last-child,
  body.home main#content .mvm-theme1-event:last-child{
    grid-column:auto;
  }
}

/* Meer uit Mierlo: zes gelijkwaardige beeldverhalen in een 3×2-grid. */
body.home main#content .mvm-theme1-more{
  background:#fff!important;
}
body.home main#content .mvm-theme1-more-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
body.home main#content .mvm-theme1-more-item,
body.home main#content .mvm-theme1-more-item--lead{
  grid-column:auto!important;
  display:flex!important;
  flex-direction:column;
  gap:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid var(--mvm-light-line)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.home main#content .mvm-theme1-more-item:hover,
body.home main#content .mvm-theme1-more-item--lead:hover{
  transform:none!important;
  box-shadow:none!important;
  border-color:#B9D0E2!important;
}
body.home main#content .mvm-theme1-more-media,
body.home main#content .mvm-theme1-more-item--lead .mvm-theme1-more-media{
  width:100%;
  min-height:0!important;
  aspect-ratio:16/9!important;
  border-radius:0!important;
}
body.home main#content .mvm-theme1-more-body,
body.home main#content .mvm-theme1-more-item--lead .mvm-theme1-more-body{
  display:flex;
  flex:1;
  flex-direction:column;
  align-self:stretch!important;
  padding:16px 17px 18px!important;
}
body.home main#content .mvm-theme1-more-item h3,
body.home main#content .mvm-theme1-more-item--lead h3{
  font-size:clamp(1.03rem,1.35vw,1.22rem)!important;
  line-height:1.22!important;
}
body.home main#content .mvm-theme1-more-item h3 a{
  color:var(--mvm-light-blue)!important;
}
body.home main#content .mvm-theme1-more-item p{
  margin-top:9px!important;
  font-size:.89rem!important;
  line-height:1.5!important;
}
body.home main#content .mvm-theme1-category-nav{
  border:0!important;
  border-top:1px solid var(--mvm-light-line)!important;
  border-radius:0!important;
  background:transparent!important;
  padding:16px 0 0!important;
}

@media(max-width:900px){
  body.home main#content .mvm-theme1-more-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  body.home main#content .mvm-theme1-more-grid{
    grid-template-columns:1fr;
  }
}

/* Homepage-sectiekoppen: redactioneel in plaats van app-achtig. */
body.home main#content .mvm-theme1-section-head{
  align-items:flex-end;
  padding-bottom:12px;
  border-bottom:1px solid var(--mvm-light-line);
}
body.home main#content .mvm-theme1-eyebrow{
  padding-left:0!important;
  color:var(--mvm-light-blue)!important;
}
body.home main#content .mvm-theme1-eyebrow::before{
  display:none!important;
}
body.home main#content .mvm-theme1-section-head h2{
  color:var(--mvm-light-blue)!important;
}
body.home main#content .mvm-theme1-link{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mvm-light-blue)!important;
}
body.home main#content .mvm-theme1-link:hover,
body.home main#content .mvm-theme1-link:focus-visible{
  transform:none!important;
  color:var(--mvm-light-blue-dark)!important;
  text-decoration:underline;
}

/* Net binnen: compact, strak en zonder zware ticker-look. */
body.home main#content .mvm-theme1-latest{
  background:#fff!important;
  border-bottom:1px solid var(--mvm-light-line)!important;
}
body.home main#content .mvm-theme1-latest-label{
  padding:10px 14px!important;
  background:var(--mvm-light-blue)!important;
  color:#fff!important;
}
body.home main#content .mvm-theme1-latest-items a{
  padding:9px 13px!important;
  border-color:var(--mvm-light-line)!important;
}
body.home main#content .mvm-theme1-latest-items time{
  color:var(--mvm-light-blue)!important;
}

/* Homepage family pass — sluit aan op de gekozen Visueel-grid zonder alles gelijk te maken. */
body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home :is(
  .mvm-theme1-lab,.mvm-theme1-together,.mvm-theme1-agenda,.mvm-theme1-discover,
  .mvm-theme1-community,.mvm-theme1-more-news
){background:#fff!important;border-block:0!important;}

body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home :is(
  .mvm-theme1-card,.mvm-theme1-together-card,.mvm-theme1-event,
  .mvm-theme1-discover-photo,.mvm-theme1-discover-story,.mvm-more-news-card
){border:1px solid var(--mvm-light-line)!important;border-radius:17px!important;box-shadow:none!important;}

body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home :is(
  .mvm-theme1-card,.mvm-theme1-together-card,.mvm-theme1-event,
  .mvm-theme1-discover-photo,.mvm-theme1-discover-story,.mvm-more-news-card
):hover{transform:translateY(-1px);box-shadow:none!important;border-color:#B8CEDF!important;}

body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home :is(
  .mvm-theme1-card h3,.mvm-theme1-together-card h3,.mvm-theme1-event h3,
  .mvm-theme1-discover-photo h3,.mvm-theme1-discover-story h3,.mvm-more-news-card h3
){color:var(--mvm-light-blue)!important;}

body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home :is(
  .mvm-theme1-card-media,.mvm-theme1-together-media,.mvm-more-news-media
){aspect-ratio:16/9;}

body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-link{
  border-radius:11px;box-shadow:none!important;background:#fff!important;border-color:var(--mvm-light-line)!important;
}

body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-together-label{
  margin-top:0;border-radius:10px;box-shadow:none!important;background:var(--mvm-light-soft)!important;
}

body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-together-footer{
  border:1px solid var(--mvm-light-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:none!important;
}

/* Nieuws uit Mierlo: symmetrische 2×2-grid als rustig vervolg op de 1–2–3 hero-grid. */
body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card,
body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card:first-child,
body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card:nth-child(2),
body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card:nth-child(3),
body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card:nth-child(4){grid-column:span 6;}

body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card .mvm-theme1-card-media,
body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card:first-child .mvm-theme1-card-media{aspect-ratio:16/9!important;}

@media(max-width:620px){
  body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card,
  body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card:first-child,
  body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card:nth-child(2),
  body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card:nth-child(3),
  body:not(.dark):not([data-mvm-theme="dark"]) main#content.mvm-home .mvm-theme1-grid>.mvm-theme1-card:nth-child(4){grid-column:1/-1;}
}

/* Goedemiddag Mierlo: alle drie grote beeldtegels gebruiken exact dezelfde witte overlaytypografie. */
body.home main#content .mvm-gm-lab .mvm-gm-card.has-media:is(
  .mvm-gm-card--hero,.mvm-gm-card--feature-left,.mvm-gm-card--feature-right
) :is(.mvm-gm-card__kicker,h3,h3 a,p),
body.home main#content .mvm-gm-lab .mvm-gm-card.has-media:is(
  .mvm-gm-card--hero,.mvm-gm-card--feature-left,.mvm-gm-card--feature-right
) h3 a:is(:hover,:focus-visible){
  color:#fff!important;
}
body.home main#content .mvm-gm-lab .mvm-gm-card.has-media:is(
  .mvm-gm-card--hero,.mvm-gm-card--feature-left,.mvm-gm-card--feature-right
) :is(.mvm-gm-card__kicker,h3,h3 a,p){
  text-shadow:0 2px 8px rgba(5,18,30,.48);
}

/* Homepage: vooral de donkere/zwart weergegeven kaarttitels krijgen MvM-blauw bij hover/focus. */
body.home main#content.mvm-home :is(h2,h3,h4) > a:is(:hover,:focus-visible),
body.front-page main#content.mvm-home :is(h2,h3,h4) > a:is(:hover,:focus-visible) {
  color:#1966AE!important;
  -webkit-text-fill-color:#1966AE!important;
}

/* Titels die bewust wit over fotografie staan, blijven wit bij hover/focus. */
body.home main#content.mvm-home .mvm-gm-card.has-media:is(
  .mvm-gm-card--hero,.mvm-gm-card--feature-left,.mvm-gm-card--feature-right
) h3 > a:is(:hover,:focus-visible),
body.front-page main#content.mvm-home .mvm-gm-card.has-media:is(
  .mvm-gm-card--hero,.mvm-gm-card--feature-left,.mvm-gm-card--feature-right
) h3 > a:is(:hover,:focus-visible) {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
