/* Telefoonweergave. Alleen actief onder 760px; de desktopweergave blijft ongewijzigd. */
.pd-burger, .pd-menu { display: none; }

@media (max-width: 760px) {
  html, body { overflow-x: clip; }
  body { -webkit-text-size-adjust: 100%; }

  /* Kop: logo + menuknop */
  header { height: auto !important; min-height: 64px; padding: 10px 20px !important; position: relative; flex-wrap: nowrap !important; gap: 12px !important; }
  header img { height: 30px !important; }
  header > nav:not(.pd-menu), header > div { display: none !important; }
  .pd-burger { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; border: 1px solid #E2E7E4; border-radius: 12px; background: #FFFFFF; color: #121826; cursor: pointer; }
  .pd-burger svg { width: 22px; height: 22px; }
  .pd-menu { position: absolute; top: 100%; left: 0; right: 0; z-index: 60; flex-direction: column; padding: 8px 20px 20px; background: #FFFFFF; border-bottom: 1px solid #E2E7E4; box-shadow: 0 16px 32px rgba(18, 24, 38, .10); }
  .pd-menu.open { display: flex; }
  .pd-menu a { display: block; padding: 14px 4px; border-bottom: 1px solid #EEF1EF; font-size: 17px; font-weight: 700; color: #121826; text-decoration: none; }
  .pd-menu a[aria-current="page"] { color: #2F6D51; }
  .pd-menu a.btn { margin-top: 14px; border: 0; border-radius: 12px; padding: 0; height: 50px; display: flex; align-items: center; justify-content: center; background: #2F6D51; color: #FFFFFF; }

  /* Tabellen horizontaal scrollbaar in plaats van te breed */
  table { display: block; max-width: 100%; overflow-x: auto; }

  /* Invoervelden: 16px voorkomt automatisch inzoomen op iPhone */
  input, select, textarea { font-size: 16px !important; max-width: 100%; box-sizing: border-box; }
  .field input, .field select { width: 100% !important; }
  img, svg, video { max-width: 100%; }
  svg { flex-shrink: 0; }
}