/* Tijdreis – insluiten in een pagina */
.tgp-embed{position:relative;width:100%;background:#000;box-sizing:border-box;line-height:0}
.tgp-embed iframe{display:block;width:100%;height:auto;border:0;margin:0;
  aspect-ratio:16/9;max-height:100vh;max-height:100dvh;background:#000}
.tgp-embed.tgp-vaste-hoogte iframe{aspect-ratio:auto;height:var(--tgp-h);max-height:none}

/* pagina-breed: van rand tot rand, ook binnen een smalle themakolom */
.tgp-embed.tgp-breed{
  width:calc(100vw - var(--tgp-sb,0px))!important;max-width:none!important;
  margin-left:calc(50% - 50vw + var(--tgp-sb,0px) / 2)!important;
  margin-right:calc(50% - 50vw + var(--tgp-sb,0px) / 2)!important}

/* schermvullend (hele browservenster), pseudo-fullscreen en echt fullscreen */
.tgp-embed.tgp-schermvullend,.tgp-embed.tgp-pseudo-fs{
  position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;
  height:100vh!important;height:100dvh!important;margin:0!important;z-index:2147483000}
.tgp-embed:fullscreen{width:100vw;height:100vh;margin:0}
.tgp-embed:-webkit-full-screen{width:100vw;height:100vh;margin:0}
.tgp-embed.tgp-schermvullend iframe,.tgp-embed.tgp-pseudo-fs iframe,
.tgp-embed:fullscreen iframe{aspect-ratio:auto;width:100%;height:100%;max-height:none}
.tgp-embed:-webkit-full-screen iframe{aspect-ratio:auto;width:100%;height:100%;max-height:none}
html.tgp-lock,html.tgp-lock body{overflow:hidden!important}

/* knop */
.tgp-fs-knop{position:absolute;right:10px;bottom:10px;z-index:5;display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;padding:0;border:2px solid #000;border-radius:6px;cursor:pointer;
  background:rgba(20,20,12,.72);color:#e6e3c0;font:20px/1 system-ui,sans-serif;
  opacity:.55;transition:opacity .15s,transform .15s;box-shadow:0 2px 0 #000}
.tgp-fs-knop:hover,.tgp-fs-knop:focus-visible{opacity:1;transform:translateY(-1px);outline:none}
.tgp-fs-knop:focus-visible{box-shadow:0 0 0 3px #cdebb0}
.tgp-fs-tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tgp-fs-uit{display:none}
.tgp-embed.tgp-in-fs .tgp-fs-aan{display:none}
.tgp-embed.tgp-in-fs .tgp-fs-uit{display:inline}

/* in de blok-editor: geen echte overlay */
.editor-styles-wrapper .tgp-embed.tgp-schermvullend{position:relative!important;height:auto!important;z-index:auto}