/* 5.17.4 · Volle Divi-breedte op desktop; de rustige hero geldt alleen op mobiel. */
/* Alleen voor de Divi-voorouders van deze hero. De overige pagina's blijven intact. */
.dsp-calm-hubs #main-content .et_pb_section:has(#doolioo-photo-hero[data-dsp-calm="1"]),
.dsp-calm-hubs #main-content .et_pb_row:has(#doolioo-photo-hero[data-dsp-calm="1"]),
.dsp-calm-hubs #main-content .et_pb_column:has(#doolioo-photo-hero[data-dsp-calm="1"]),
.dsp-calm-hubs #main-content .et_pb_module:has(#doolioo-photo-hero[data-dsp-calm="1"]),
.dsp-calm-hubs #main-content .et_pb_code_inner:has(#doolioo-photo-hero[data-dsp-calm="1"]) {
  width:100%!important; max-width:100%!important; min-width:0!important;
  margin:0!important; padding:0!important;
}
.dsp-calm-hubs #doolioo-photo-hero[data-dsp-calm="1"] { width:100%; margin-left:0; }
.dsp-calm-hubs #doolioo-photo-hero[data-dsp-calm="1"] .dsp-hub-mobile-copy { display:none; }

@media (max-width:720px) {
  .dsp-calm-hubs #doolioo-photo-hero .dsp-hub-desktop-copy { display:none; }
  .dsp-calm-hubs #doolioo-photo-hero[data-dsp-calm="1"] .dsp-hub-mobile-copy { display:inline; }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__eyebrow,
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__secondary,
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__usps li:nth-child(n+4) { display:none!important; }
  /* De Theme Builder gebruikt deze variabele ook voor de paginatop en ankers. */
  body.dsp-calm-hubs { --doo-header-height:64px; }
  .dsp-calm-hubs #doo-header .doo-topbar { display:none!important; }
  .dsp-calm-hubs #doo-header .doo-navbar { border-bottom:0; }
  .dsp-calm-hubs #doo-header .doo-navbar-inner {
    display:flex; height:64px!important; width:calc(100% - 40px); gap:12px;
  }
  .dsp-calm-hubs #doo-header .doo-navbar-inner > .doo-actions { display:none!important; }
  /* Het logoscript meet transparante marges. Schaal het hele kader, zodat de
     afbeelding en zijn fallback exact dezelfde verhoudingen behouden. */
  .dsp-calm-hubs #doo-header .doo-logo {
    transform:scale(.72); transform-origin:left center; flex-shrink:0;
  }
  .dsp-calm-hubs #doo-header .doo-burger {
    display:block; margin-left:auto; width:44px; height:44px; flex-shrink:0;
    border:0; border-radius:8px; background:transparent;
  }
  .dsp-calm-hubs #doo-header .doo-burger span { left:11px; right:11px; }
  .dsp-calm-hubs #doo-header .doo-burger span:nth-child(1) { top:15px; }
  .dsp-calm-hubs #doo-header .doo-burger span:nth-child(2) { top:22px; }
  .dsp-calm-hubs #doo-header .doo-burger span:nth-child(3) { top:29px; }
  .dsp-calm-hubs #doo-header.doo-open .doo-burger span:nth-child(1),
  .dsp-calm-hubs #doo-header.doo-open .doo-burger span:nth-child(3) { top:22px; }
  .dsp-calm-hubs #doo-header .doo-mobile { max-height:calc(100vh - 64px); max-height:calc(100dvh - 64px); }
  .dsp-calm-hubs.admin-bar #doo-header .doo-mobile { max-height:calc(100dvh - 110px); }


  .dsp-calm-hubs #doolioo-photo-hero[data-dsp-calm="1"] {
    display:flex; flex-direction:column; width:100%; margin-left:0;
    min-height:0; padding:0 0 24px; background:#f8fafc;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__inner {
    order:0; width:100%; max-width:620px; margin:0 auto; padding:30px 22px 28px;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__content { width:100%; max-width:none; }
  .dsp-calm-hubs #doolioo-photo-hero h1 {
    margin:0; max-width:15em; font-size:clamp(29px,7.6vw,36px);
    line-height:1.14; font-weight:650; letter-spacing:-.035em; color:#20262d; text-wrap:balance;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolio-photohero__accent {
    display:inline; background:linear-gradient(118deg,#ef78cb 0%,#c75aec 52%,#315fa5 112%);
    -webkit-background-clip:text; background-clip:text;
    color:transparent; -webkit-text-fill-color:transparent;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__intro {
    margin:16px 0 0; max-width:none; font-size:15px; line-height:1.55;
    font-weight:400; color:#5c6b7c;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__usps {
    margin:20px 0 0; padding:0; gap:7px; max-width:none; list-style:none;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__usps li {
    align-items:flex-start; gap:9px; min-height:23px; font-size:14px;
    line-height:1.5; font-weight:500; color:#3f526a;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__check,
  .dsp-calm-hubs #doolioo-photo-hero .is-accent .doolioo-photohero__check {
    width:17px; height:22px; margin:0; background:none; border:0;
    border-radius:0; box-shadow:none; color:#315fa5; font-size:15px;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__actions { margin-top:26px; gap:0; }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__primary {
    width:100%; min-height:52px; padding:0 24px; border-radius:12px; background:#ff5722;
    box-shadow:none; font-size:13.5px; line-height:1.35; white-space:normal; text-align:center;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__primary:hover { background:#ff5722; }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__primary:focus-visible {
    outline:3px solid #315fa5; outline-offset:4px;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__proof {
    margin-top:12px; font-size:12px; line-height:1.5; font-weight:400; color:#5c6b7c; text-align:center;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__media {
    position:relative; inset:auto; order:1; width:calc(100% - 44px); max-width:576px;
    height:auto; aspect-ratio:16/9; margin:0 auto; border-radius:14px; overflow:hidden;
  }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__media:after { display:none; }
  .dsp-calm-hubs #doolioo-photo-hero .doolioo-photohero__media img { object-position:center; }

  /* Een contactlink onderaan de pagina bedekt geen tekst of hoofdknop. */
  .dsp-calm-hubs #slp-root > .slp-hwa[aria-label="Stel je vraag via WhatsApp"] {
    position:relative!important; right:auto!important; bottom:auto!important;
    width:fit-content!important; max-width:calc(100% - 44px); height:auto!important;
    min-height:44px; margin:12px auto 24px; padding:10px 16px;
    display:flex!important; align-items:center; gap:9px; border-radius:10px!important;
    background:#fff!important; box-shadow:none!important; border:1px solid #dce6ee;
    font-size:13px; line-height:1.4; color:#244c7f;
  }
  .dsp-calm-hubs #slp-root > .slp-hwa[aria-label="Stel je vraag via WhatsApp"]:after { content:"Stel je vraag via WhatsApp"; }
  .dsp-calm-hubs #slp-root > .slp-hwa[aria-label="Stel je vraag via WhatsApp"] svg { width:22px; height:22px; fill:#15803d; flex-shrink:0; }
}