/* OVbord promotion. Isolated from Leaflet, map controls and existing panels. */
#ovbordAppLink,#ovbordDownloadPromo,#ovbordDownloadPromo *{box-sizing:border-box}
#ovbordAppLink{
  position:fixed;z-index:120;right:176px;top:22px;display:inline-flex;
  align-items:center;justify-content:center;gap:7px;min-height:43px;
  padding:8px 14px;border:1.5px solid #185c98;border-radius:24px;
  background:#fff;color:#185c98;box-shadow:0 5px 22px rgba(22,52,71,.13);
  font:750 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  white-space:nowrap;text-decoration:none;pointer-events:auto;
}
#ovbordAppLink svg{width:17px;height:17px;flex:none}
#ovbordAppLink:hover{background:#eef6fc}
#ovbordDownloadPromo{
  position:fixed;z-index:120;right:18px;bottom:80px;
  width:min(346px,calc(100vw - 24px));padding:13px 13px 12px;
  background:#fff;color:#16384f;border:1px solid #dbe5ed;
  border-radius:18px;box-shadow:0 12px 36px rgba(17,43,56,.22);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.35;pointer-events:auto;
}
#ovbordDownloadPromo[hidden]{display:none!important}
#ovbordDownloadPromo .ovbord-promo-close{
  position:absolute;top:7px;right:7px;display:grid;place-items:center;
  width:40px;height:40px;border:0;border-radius:12px;background:transparent;
  color:#193a50;font:400 26px/1 system-ui;cursor:pointer;
}
#ovbordDownloadPromo .ovbord-promo-close:hover{background:#edf4f9}
#ovbordDownloadPromo .ovbord-promo-copy{display:flex;align-items:center;gap:11px;padding-right:26px}
#ovbordDownloadPromo .ovbord-promo-icon{
  display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;
  border-radius:12px;background:#e8f6f3;color:#087e83;
}
#ovbordDownloadPromo .ovbord-promo-icon svg{width:25px;height:25px}
#ovbordDownloadPromo strong{display:block;font-size:16px;font-weight:800;line-height:1.25;color:#16384f}
#ovbordDownloadPromo p{margin:3px 0 0;font-size:12px;color:#61747c}
#ovbordDownloadPromo .ovbord-promo-actions{display:flex;align-items:center;gap:9px;margin-top:9px}
#ovbordDownloadPromo .ovbord-promo-cta{
  display:flex;align-items:center;justify-content:center;flex:1;
  min-width:0;min-height:43px;padding:10px 12px;border-radius:11px;
  background:#185c98;color:#fff;text-decoration:none;text-align:center;
  font-size:13px;font-weight:800;line-height:1.25;
}
#ovbordDownloadPromo .ovbord-promo-cta:hover{background:#104b80}
#ovbordDownloadPromo .ovbord-promo-qr{
  display:flex;align-items:center;gap:5px;flex:0 0 86px;flex-direction:column;
}
#ovbordDownloadPromo .ovbord-promo-qr img{display:block;width:76px;height:76px;image-rendering:pixelated}
#ovbordDownloadPromo .ovbord-promo-qr small{text-align:center;color:#61747c;font-size:9px;line-height:1.2}
#ovbordAppLink:focus-visible,#ovbordDownloadPromo a:focus-visible,
#ovbordDownloadPromo button:focus-visible{outline:3px solid #51a8e6;outline-offset:3px}
body:has(#mapTools.mobile-open) #ovbordDownloadPromo,
body:has(.detail-panel.open) #ovbordDownloadPromo,
body:has(.leaflet-popup:not(.leaflet-zoom-animated[style*="display: none"])) #ovbordDownloadPromo{display:none}
@media(max-width:760px){
  #ovbordAppLink{top:167px;right:12px;min-height:37px;padding:7px 10px;font-size:12px;border-radius:20px}
  #ovbordAppLink svg{width:15px;height:15px}
  #ovbordDownloadPromo{
    left:12px;right:12px;bottom:calc(93px + env(safe-area-inset-bottom,0px));
    width:auto;max-width:none;padding:12px 13px;border-radius:16px;
  }
  #ovbordDownloadPromo .ovbord-promo-copy{gap:10px}
  #ovbordDownloadPromo .ovbord-promo-icon{width:38px;height:38px;flex-basis:38px}
  #ovbordDownloadPromo .ovbord-promo-icon svg{width:23px;height:23px}
  #ovbordDownloadPromo strong{font-size:16px}
  #ovbordDownloadPromo p{font-size:12px}
  #ovbordDownloadPromo .ovbord-promo-actions{margin-top:10px}
  #ovbordDownloadPromo .ovbord-promo-cta{min-height:43px;font-size:14px}
  #ovbordDownloadPromo .ovbord-promo-qr{display:none}
}
@media(max-height:550px) and (max-width:760px){
  #ovbordDownloadPromo{bottom:calc(75px + env(safe-area-inset-bottom,0px))}
}
/* Goedkeuring 27-10-2026: compacte blauwe mobiele campagnekaart. */
@media(max-width:760px){
  #ovbordDownloadPromo{
    background:#185c98;color:#fff;border-color:#185c98;
    box-shadow:0 12px 32px rgba(9,48,82,.27);
  }
  #ovbordDownloadPromo strong{color:#fff}
  #ovbordDownloadPromo p{color:#dcebf8}
  #ovbordDownloadPromo .ovbord-promo-icon{
    background:rgba(255,255,255,.14);color:#fff;
  }
  #ovbordDownloadPromo .ovbord-promo-close{color:#fff}
  #ovbordDownloadPromo .ovbord-promo-close:hover{background:rgba(255,255,255,.14)}
  #ovbordDownloadPromo .ovbord-promo-cta{
    background:#fff;color:#185c98;min-height:45px;
  }
  #ovbordDownloadPromo .ovbord-promo-cta:hover{background:#eef6fc}
}