/* /brasil/ (26-10): deel kaart, zie brasil.js tekenDelen. De hoogte is vast (nergens verspringt iets); vanaf 1000 px
   zet brasil.css #br-plek naast het live-blok, even hoog, de kaart vult dat vak. */
#br-plek{position:relative;height:240px;border:1px solid var(--lijn);border-radius:var(--r);overflow:hidden;background:var(--lijn-2);isolation:isolate}
.bk-kaart{position:absolute;inset:0;background:var(--lijn-2)}
.bk-kaart.leaflet-container{font:inherit}
.bk-kaart .leaflet-control-attribution{font-size:10px;padding:0 4px}
.bk-kaart .leaflet-bar{border:1px solid var(--lijn);box-shadow:none}
.bk-kaart .leaflet-bar a{width:44px;height:44px;line-height:44px;font-size:20px;color:var(--inkt)}
.bk-punt i{display:block;width:22px;height:22px;border-radius:50%;background:var(--br-geel,#FFDF00);border:3px solid var(--inkt);box-sizing:border-box;box-shadow:0 1px 4px rgba(0,0,0,.35)}

/* wind: het woord linksboven in een chipje; de grote pijl zit midden op het strandpunt (marker) */
.bk-wind{position:absolute;z-index:500;top:14px;left:14px;display:flex;align-items:center;min-height:44px;padding:0 14px;
  background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--r-pil);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.bk-woord{font-weight:700;font-size:13px;white-space:nowrap}
.bk-wind[data-niveau=off] .bk-woord{color:var(--aflandig)}

.bk-punt{background:none;border:0}
.bk-pijl{width:112px;height:112px;transition:transform .6s cubic-bezier(.3,.7,.3,1),opacity .2s;will-change:transform;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.bk-pijl svg{width:100%;height:100%;display:block;overflow:visible}
.bk-pijl g{fill:none;stroke-linecap:round;stroke-linejoin:round}
.bk-halo{stroke:#fff;stroke-width:13}
.bk-streep{stroke:var(--inkt);stroke-width:6}
.bk-pijl circle{fill:var(--br-geel,#FFDF00);stroke:var(--inkt);stroke-width:3.5}
.bk-pijl[data-bron=geen] .bk-streep{stroke:var(--zacht)}   /* effen maar gedempt: alleen voorspelling (27-10) */
/* tegelnaden: geen gebroken zoom, en de rand van elke tegel een haar over de buur */
.bk-kaart .leaflet-tile{outline:1px solid transparent}

/* Google-link: onderaan links, 44 px hoog */
.bk-google{position:absolute;z-index:500;left:14px;bottom:14px;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;
  background:var(--inkt);color:#fff;border-radius:var(--r-pil);font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.bk-google:hover{background:#000}
.bk-google:focus-visible{outline:2px solid var(--br-geel,#FFDF00);outline-offset:2px}
@media(prefers-reduced-motion:reduce){ .bk-pijl{transition:none} }