/* =========================================================
   Heath Press Aggregators – base layout (THP + RSS + YouTube)
   THP page: page-id-65333 (hpagg-*)
   RSS page: page-id-65368 (hp-rss-*)
   YouTube page: page-id-65383 (hpyt-* + hpagg-* wrappers)
   ========================================================= */

/* 1) Contentcontainer breder + minder wit links/rechts */
body.page-id-65333 .site-content,
body.page-id-65333 .content-area,
body.page-id-65333 .entry-content,
body.page-id-65333 .wp-site-blocks,
body.page-id-65368 .site-content,
body.page-id-65368 .content-area,
body.page-id-65368 .entry-content,
body.page-id-65368 .wp-site-blocks,
body.page-id-65383 .site-content,
body.page-id-65383 .content-area,
body.page-id-65383 .entry-content,
body.page-id-65383 .wp-site-blocks {
  max-width: 1400px;        /* zet op 1500px als je hem breder wil */
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}

/* 2) Aggregator wrappers mogen 100% van die container gebruiken */
body.page-id-65333 .hpagg-wrap,
body.page-id-65333 .hpagg-section,
body.page-id-65333 .hpagg-cards,
body.page-id-65333 .hpagg-hero,

body.page-id-65368 .hp-rss-wrap,
body.page-id-65368 .hp-rss-section,
body.page-id-65368 .hp-rss-cards,
body.page-id-65368 .hp-rss-hero,

body.page-id-65383 .hpyt-wrap,
body.page-id-65383 .hpyt-hero,
body.page-id-65383 .hpyt-cards,
body.page-id-65383 .hpagg-wrap,
body.page-id-65383 .hpagg-section,
body.page-id-65383 .hpagg-cards,
body.page-id-65383 .hpagg-hero {
  max-width: 100%;
}

/* 3) Spacing tussen kaarten */
body.page-id-65333 .hpagg-cards,
body.page-id-65368 .hp-rss-cards,
body.page-id-65383 .hpyt-cards,
body.page-id-65383 .hpagg-cards {
  gap: 18px;
}

/* 4) Hero padding gelijk trekken */
body.page-id-65333 .hpagg-hero,
body.page-id-65368 .hp-rss-hero,
body.page-id-65383 .hpyt-hero,
body.page-id-65383 .hpagg-hero {
  padding-left: 24px;
  padding-right: 24px;
}

/* =========================================================
   4 kolommen op desktop (THP + RSS + YouTube)
   ========================================================= */

/* Desktop: 4 kaarten naast elkaar */
body.page-id-65333 .hpagg-card,
body.page-id-65368 .hp-rss-card,
body.page-id-65383 .hpyt-card,
body.page-id-65383 .hpagg-card {
  grid-column: span 3;
}

/* Tablet: 2 kaarten naast elkaar */
@media (max-width: 980px){
  body.page-id-65333 .hpagg-card,
  body.page-id-65368 .hp-rss-card,
  body.page-id-65383 .hpyt-card,
  body.page-id-65383 .hpagg-card {
    grid-column: span 6;
  }

  body.page-id-65333 .hpagg-hero,
  body.page-id-65368 .hp-rss-hero,
  body.page-id-65383 .hpyt-hero,
  body.page-id-65383 .hpagg-hero {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* Mobiel: 1 kaart onder elkaar */
@media (max-width: 620px){
  body.page-id-65333 .hpagg-card,
  body.page-id-65368 .hp-rss-card,
  body.page-id-65383 .hpyt-card,
  body.page-id-65383 .hpagg-card {
    grid-column: span 12;
  }
}