/*
 Theme Name:   Divi Child
 Description:  Divi Child Theme met veilige achtergrond voor /aanbod (page-id-44)
*/

/* === Aanbodpagina (page-id-44) – alleen achtergrond, géén stacking/clipping === */
.page-id-44 #et-boc {
  background-image: url('https://health4you.wolsinkit.nl/wp-content/uploads/2025/07/image-1920x1280-1.jpg') !important;
  background-attachment: scroll !important;
  background-size: contain !important;          /* evt. 'cover' i.p.v. 'contain' */
  background-position: center 280px !important; /* offset om de hoofden te tonen */
  background-repeat: no-repeat !important;
  background-color: #a59c86 !important;
  min-height: 100vh;
  height: 100%;
  /* bewust GEEN: position, z-index, overflow */
}

/* GEEN overlay/pseudo-element meer op #et-boc (voorkomt nieuwe stacking layer) */
/* .page-id-44 #et-boc::before { ... }  — VERWIJDERD */

/* Inhoud blijft normaal; géén extra z-index nodig */
/* .page-id-44 #et-boc > * { ... } — VERWIJDERD */

/* Transparante secties/rijen (mag blijven voor je design) */
.page-id-44 .et_pb_section,
.page-id-44 .et_pb_row {
  background-color: transparent !important;
}

/* Geen extra body/container achtergrondkleur */
.page-id-44 body,
.page-id-44 #page-container {
  background-color: transparent !important;
}

/* === Mobiel: achtergrond netjes schalen === */
@media (max-width: 768px) {
  .page-id-44 #et-boc {
    background-size: cover !important;     /* mobiel meestal mooier met cover */
    background-position: center top !important;
    background-attachment: scroll !important;
  }
}

/* Let op: geen 'mobile unclipping' regels nodig nu overflow niet wordt gezet */