/* De melding die BEXX zelf op de website zet. Zie js/melding.js. */
.mld-balk{
  position:fixed; top:0; left:0; right:0; z-index:95;
  background:var(--or,#FF7D38); color:#14161A;
  border-bottom:1px solid var(--or-d,#E86420);
}
.mld-balk-in{
  max-width:1240px; margin:0 auto; padding:10px 20px;
  display:flex; align-items:center; gap:14px;
}
.mld-balk-t{ flex:1 1 auto; min-width:0; }
.mld-balk-t b{ display:block; font:800 15px/1.3 Archivo,system-ui,sans-serif; }
.mld-balk-t span{ display:block; font:400 14px/1.45 Inter,system-ui,sans-serif; margin-top:2px; }
.mld-balk-weg{
  flex:0 0 auto; width:44px; height:44px; min-width:44px;
  border:0; border-radius:10px; background:rgba(20,22,26,.10);
  color:#14161A; font:400 26px/1 system-ui,sans-serif; cursor:pointer;
}
.mld-balk-weg:hover{ background:rgba(20,22,26,.18); }

.mld-scherm{
  position:fixed; inset:0; z-index:9000; background:rgba(20,22,26,.62);
  display:flex; align-items:center; justify-content:center; padding:22px;
}
.mld-venster{
  background:#fff; color:#14161A; border-radius:var(--r,14px);
  max-width:520px; width:100%; padding:26px 26px 22px;
  box-shadow:0 24px 60px rgba(0,0,0,.30);
}
.mld-venster h2{ font:800 24px/1.2 Archivo,system-ui,sans-serif; margin:0 0 10px; }
.mld-tekst p{ font:400 15.5px/1.55 Inter,system-ui,sans-serif; margin:0 0 10px; }
.mld-sluit{
  margin-top:6px; min-height:48px; width:100%;
  border:0; border-radius:12px; background:var(--or,#FF7D38); color:#14161A;
  font:700 15px/1 Inter,system-ui,sans-serif; cursor:pointer;
}
.mld-sluit:hover{ background:var(--or-d,#E86420); }

@media (max-width:700px){
  .mld-balk-in{ padding:9px 14px; gap:10px; }
  .mld-balk-t b{ font-size:14.5px; }
  .mld-balk-t span{ font-size:13.5px; }
}